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

body {
	background: #dfdede;
	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;
		width: 960px;
	}
/* --- Audience Based Navigation Bar --- */
#audiencenav {
	background: #666666 url(../images/home_audiencenav-bkg.gif) repeat-x;
	height: 32px;
}
	#audiencenav ul {
		list-style-type: none;
		margin: 0px auto;
		padding: 0px;
		width: 960px;
	}
	#audiencenav li {
		float: left;
		margin: 0px;
		padding: 0px;
	}
		#audiencenav li a.current {
			background: url(../images/home_audiencecurrent-bkg.gif) no-repeat;
			display: block;
			height: 32px;
			text-indent: -9999px;
			width: 191px;
		}
		#audiencenav li a.current:hover {
			background: url(../images/home_audiencecurrenthover-bkg.gif) no-repeat;
		}
		#audiencenav li a.facstaff {
			background: url(../images/home_audiencefacstaff-bkg.gif) no-repeat;
			display: block;
			height: 32px;
			text-indent: -9999px;
			width: 192px;
		}
		#audiencenav li a.facstaff:hover {
			background: url(../images/home_audiencefacstaffhover-bkg.gif) no-repeat;
		}
		#audiencenav li a.alumni {
			background: url(../images/home_audiencealumni-bkg.gif) no-repeat;
			display: block;
			height: 32px;
			text-indent: -9999px;
			width: 192px;
		}
		#audiencenav li a.alumni:hover {
			background: url(../images/home_audiencealumnihover-bkg.gif) no-repeat;
		}
		#audiencenav li a.future {
			background: url(../images/home_audiencefuture-bkg.gif) no-repeat;
			display: block;
			height: 32px;
			text-indent: -9999px;
			width: 193px;
		}
		#audiencenav li a.future:hover {
			background: url(../images/home_audiencefuturehover-bkg.gif) no-repeat;
		}
		#audiencenav li a.visit {
			background: url(../images/home_audiencevisit-bkg.gif) no-repeat;
			display: block;
			height: 32px;
			text-indent: -9999px;
			width: 192px;
		}
		#audiencenav li a.visit:hover {
			background: url(../images/home_audiencevisithover-bkg.gif) no-repeat;
		}
