/*************************************************
 File: Main.css
 Desc: Contains the main styles for the
	   universal template.
 Outline: (Search by number for quick browsing)
			1. Universal Styles
			2. Banner & Header
			3. Audience Navigation (Top Nav)
			4. Content Containers
			5. Page Headers
			6. Footer
-------------------------------------------------


 1. Universal Styles
-----------------------------------------------------------------*/
* { padding: 0; margin:  0; }
a { outline: none; }

body { background-color: #303030; font-size: 10px; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; }

	body#gray { background-color: #ededed; font-size: 75%; } /* Used for forms that require an iframe. */

/*---------------------------------------------------------------
 2. Banner & Header
 	a. banner - Contains the logo, quick links & search, and utility navigation
-----------------------------------------------------------------*/
#header { 
	background-color: #000;
	border-bottom: 1px solid #4e4e4e; 
	height: 10em; 
	position: relative; 
	z-index: 2; 
}

#banner { height: 10em; margin: 0px auto; position: relative; width: 80.2em; z-index: 15; }

	#banner #branding-logo { height: 10em; left: -3.5em; position: absolute; }
		#banner #branding-logo img { border: none; width: 46.5em; }

	#banner #banner-helper { 
		color: #fff; 
		height: 4em;
		padding-top: .6em; 
		position: absolute; 
		right: 0;
		width: 44em; 
		z-index: 99; 
	}
	
		#banner-helper #nav-banner { display: block; float: left; font-size: 1.2em; list-style: none; width: 23em; }			
			#banner-helper #nav-banner li { color: #ddd; display: inline; margin: 0; padding: 0; }
				#banner-helper #nav-banner li a { color: #ddd; text-decoration: none; }
					#banner-helper #nav-banner li a:hover { color: #fff; }

		#banner-helper #banner-siteindex {
			background-color: #303030;
			border: 1px solid #4e4e4e;
			left: .5em;
			display: none;
			padding: 0.5em;
			position: absolute;
			top:  .3em;
			width:  17em;
			text-align: left;
			z-index: 30;
		}
		
			#banner-helper #banner-siteindex p { color: #fff; font-size: 1.1em; cursor: default; padding-bottom: 5px; }
				#banner-helper #banner-siteindex p a { color: #c7ae47; text-decoration: none; }
					#banner-helper #banner-siteindex p a:hover { color: #fff; }
				
			#banner-helper #nav-siteindex { list-style: none; margin: 0; padding: 0; }

				#banner-helper #nav-siteindex li {
					border-bottom: .1em solid #303030; 
					border-right: .1em solid #303030; 
					float:  left;
					font-size: 1em;
					margin: 0;
					padding: 0;
					position: relative;
					z-index: 1;
				}
		
				#banner-helper #nav-siteindex li img { display: none;position: absolute; top: 0; width: 1.4em; z-index: 1; }
			
				#banner-helper #nav-siteindex li a {
				background-color: #a0a0a0;
					color: #fff;
					display: block;
					font-weight: bold;
					line-height: 1.6em;
					position: relative;
					text-align: center;	
					text-decoration: none;
					width: 1.6em;
					z-index: 2;		
				}
				
					#banner-helper #nav-siteindex li a:hover { background-color: #606060; }
				
		#banner-helper #search-mu { display: block; float: right; margin: 0; padding: 0; width: 15.2em; }

			#banner-helper #search-mu #search-mu-selector { float: right; margin-top: .6em; }
				#banner-helper #search-mu #search-mu-selector label { color: #fff; display: inline; font: normal 1.1em 'Trebuchet MS', Arial, sans-serif; height: 10px; }
				#banner-helper #search-mu #search-mu-selector .search-mu-radio { height: 10px; margin: 0; padding: 0; vertical-align: middle;  }
			
			#banner-helper #search-mu #search-mu-keywordwrapper { background-color: #fff; height: 2em; width: 15.2em; }
			
			#banner-helper #search-mu-keyword {
				background:  transparent url('http://www.millersville.edu/lib/v2/img/common/kwBorder.gif') no-repeat top right;
				border: none;
				color: #666;
				height: 1.42em;
				float: left;
				font: italic 1.2em 'Trebuchet', Arial, sans-serif;
				margin: 0 0 0 0;
				padding: .25em 0 0 .25em;
				width: 10.25em;
			}
	
			#banner-helper #search-mu-submit { 
				background: transparent;
				border: none;
				color: #404040;
				cursor: pointer;
				float: left;
				font-size: 1.2em;
				font-weight: bold;
				height: 1.58em;
				margin: 0;
				padding: 0;
				text-align: center;
				text-transform: uppercase;
				width: 2.08em;
			}
	
		#banner-helper #search-suggested {
			display: none;
			padding-bottom: .2em;
			position: absolute;
			right: 0;
			top: 2.7em;
			width: 32.2em;
			z-index: 9;
		}
			
			
			#search-suggested #search-suggested-output {
				background-color: #303030;
				border: 1px solid #404040;		
				left: .1em;
				position: absolute;
				text-align: left;
				top: 0;
				width: 32em;
				z-index: 9;
			}
			
				#search-suggested-output p.centeredText { padding: 10px 0 5px 0; text-align: center; }
				
				searchResults dl { margin: 0; padding: 0; width: 32em; }
			
				#search-suggested-output dl dt {
					background-color: #3a3a3a;
					color: #fff;
					font: bold 1.4em 'Trebuchet MS', Arial, sans-serif;
					margin: 0;
					padding: 3px .74em;
					width: 21.43em;
				}
				
				#search-suggested-output dl dd { color: #eee; font-size: 1em; margin: 0; padding: 0; width: 32em; }
				
					#search-suggested-output dl dd p {
						color: #efefef;
						font-size: 1.1em;
						font-weight: bold;
						margin: 10px 0;
						padding: 0 .91em;
						text-align: left;
					}
					
					#search-suggested-output dl dd a {
						clear: both;
						color: #a0a0a0;
						cursor: pointer;
						display: block;
						font-size: 1em;
						height: auto;
						margin: 0;
						padding: 5px 1em;
						position: relative;
						text-align: left;
						text-decoration: none;
						width: 30em;
					}
					
						#search-suggested-output dl dd a div { left: 0; position: relative; top: 0; width: 26.8em; }
						#search-suggested-output dl dd a img { border: none; position: absolute; right: 6px; top: 12%; }		
						#search-suggested-output dl dd b { color: #fff; }
							
						#search-suggested-output dl dd a span {
							color: #d0d0d0;
							display: block;
							font-size: 1.1em;
							font-weight: bold;
							margin: 0;
							padding: 0;
							text-align: left;
							text-decoration: none;
							width: auto;
						}
						
						#search-suggested-output dl dd a:hover { background-color: #363636; color: #b0b0b0; }			
							#search-suggested-output dl dd a:hover span { color: #fff; }
					
						#search-suggested-output dl dd#viewall { background-color: #363636; }			
							#search-suggested-output dl dd#viewall a { color: #a0a0a0; text-align: right; }	
							#search-suggested-output dl dd#viewall a span { color: #a0a0a0; text-align: right; text-decoration: none; }				
							#search-suggested-output dl dd#viewall a:hover span { color: #fff; }

		#banner #nav-utility {
			bottom: 0;
			height: 3.2em;
			list-style: none;
			position: absolute;
			right: 0;
			text-align: right;
			width: 50em;
			z-index: 16;
		}
			
				#nav-utility li { 
					border-right: 1px solid #2c2c2c;
					color: #ddd;
					display: inline;
					height: 2.7em;
					margin: 0 0 0 .5em;
					padding: 0 .6em 0 0;
				}
				
					#nav-utility li.noBorder { border: none; padding-right: 0; }					
					#nav-utility li img { border: none; width: 2em; }

			#nav-utility a { color: #ddd; position: relative; text-decoration: none; }
				#nav-utility a:hover { color: #fff; }
				
				#nav-utility a#shrink { font-size: 1.5em; margin-left: 2px; }
				#nav-utility a#grow { cursor: pointer; font-size: 1.9em; }
				
				#nav-utility #printpage img { width: 1.6em; }
			
				#nav-utility a#textonly { text-decoration: none;}
					#nav-utility a#textonly img { width: 1.2em; }
					
		#banner #applyButton { position: absolute; right: 0; bottom: 3.2em; z-index: 15; }
			#applyButton img { border: none; height: 1.5em; position: relative; width: 12.4em; }

