﻿/*== START: Generic Styles =============*/

	body {
		padding: 0;
		margin: 0;
		color: #333;
		background: #fff;
		font: normal 76%/1 'Lucida Grande', Helvetica, 'Trebuchet MS', sans-serif;
		text-align: center;
	}
	
	h1, h2, h3, h4, h5 {
		font-weight: normal
	}
	h1 {
		position: relative;
		left: 25px;
		width: 417px;
		height: 80px;
		margin: 0;
		background: url(../images/template/bannernavbarbg/central-michigan-university.gif) no-repeat 0 32px;
		overflow: hidden;
	}
	
	#header h1 a span#site-title {
		display:none;
	}
	
	h2 {
		overflow: hidden;
	}
	ul li {
		list-style-type: none;
	}
	fieldset {
		padding: 0;
		border: none;
		margin: 0;
	}

/*== END: Generic Styles =============*/


/*== START: a =============*/

	a {
	 	color: #880033;
		text-decoration: none;
	}


		a:hover {
			text-decoration: underline;
			}
		a img {
			border: none;
		}
		a.readmore, a:link.readmore, a:visited.readmore, a:hover.readmore, a:active.readmore,
		a.link-readmore, a:link.link-readmore, a:visited.link-readmore, a:hover.link-readmore, a:active.link-readmore {
			display:inline-block;
			clear: left;
			padding-left: 15px;
			background: url(../images/template/arrows/arrow-gold-on-yellow.gif) no-repeat left 4px;
		}
		a.btnMaroonShort, a.btnMaroonShort:link, a.btnMaroonShort:visited, a.btnMaroonShort:hover, a.btnMaroonShort:active {
			font: 1em MetaPlusMediumRoman,"Trebuchet MS","Lucida Grande",Helvetica,Arial,sans-serif;	
			color: #ffffff;
			width:161px;
			height:22px;
			padding: 0px;
			padding-top: 4px;
			text-indent: 20px;
			display:block;
			background: transparent url(../images/template/buttons/button-maroon-short.png) no-repeat left top;		
			overflow:hidden;
		}
		a.btnMaroonShort:hover {
			text-decoration:none;
			color:#ffcc00;
		}

		/*-- START: a#skiptocontent (Link placed in the header for accessibility.) --*/
		
			a#skiptocontent { 
				display: block;
				position: absolute;
				top: -100%;
				left: 0;
				width: 100%;
				padding: 4px 0 12px 0;
				margin: 0;
				font-size: 14px;
				text-align: center;
				z-index: 20;
				color: transparent;
				background: transparent;
			}
				a#skiptocontent:focus, a#skiptocontent:active {
					top: 0;
					color: #492924;
					background: #cee url(/building/images/bg-skipto.gif) no-repeat center bottom;
				}

		/*-- END: Skip to Content ------------*/
	
/*== END: a =============*/


/*== START: Custom Containers =============*/
		
	#container {
		width: 990px;
		margin: 0 auto;
		text-align: left;
		overflow: hidden;
	}
	#content {
		position: relative;
		line-height: 1.6em;
		overflow: hidden;
	}
	.panelleft {
		position: relative;
		overflow: hidden;
		width:990px; 
		padding:0px; 
		margin:0px;
		
	}
	.panelright {
		width: 720px;
		padding-left: 270px;
		background: #fff;
		overflow: hidden;
	}
	.column {
		float: left;
		overflow: visible;
	}
		div.column ul {
			margin:0px;
			padding:0px;
		}
	

/*== End: Custom Containers =============*/


