@charset "utf-8";
/* SUU Home Page - iPhone Styles - Created Summer 2009 by SUU Web Services - JOW */

body {
	background: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	margin: 0px;
	padding: 0px;
}
/* ---- SUU Branding/Banner --- */
#homebranding {
	background: #990000 url(../images/home_ban-bkg.jpg) repeat-x;
	height: 67px;
}
	#homebranding h1 {
		background: #990000 url(../images/home_h1-bkg.gif) no-repeat;
		height: 67px;
		margin: 0px auto;
		padding: 0px;
		text-indent: -9999px;
	}
/* --- Audience Based Navigation Bar --- */
#audiencenav {
	background: #666666;
	height: auto;
	width: 100%;
}
	#audiencenav ul {
		list-style-type: none;
		margin: 0px auto;
		padding: 0px;
		width: 100%;
	}
	#audiencenav li {
		background: none;
		display: inline;
		float: none;
		margin: 0px;
		padding: .7em 0px;
		text-align: center;
		width: 20%;
	}
		#audiencenav li a {
			color: #FFFFFF;
			text-decoration: none;
		}
		#audiencenav li a:before { /* Add arrow before links */
			content: "\3E \ ";
		}
		#audiencenav li a.current {
			background: none;
			display: inline;
			padding: 0px 1em;
			text-indent: 0px;
		}
		#audiencenav li a.facstaff {
			background: none;
			display: inline;
			padding: 0px 1em;
			text-indent: 0px;
		}
		#audiencenav li a.alumni {
			background: none;
			display: inline;
			padding: 0px 1em;
			text-indent: 0px;
		}
		#audiencenav li a.future {
			background: none;
			display: inline;
			padding: 0px 1em;
			text-indent: 0px;
		}
		#audiencenav li a.visit {
			background: none;
			display: inline;
			padding: 0px 1em;
			text-indent: 0px;
		}
/* --- Container for all elements below the branding and audience nav ---- */
#container {
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
	/* ---- Column with news and happenings announcements ---- */
	#container #currentevents {
		float: none;
		font-size: 1.2em;
		width: 100%;
	}
		/* ---- Index, Contact and Search Links ---- */
		#container #currentevents #navigation {
			display: none;
			/*clear: both;
			float: none;
			font-size: 1em;
			margin: 0px 0px 10px;
			width: 100%;*/
		}