/*---------------------------------------------------------------
 3. Audience Navigation
-----------------------------------------------------------------*/
#navigation { background-color: #303030; border-bottom: .5em solid #b1b1b1; height: 3em; position: relative; z-index: 1; }
	
	#navigation div { background: transparent url('http://www.millersville.edu/lib/v2/img/common/mainNavBorder.gif') no-repeat bottom right; height: 3.5em; margin: 0px auto; position: relative; width: 80.2em; }
	
#nav-main,
#nav-main-reverse {	height: 3.5em; list-style: none; position: absolute; width: 80.1em; }
	
	#nav-main { background: #ac9d5f url('http://www.millersville.edu/lib/v2/img/common/mainNavLi.gif') repeat-x bottom left; }
	
	#nav-main-reverse {	background: #6e6e6e url('http://www.millersville.edu/lib/v2/img/common/mainNavLiR.gif') repeat-x bottom left; }

	#nav-main li,
	#nav-main-reverse li { float: left; height: 3.5em; margin: 0; }
		
		#nav-main li { background: transparent url('http://www.millersville.edu/lib/v2/img/common/mainNavLiBorder.gif') no-repeat bottom left;  }
		
		#nav-main-reverse li { background: transparent url('http://www.millersville.edu/lib/v2/img/common/mainNavLiBorderR.gif') no-repeat bottom left; }
		
		#nav-main li.first,
		#nav-main-reverse li.first { background: transparent url('http://www.millersville.edu/lib/v2/img/common/mainNavBorder.gif') no-repeat bottom left; }
		
		#nav-main li a,
		#nav-main-reverse li a {		
			border-bottom-style: solid;
			border-bottom-width: .33em;
			color: #fff;
			display: block;
			font: normal 1.5em 'Georgia', 'Times New Roman', serif;
			line-height: 2.07em;
			margin: 0 0 0 1px;
			text-align: center;
			text-decoration: none;
		}
			
			#nav-main li a { border-bottom-color: #98884b; }
				#nav-main li a:hover { border-bottom-color: #303030; color: #fff; }
				
			#nav-main-reverse li a { border-bottom-color: #585858; }
				#nav-main-reverse li a:hover { border-bottom-color: #98884b; color: #fff; }
			
			#nav-main li a#admissions,
			#nav-main-reverse li a#admissions { width: 7.67em; /* 115px */ }
			
			#nav-main li a#academics,
			#nav-main-reverse li a#academics { width: 7.33em; /* 110px */ }
			
			#nav-main li a#campus,
			#nav-main-reverse li a#campus { width: 9.87em; /* 148px */ }
			
			#nav-main li a#facstaff,
			#nav-main-reverse li a#facstaff { width: 9.33em; /* 140px */ }
			
			#nav-main li a#parents,
			#nav-main-reverse li a#parents { width: 6em; /* 90px */ }
			
			#nav-main li a#alumni,
			#nav-main-reverse li a#alumni { width: 6em; /* 90px */ }
			
			#nav-main li a#visitors,
			#nav-main-reverse li a#visitors { width: 12.8em; /* 192px */ }
		

