/* President Benson Inauguraiton - Screen Styles - Created by SUU Web Services June 2007 */

#icontainer {
	background: #000000 url(../images/bkg-crest.jpg) no-repeat;
	color: #CECECE;
	font-family: Arial Narrow, Helvetica Condensed, sans-serif;
	font-size: 95%;
	margin: 0px;
	min-height: 800px;
	padding: 0px;
}
#icontainer h1 {
	display: none;
}
#icontainer a {
	color: #FFFFFF;
	text-decoration: underline;
}
#icontainer a:hover {
	text-decoration: none;
}
/* ----- inauguration navigation ----- */
#inav {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 330px;
}
	#inav ul {
		list-style-type: none;
		margin: 0px 0px 20px 0px;
		padding: 0px;
		width: 230px;
	}
	#inav li {
		border: 0;
		display: inline;
		font-size: 8pt;
		margin: 0px;
		padding: 0px;
		text-indent: -9999px;
	}
	#inav li a {
		display: block;
		margin: 0px;
		padding: 0px;
		text-decoration: none;
	}
	/* --- about the wing mark - easter egg --- */
	#inav li.wing a { 
		background: url(../images/wing-rest.gif) no-repeat;
		height: 175px;
		width: 230px;
	}
		#inav li.wing a:hover {
			background: url(../images/wing-hover.gif) no-repeat;
			height: 175px;
			width: 230px;
		}
	/* --- inauguration home --- */
	#inav li.home a { 
		background: url(../images/home-rest.gif) no-repeat;
		height: 25px;
		width: 230px;
	}
		#inav li.home a:hover {
			background: url(../images/home-hover.gif) no-repeat;
			height: 25px;
			width: 230px;
		}
	#inav li.homecurrent a {
		background: url(../images/home-current.gif) no-repeat;
		height: 25px;
		width: 230px;
	}
		#inav li.homecurrent a:hover {
			background: url(../images/home-hover.gif) no-repeat;
			height: 25px;
			width: 230px;
		}
	/* --- about president benson --- */
	#inav li.about a { 
		background: url(../images/about-rest.gif) no-repeat;
		height: 25px;
		width: 230px;
	}
		#inav li.about a:hover {
			background: url(../images/about-hover.gif) no-repeat;
			height: 25px;
			width: 230px;
		}
	#inav li.aboutcurrent a {
		background: url(../images/about-current.gif) no-repeat;
		height: 25px;
		width: 230px;
	}
		#inav li.aboutcurrent a:hover {
			background: url(../images/about-hover.gif) no-repeat;
			height: 25px;
			width: 230px;
		}
	/* --- events schedule --- */
	#inav li.events a { 
		background: url(../images/events-rest.gif) no-repeat;
		height: 25px;
		width: 230px;
	}
		#inav li.events a:hover {
			background: url(../images/events-hover.gif) no-repeat;
			height: 25px;
			width: 230px;
		}
	#inav li.eventscurrent a {
		background: url(../images/events-current.gif) no-repeat;
		height: 25px;
		width: 230px;
	}
		#inav li.eventscurrent a:hover {
			background: url(../images/events-hover.gif) no-repeat;
			height: 25px;
			width: 230px;
		}
	/* --- campus and travel --- */
	#inav li.campus a { 
		background: url(../images/campus-rest.gif) no-repeat;
		height: 25px;
		width: 230px;
	}
		#inav li.campus a:hover {
			background: url(../images/campus-hover.gif) no-repeat;
			height: 25px;
			width: 230px;
		}
	#inav li.campuscurrent a {
		background: url(../images/campus-current.gif) no-repeat;
		height: 25px;
		width: 230px;
	}
		#inav li.campuscurrent a:hover {
			background: url(../images/campus-hover.gif) no-repeat;
			height: 25px;
			width: 230px;
		}
	/* --- history --- */
	#inav li.history a { 
		background: url(../images/history-rest.gif) no-repeat;
		height: 25px;
		width: 230px;
	}
		#inav li.history a:hover {
			background: url(../images/history-hover.gif) no-repeat;
			height: 25px;
			width: 230px;
		}
	#inav li.historycurrent a {
		background: url(../images/history-current.gif) no-repeat;
		height: 25px;
		width: 230px;
	}
		#inav li.historycurrent a:hover {
			background: url(../images/history-hover.gif) no-repeat;
			height: 25px;
			width: 230px;
		}
	/* --- rsvp --- */
	#inav li.rsvp a { 
		background: url(../images/rsvp-rest.gif) no-repeat;
		height: 25px;
		width: 230px;
	}
		#inav li.rsvp a:hover {
			background: url(../images/rsvp-hover.gif) no-repeat;
			height: 25px;
			width: 230px;
		}
	#inav li.rsvpcurrent a {
		background: url(../images/rsvp-current.gif) no-repeat;
		height: 25px;
		width: 230px;
	}
		#inav li.rsvpcurrent a:hover {
			background: url(../images/rsvp-hover.gif) no-repeat;
			height: 25px;

			width: 230px;
		}
	/* --- contact --- */
	#inav li.contact a { 
		background: url(../images/contact-rest.gif) no-repeat;
		height: 25px;
		width: 230px;
	}
		#inav li.contact a:hover {
			background: url(../images/contact-hover.gif) no-repeat;
			height: 25px;
			width: 230px;
		}
	#inav li.contactcurrent a {
		background: url(../images/contact-current.gif) no-repeat;
		height: 25px;
		width: 230px;
	}
		#inav li.contactcurrent a:hover {
			background: url(../images/contact-hover.gif) no-repeat;
			height: 25px;
			width: 230px;
		}