/*			#container #currentevents #navigation label {
				display: none;
			}
			#container #currentevents #navigation #searchbox {
				background: none;
				margin: 0px;
				padding: 0px;
				width: auto;
			}
			#container #currentevents #navigation #searchbox form {
				margin: 0px;
				padding: 0px;
			}
			#container #currentevents #navigation input.searchbox {
				border: 0px solid #000000;
				color: #990000;
				font-size: 0.8em;
				height: 13px;
				margin: 2px 0px 0px 6px;
				padding: 3px 0px 0px;
				width: auto;
			}
			#container #currentevents #navigation button.searchbutton {
				background: #666666;
				border: 0px;
				color: #FFFFFF;
				font-size: 0.5em;
				margin: 1px 0px 0px 2px;
				padding: 0px;
				text-indent: 0px;
				width: auto;
			}
			#container #currentevents #navigation #links {
				margin: 0px;
				padding: 0px;
			}*/
		/* ---- Flash element with top news stories ---- */
		#container #currentevents #newsflash {
			display: none;
		}
		/* ---- News Headlines ---- */
		#container #currentevents #news {;
			background: none;
			/*border: 1px solid #ececec;*/
			clear: both;
			color: #666666;
			float: none;
			height: auto;
			margin: 1em;
			padding: 0px;
			width: 100%;
		}
			#container #currentevents #news h2 {
				background: none;
				border-bottom: 1px solid #990000;
				color: #990000;
				font-size: 1.3em;
				height: auto;
				margin: 5px;
				padding: 0px;
				text-indent: 0;
				width: auto;
			}
			#container #currentevents #news ul {
				margin: 0px 26px;
				padding: 0px;
			}
			#container #currentevents #news li {
				margin: 0px 0px 15px;
				padding: 0px;
			}
			#container #currentevents #news a {
				color: #666666;
				text-decoration: none;
			}
			#container #currentevents #news a:hover {
				color: #990000;
			}
		/* ---- Campus Happenings ---- */
		#container #currentevents #happenings {;
			background: none;
			border: 1px solid #ececec;
			color: #666666;
			float: none;
			margin: 1em;
			padding: 0px;
			width: 100%;
		}
			#container #currentevents #happenings h2 {
				background: none;
				border-bottom: 1px solid #990000;
				color: #990000;
				font-size: 1.3em;
				height: auto;
				margin: 5px;
				padding: 0px;
				text-indent: 0;
				width: auto;
			}
			#container #currentevents #happenings ul {
				margin: 0px 26px;
				padding: 0px;
			}
			#container #currentevents #happenings li {
				margin: 0px 0px 15px;
				padding: 0px;
			}
			#container #currentevents #happenings a {
				color: #666666;
				text-decoration: none;
			}
			#container #currentevents #happenings a:hover {
				color: #990000;
			}
	/* ---- Column with task based navigation ---- */
	#container #secondarynav {
		float: none;
		font-size: 1.2em;
		width: 100%;
	}
		/* ---- Future Students/Prospective Students link ---- */
		#container #secondarynav #futurestudents {
			display: none;
		}
		/* ---- Portal link ---- */
		#container #secondarynav #mysuu {
			background: url(../images/home_mysuu.gif) no-repeat;
			border: 1px solid #ececec;
			height: 47px;
			margin: 20px 0px 0px 10px;
			padding: 0px;
			width: 181px;
		}
			#container #secondarynav #mysuu p {
				margin: 0px;
				padding: 0px;
			}
			#container #secondarynav #mysuu a {
				display: block;
				height: 47px;
				text-indent: -9999px;
				width: 181px;
			}
		/* ---- Tasks or departmental links ---- */
		#container #secondarynav #tasks {
			background: none;
			border: 1px solid #ececec;
			margin: 1em;
			padding: 0px;
			width: 100%;
		}
			#container #secondarynav #tasks ul {
				list-style-type: none;
				margin: 10px 10px 0px;
				padding: 0px;
			}
			#container #secondarynav #tasks li {
				margin: 0px;
				padding: 0px 0px 10px 0px;
			}
			#container #secondarynav #tasks a {
				color: #990000;
				text-decoration: none;
			}
			#container #secondarynav #tasks a:hover {
				color: #666666;
			}
		/* ---- Quicklinks ---- */
		#container #secondarynav #quicklinks {
			margin: 10px 0px 0px 10px;
		}
			#container #secondarynav #quicklinks select {
				border: 1px solid #ececec;
				font-size: 0.8em;
			}
			#container #secondarynav #quicklinks input.go {
				background: #f7f7f7;
				border: 1px solid #ececec;
				font-size: 0.8em;
				margin: 0px;
				padding: 0px;
			}
		/* ---- Marketing Message or Theme ---- */
		#container #secondarynav #message {
			display: none;
		}
	/* ---- Address and USHE info ---- */
	#container #footer {
		background: #FFFFFF;
		border-top: 3px solid #000000;
		clear: right;
		color: #666666;
		font-size: .8em;
		margin: 30px 0px 0px;
		padding: 0px 0px 50px;
		overflow: auto;
	}
		#container #footer #address {
			float: left;
			margin: 0px;
			padding: 0px;
			width: 50%;
		}
			#container #footer #address p {
				margin: 10px 0px 0px 10px;
			}
		/* ---- USHE branding ---- */
		#container #footer #ushe {
			background: url(../images/home_ushe.gif) no-repeat right;
			float: left;
			margin: 0px;
			padding: 0px;
			width: 50%;
		}
			#container #footer #ushe p {
				margin: 10px 10px 0px 0px;
			}
			#container #footer #ushe a {
				display: block;
				height: 36px;
				text-indent: -9999px;
				width: 385px;
			}