/*---------------------------------------------------------------
 4. Page Content
 	a. content-wrapper - Applies white background for page content area, 100% width
	b. content - Contains and centers the page's content
-----------------------------------------------------------------*/
#content-wrapper { background-color: #fff; margin: 0; }
#content { margin: 0px auto; overflow: hidden; position: relative; width: 80em; }


/*---------------------------------------------------------------
 5. Footer
 	a. footer-wrapper - Contains the entire footer and its top shadow, 100% width.
	b. footer - Centers the footer contents to the page body.
-----------------------------------------------------------------*/
#footer-wrapper { 
	background-color: #303030; 
	width: 100%; 
}

#footer { margin: 0 auto; padding: 2em 0; overflow: hidden; width: 80em; }
	
	#footer #footer-legal,
	#footer #footer-contact,
	#footer #footer-portals { background: transparent url('http://www.millersville.edu/lib/v2/img/common/footerBorder.gif') no-repeat center right; float: left; height: 10em; }
	
	#footer a { color: #ddd; text-decoration: none; }
		#footer a:hover { color: #fff; }
		
	#footer p  { color: #888; }				

	#footer #footer-legal { padding: 0 .6em; width: 46em; }
		
		#footer #footer-legal #nav-supp { font-size: 1em; list-style: none; margin-bottom: 1em; width: 100%; }			
			#footer #footer-legal #nav-supp li { color: #ddd; display: inline; margin: 0; padding: 0; }
				#footer #footer-legal #nav-supp li a { color: #ddd; text-decoration: none; }
					#footer #footer-legal #nav-supp li a:hover { color: #fff; }
		
		#footer #footer-legal p { font-size: 1em; margin-bottom: 1em; }

	#footer #footer-contact { padding: 0 1em; width: 17em; }

		#footer #footer-contact address { color: #888; display: block; font-style: normal; margin-bottom: .6em; padding: 0; }
		
		#footer #footer-contact p { margin: 0; padding: 0; }
		
			#footer #footer-contact p.phone, 
			#footer #footer-contact p.contact { padding-left: 2px; }
			
			#footer #footer-contact p.phone img, 
			#footer #footer-contact p.contact img { height: 1.4em; margin-right: 3px; position: relative; top: 3px; width: 1.6em; }			
				#footer #footer-contact p.contact img { height: 1.1em; }

		#footer #footer-contact img#bestBadge { float: right; height: 6.8em; width: 6.8em; }

	#footer #footer-portals { background: none; padding: 0 0 0 1em; width: 9em; }

		#footer #footer-portals p { margin-bottom: .5em; }

		#footer #footer-portals ul { list-style: none; }
			#footer #footer-portals ul li { line-height: 1.8em;  }
                        #footer #footer-portals ul li a img, #footer #footer-portals ul li a span { display:none; }