/*== START: #header (and related styles) =============================*/

	#header {
		position: relative;
		min-height:0;
		color: #fff;
		background: #ecb600 url(../images/template/bannernavbarbg/bg-header.png) no-repeat 0 0;
		overflow: visible;
		z-index: 100;
	}
		/*== IE FIX ==*/  * html #header { height: auto; }
	
		/*== START: Maroon Banner ===================*/
	
			#header.maroon { background: #54002A url("../images/template/bannernavbarbg/bg-header-maroon.gif") no-repeat 0 0; }
			#header.maroon a { color: #ecb600; }
			#header.maroon h1 { background: url("../images/template/bannernavbarbg/central-michigan-university-on-maroon.gif") no-repeat 0 32px; }
		
		/*== END: Maroon Banner ===================*/
	
	            /*== START: White Banner ===================*/
		
			#header.white { background: #FFFFFF url("../images/template/bannernavbarbg/bg-header-white.gif") no-repeat 0 0; }
			#header.white a { color: #660033; }
			#header.white h1 { background: url("../images/template/bannernavbarbg/central-michigan-university-on-maroon.gif") no-repeat 0 32px; }
		
		/*== END: White Banner ===================*/
	
		#header a {
			color: #603;
		}
		#header label {
			display: none;
		}
	
		.navcontainer ul, ul#portal {
			position: absolute;
			padding: 0 12px;
			margin: 0;
		}
			.navcontainer li, ul#portal li {
				float: left;
			}
		#header #home-link {
			display: block;
			position: absolute;
			top: 0;
			right: 0;
			width: 127px;
			height: 80px;
			overflow: hidden;
			text-indent: -2000em;
		}
	
	ul#portal {
		position: absolute;
		top: 35px;
		right: 160px;
		font-family: Myriad, Trebuchet, Lucida, Verdana, sans-serif;
	}

/*== START: #header (and related styles) ==========================*/


/*-- START: NAVIGATION BARS ------------------------------------------------------*/

/*== START: .navcontainer =============================*/
 
	.navcontainer .dropdownnav ul {
		position: absolute;
		padding: 0;
		z-index: 50;
		white-space: nowrap;
	}
		.navcontainer .dropdownnav li.nav ul li {
			position: relative;
			background: transparent;
			padding: 0;
			margin: 0;
			line-height: 1.5em;
			float: none;
		}
		.navcontainer .dropdownnav li.nav ul li a {
			position: relative;
			display: block;
			padding: 3px 12px;
			line-height: 1.5em;
		}
		.navcontainer .dropdownnav ul.drop {
			padding: 0 5px 5px;
			z-index: 100;
		}
		
/*== END: .navcontainer =============================*/


/*== START: (Applies to both bars) ====================*/

	#primarynavcontainer { height:37px; }	
	#secondarynavcontainer { height:27px; }
	
	#primarynav, #secondarynav {
		padding:0px;
		margin:0px;
		padding-left:12px;
		width:978px;		
		position:absolute;
	}

	
#primarynavcontainer { height:30px; }

/*== END: (Applies to both bars) ======================*/


/*== START: #primarynav =============================*/

	#primarynav {
		z-index: 30;
		background: #686868 url(../images/template/bannernavbarbg/mainnav-hover.gif) repeat-x 0 top;
		height:31px;
		line-height: 30px;
	}
		#primarynav a {
			display: block;
			padding: 0 13px;
			color: #fff;
			font-family: Myriad, Trebuchet, Lucida, Verdana, sans-serif;
			font-size: 14px;
			text-shadow: #000 0 2px 2px;
		}
		#primarynav a:hover, #primarynav li a.active {
			background: #686868 url(../images/template/bannernavbarbg/bg-primarynav.png) repeat-x 0 top;
			text-decoration: none;
		}
		#primarynav li {
			position: relative;
		}

		#primarynav li.nav {
			background: url(../images/template/bannernavbarbg/divider-mainnav.gif) no-repeat right center;
		}
		#primarynav li ul {
			left: 0;
			min-width: 200px;
			background: #585858;
			top: 29px;
		}


* html #primarynav li ul.drop {
	top:29px;
	line-height:0px;
}		
		