/* ---- Content block ---- */
#icontent {
	float: left;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	width: 570px;
}
	#icontent .future {
		background: url(../images/bkg-futurerising.gif) no-repeat;
		height: 85px;
		margin: 0px 0px 25px 0px;
		padding: 0px;
		width: 450px;
	}
	#icontent h2 {
		font-size: 1.2em;
		margin: 0px 30px 15px 15px;
		padding: 0px;
		text-transform: uppercase;
	}
	#icontent h3 {
		font-size: 1.1em;
		margin: 0px 30px 10px 15px;
		padding: 0px;
		text-transform: uppercase;
	}
	#icontent h5 {
		border-bottom: 1px solid #CECECE;
		font-size: 1.1em;
		margin: 0px 30px 0px 15px;
		padding: 0px;
		text-transform: uppercase;
	}
	#icontent p {
		line-height: 1.3em;
		margin: 0px 30px 20px 15px;
		padding: 0px;
	}
	#icontent hr {
		background: #CECECE;
		border: 0;
		color: #CECECE;
		height: 1px;
		margin: 2px 30px 2px 15px;
		padding: 0px;
	}
	#icontent blockquote {
		font-size: 0.9em;
	}
	#icontent .emphasizetext {
		color: #cd171e;
	}
	#icontent dl.event {
		margin: 0px 0px 25px 15px;
		padding: 0;
	}
	#icontent .event dt {
		position: relative;
		left: 0;
		top: 1.1em;
		width: 8em;
		font-weight: bold;
	}
	#icontent .event dd {
		border-left: 1px solid #FFFFFF;
		margin: 0 0 0 9em;
		padding: 0 0 .5em .5em;
	}
	#icontent .event strong {
		text-transform: uppercase;
	}
	/* ---- Image placement in body copy ---- */
	#icontent .image-left {
		float: left;
		font-size: 0.9em;
		margin: 0px 10px 10px 15px;
		text-align: center;
	}
	#icontent .image-left img {
		display: block;
		margin: 0px;
		padding: 0px;
	}
	#icontent .image-right {
		float: right;
		font-size: 0.9em;
		margin: 0px 30px 15px 15px;
		text-align: center;
	}
	#icontent .image-right img {
		display: block;
		margin: 0px;
		padding: 0px;
	}
	#icontent .image-events {
		float: right;
		margin: 0px 30px 0px 10px;
		padding: 0px;
	}
	/* ---- Form Styles ----- */
	#icontent form {
		width: 550px;
		margin: 5px 30px 10px 15px;
	}
	#icontent label {
		display: block;
		margin: 3px;
		overflow: hidden;
		padding: 5px;
		width: 550px;
	}
	#icontent label span {
		display: block;
		float: left;
		padding: 0px 5px;
		text-align: right;
		width: 25%;
	}
	#icontent legend {
		color: #FFFFFF;
		font-size: 1.1em;
		margin: 0px;
		padding: 0px;
		text-transform: uppercase;
	}
	#icontent fieldset {
		border: 0px;
		border-top: 1px solid #CECECE;
		width: 550px;
		margin: 3px 0px;
		padding: 0px;
		overflow: hidden;
	}
	#icontent fieldset input {
		background-color: #CECECE;
		border: 1px solid #2c2c2c;
		float: left;
		width: 60%;
	}
	#icontent fieldset input:hover {
		background-color: #FFFFFF;
	}
	#icontent fieldset textarea {
		background-color: #CECECE;
		border: 1px solid #2c2c2c;
		float: left;
		width: 60%;
	}
	#icontent fieldset textarea:hover {
		background-color: #FFFFFF;
	}
	#icontent form div {
		margin: 5px 0px;
		text-align: center;
	}
	#icontent form div input {
		background: #cd171e;
		border: 1px solid #2c2c2c;
		color: #CECECE;
		margin: 3px;
	}
	#icontent form div input:hover {
		background: #a61e1e;
		color: #CECECE;
	}
/* ---- Footer bar ---- */
#ifooter {
	background: url(../images/bkg-footer.gif) no-repeat;
	background-position: right;
	clear: left;
	height: 83px;
	margin: 30px 0px 0px;
	padding: 0px;
	width: 900px;
}
	#ifooter p {
		color: #CECECE;
		font-size: .9em;
		margin: 0px;
		padding: 0px 0px 0px 20px;
		width: 290px;
	}
	#ifooter a {
		color: #CECECE;
		text-decoration: none;
	}
	#ifooter a:hover {
		color: #CECECE;
		text-decoration: underline;
	}