/* --- Container for all elements below the branding and audience nav ---- */
#container {
	background: #FFFFFF url(../images/home_container-flashbox-bkg.gif) no-repeat;
	margin: 0px auto;
	padding: 0px;
	width: 960px;
}
	/* ---- Column with news and happenings announcements ---- */
	#container #currentevents {
		float: right;
		font-size: 1.2em;
		margin: 0px;
		padding: 0px;
		width: 755px;
	}
		/* ---- Index, Contact and Search Links ---- */
		/* -- General Navigation Links and Search -- */
		#container #currentevents #navigation {
			color: #000000;
			float: right;
			font-size: 0.9em;
			margin: 0px 15px 10px 0px;
			padding: 0px;
		}
			#container #currentevents #navigation a {
				color: #000000;
				text-decoration: none;
			}
			#container #currentevents #navigation a:hover {
				text-decoration: underline;
			}
			/* -- Navigation text links -- */
			#container #currentevents #navigation #links {
				float: right;
				margin: 15px 10px 0px 0px;
				padding: 0px;
			}
			/* -- Google Search box -- */
			#container #currentevents #navigation #searchbox {
				float: right;
			}
			#container #currentevents #navigation #searchbox label {
				display: none;
			}
			#container #currentevents #navigation #searchbox {
				background: url(../images/searchbox.gif) no-repeat;
				height: 23px;
				margin: 10px 0px 0px;
				padding: 0px;
				width: 136px;
			}
			#container #currentevents #navigation #searchbox a {
				color: #990000;
				display: block;
				font-size: 1.2em;
				margin-top: 4px;
				padding-left: 12px;
			}
			#container #currentevents #navigation #searchbox form {
				margin: 0px;
				padding: 0px;
			}
			#container #currentevents #navigation #searchbox input.searchbox {
				border: 0px solid #000000;
				color: #990000;
				font-size: 0.8em;
				height: 13px;
				margin: 2px 0px 0px 6px;
				padding: 3px 0px 0px;
				width: 106px;
			}
			#container #currentevents #navigation #searchbox button.searchbutton {
				background: url(../images/searchbutton.gif) no-repeat;
				border: 0px;
				font-size: 0.5em;
				height: 23px;
				margin: 1px 0px 0px 2px;
				padding: 0px;
				text-indent: -9999px;
				width: 20px;
			}
		
		/*#container #currentevents #generalnav {
			float: right;
			font-size: .9em;
			height: 40px;
			margin: 0px 0px 10px;
			width: 390px;
		}
			#container #currentevents #generalnav ul {
				float: right;
				list-style-type: none;
				margin: 13px 15px 10px;
				padding: 0px;
			}
			#container #currentevents #generalnav li {
				float: left;
				margin: 0px;
				padding: 3px 10px 0px 10px;
			}
			#container #currentevents #generalnav li.search {
				margin: 0px 0px 0px 10px;
				padding: 0px 5px 0px 0px;
			}
			#container #currentevents #generalnav li a {
				color: #000000;
				margin: 0px;
				padding: 5px 0px 0px;
				text-decoration: none;
			}
			#container #currentevents #generalnav li a:hover {
				text-decoration: underline;
			}
			#container #currentevents #generalnav label {
				display: none;
			}
			#container #currentevents #generalnav #googlesearch {
				background: url(../images/searchbox.gif) no-repeat;
				height: 23px;
				margin: 0px;
				padding: 0px;
				width: 136px;
			}
			#container #currentevents #generalnav #googlesearch form {
				margin: 0px;
				padding: 0px;
			}
			#container #currentevents #generalnav input.searchbox {
				border: 0px solid #000000;
				color: #990000;
				font-size: 0.8em;
				height: 13px;
				margin: 2px 0px 0px 6px;
				padding: 3px 0px 0px;
				width: 106px;
			}
			#container #currentevents #generalnav button.searchbutton {
				background: url(../images/searchbutton.gif) no-repeat;
				border: 0px;
				font-size: 0.5em;
				height: 23px;
				margin: 1px 0px 0px 2px;
				padding: 0px;
				text-indent: -9999px;
				width: 20px;
			}*/
		/* ---- Flash element with top news stories ---- */
		#container #currentevents #newsflash {
			clear: both;
			height: 402px;
			margin: 0px 0px 30px 15px;
			padding: 5px 0px 0px;
			width: 718px;
		}
		/* ---- News Headlines ---- */
		#container #currentevents #news {
			background: #f7f7f7 url(../images/home_news-bkg.jpg) no-repeat;
			border: 1px solid #ececec;
			color: #666666;
			float: left;
			margin: 0px 16px 70px 10px;
			min-height: 250px;
			padding: 0px;
			width: 354px;
		}
			#container #currentevents #news h2 {
				background: url(../images/home_latestnews-bkg.gif) no-repeat;
				color: #990000;
				font-size: 0.5em;
				height: 36px;
				margin: 0px;
				padding: 0px;
				text-indent: -9999px;
				width: 354px;
			}
			#container #currentevents #news ul {
				margin: 10px 26px 0px;
				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;
			}
			/* --- FeedBurner Style --- */
			#container #currentevents #news .feedburnerFeedBlock #creditfooter {
				display: none;
			}
		/* ---- Campus Happenings ---- */
		#container #currentevents #happenings {
			background: #f7f7f7 url(../images/home_news-bkg.jpg) no-repeat;
			border: 1px solid #ececec;
			color: #666666;
			float: left;
			margin: 0px 0px 70px;
			min-height: 250px;
			padding: 0px;
			width: 354px;
		}
			#container #currentevents #happenings h2 {
				background: url(../images/home_campushappenings-bkg.gif) no-repeat;
				color: #990000;
				font-size: 0.5em;
				height: 36px;
				margin: 0px;
				padding: 0px;
				text-indent: -9999px;
				width: 354px;
			}
			#container #currentevents #happenings ul {
				margin: 10px 26px 0px;
				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: right;
		font-size: 1.2em;
		width: 205px;
	}
		/* ---- Future Students/Prospective Students link ---- */
		#container #secondarynav #futurestudents {
			height: 78px;
			margin: 0px 0px 0px 10px;
			width: 183px;
		}
			#container #secondarynav #futurestudents a {
				display: block;
				height: 78px;
				text-indent: -9999px;
				width: 183px;
			}
		/* ---- Portal link ---- */
		#container #secondarynav #mysuu {
			background: url(../images/home_mysuu.gif) no-repeat;
			border: 1px solid #ececec;
			height: 47px;
			margin: 15px 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: #f7f7f7 url(../images/home_tasks-bkg.gif) no-repeat;
			border: 1px solid #ececec;
			margin: 10px 0px 0px 10px;
			padding: 0px;
			width: 181px;
		}
			#container #secondarynav #tasks ul {
				list-style-type: none;
				margin: 10px 10px 0px;
				padding: 0px;
			}
			#container #secondarynav #tasks li {
				margin: 0px;
				padding: 0px 0px 14px 0px;
			}
			#container #secondarynav #tasks a {
				color: #990000;
				text-decoration: none;
			}
			#container #secondarynav #tasks a:hover {
				color: #999999;
			}
		/* ---- Quicklinks ---- */
		#container #secondarynav #quicklinks {
			margin: 15px 0px 0px 10px;
			width: 181px;
		}
			#container #secondarynav #quicklinks select {
				border: 1px solid #ececec;
				font-size: 0.8em;
				width: 156px;
			}
			#container #secondarynav #quicklinks input.go {
				background: #f7f7f7;
				border: 1px solid #ececec;
				font-size: 0.8em;
				margin: 0px;
				padding: 0px;
				width: 20px;
			}
		/* ---- Marketing Message or Theme ---- */
		#container #secondarynav #message {
			background: url(../images/home_msg-applyNow.gif) no-repeat;
			/*background: url(../images/home_msg-roadmap.jpg) no-repeat;*/
			/*background: url(../images/home_msg-princeton.gif) no-repeat;*/
			height: 145px;
			margin: 15px 0px 0px 10px;
			width: 181px;
		}
			#container #secondarynav #message a {
				display: block;
				height: 143px;
				text-decoration: none;
				width: 181px;
			}
	/* ---- Address and USHE info ---- */
	#container #footer {
		background: #FFFFFF;
		border-top: 3px solid #000000;
		clear: right;
		color: #666666;
		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;
			}
			
		/* ---- Emergency Alert ---- */
		#container #currentevents #alert {
			background: #FFC;
			clear: both;
			height: 407px;
			margin: 40px 0px 30px 11px;
			padding: 5px 0px 0px;
			width: 728px;
		}
			#container #currentevents #alert h1 {
				margin: 10px;
			}
			#container #currentevents #alert p {
				margin: 10px;
			}