* html #primarynav li ul.drop li
{
	position:relative;
	line-height:0;
	padding:0px;
	margin:0px;
}


* html #primarynav li ul.drop li a
{
	margin:0px;
	margin-top:-2px;
	position:relative;
	line-height:12px;
	padding-top:2px;
	padding-left:6px;
	padding-bottom:2px;
	display:block !important;
	background-color:#585858;
	border:1px solid #585858;
	
}
		
			#primarynav li ul li a {
				color: #fff;
				font-size: 12px;
				text-shadow: none;
			}
			#primarynav li ul li a:hover {
				color: #fff;
				background: #989898;
			}
		#primarynav fieldset {
			height: 37px;
			color:#FFF;		
		}	
	
		li#quicksearch {
			position:absolute;
			right:31px;
			text-align:right;
		}
		
		/*== START: IE Fix (for search) =======*/
			* html #primarynav #quicksearch fieldset {
				padding-top:2px;
				height:31px;
			}	
		/*== END: IE Fix =========*/
	
		#primarynav input {
			vertical-align: middle;
		}
		#search-text-btn { display:none; }
		
/*== END: #primarynav =============================*/


/*== START: #secondarynav =============================*/

	#secondarynav {
		height: 27px;
		background: #fff url(../images/template/bannernavbarbg/bg-secondarynav.png) repeat-x 0 bottom;
		line-height: 27px;
		z-index: 20;
	}	
		#secondarynav a {
			display: block;
			padding: 0 12px;
			color: #3B3B3B;
			font-size: 11px;
			font-weight: bold;
		}
		#secondarynav a:hover, #secondarynav li a.active {
			background: url(../images/template/bannernavbarbg/subnav-hover.gif) repeat-x 0 0;
			text-decoration: none;
		}
		#secondarynav li {
			position: relative;
			padding: 0;
			background: url(../images/template/bannernavbarbg/divider-subnav.gif) no-repeat right center;
		}
		#secondarynav ul {
			top: 25px;
			left: 12px;
			background: #e2e2e2;
			margin: 0 -12px;
		}
			#secondarynav ul li a {
				position: relative;
			}
			
			#secondarynav ul li a:hover {
				color: #603;
				background: #fff;
			}
	
		/*== START: IE Fixes (to display list height properly) =========*/
			* html #primarynav.dropdownnav li.nav ul li { border:1px solid #585858; }		
			* html #secondarynav.dropdownnav li.nav ul li { border:1px solid #E2E2E2; }			
		/*== END: IE Fixes =========*/
	
			
	/*== START: tertiary (3 links that align to the right) ======*/	
		
		li#tertiary {
			position: absolute;
			top: 0;
			right: 0;
			width: 400px;
			background: transparent;
		}
			li#tertiary ul {
				position: absolute;
				top: 0;
				right: 12px;
				background-color: transparent;
			}
			li#tertiary li {
				float: right;
			}
			li#tertiary li a {
				height: 100%;
			}
		
			/*== START: IE Fixes =======*/
				* html li#tertiary ul {
					right:0px;
					margin:0px;
					padding:0px;
				}
				* html li#tertiary ul li {
					width: 100px;
					
				}
				* html li#tertiary ul li a{
					width: auto;
					text-align:center;
					margin:0px;
					padding-right:0px;
					padding-left:0px;
				}
			/*== END: IE Fixes =======*/
	
	/*== END: tertiary ==============*/		
	
/*== START: #secondarynav =============================*/

	.navcontainer ul li.clean, 	
	#header ul li.clean, 
	#primarynav li.clean,  
	#secondarynav li li {
		background-image: none;
	}

/*-- END: NAVIGATION BARS ------------------------------------------------------*/

	

/*== START: #footer & #prefooter =============================*/

	#prefooter {
		padding-top: 40px;
	}

	/*== IE FIX ==*/ * html #prefooter { width:990px; }


	
	

/*== END: #footer & #prefooter =============================*/
