/*************************************************
 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
*************************************************/


#container{background-color: #676767; font-size: 80%; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; }

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

	/*	Dark Gray Coloring	*/
	body#section1 h1 { background: #303030 url('http://www.millersville.edu/lib/img/backgrounds/pagetitle_darkgrayshadow.gif') repeat-x top left; }

	/*	Orange Coloring	*/
	body#section2 h1 { background: #c47a09 url('http://www.millersville.edu/lib/img/backgrounds/pagetitle_orangeshadow.gif') repeat-x top left; }

	/*	Green Coloring	*/
	body#section3 h1 { background: #344c29 url('http://www.millersville.edu/lib/img/backgrounds/pagetitle_greenshadow.gif') repeat-x top left; }

	/*	Blue Coloring	*/
	body#section4 h1 { background: #025d97 url('http://www.millersville.edu/lib/img/backgrounds/pagetitle_blueshadow.gif') repeat-x top left; }

	/*	Tan Coloring	*/
	body#section5 h1 { background: #c8a24c url('http://www.millersville.edu/lib/img/backgrounds/pagetitle_tanshadow.gif') repeat-x top left; }

	/*	Brown Coloring	*/
	body#section6 h1 { background: #815b3e url('http://www.millersville.edu/lib/img/backgrounds/pagetitle_brownshadow.gif') repeat-x top left; }

	/*	Purple Coloring	*/
	body#section7 h1 { background: #2d0e4a url('http://www.millersville.edu/lib/img/backgrounds/pagetitle_purpleshadow.gif')  repeat-x top left; }

	/*	Red Coloring	*/
	body#section8 h1 { background: #973523 url('http://www.millersville.edu/lib/img/backgrounds/pagetitle_redshadow.gif') repeat-x top left; }

#container a { color: #005f9b; outline: none; text-decoration: none; }
	#container a:hover	{ color: #303030; }
	#container a img { border: none; }
	
	a.viewMore { 
		background: transparent url('http://www.millersville.edu/lib/img/icons_bullets/arrowright.gif') no-repeat 100% 65%; 
		display: block; 
		font: normal 12px 'Trebuchet MS', Arial, sans-serif; 
		margin: 3px 3px 3px 0; 
		padding-right: 16px; 
		text-align: right; 
		width: auto; 
	}
		a.viewMore:hover { color: #303030; }
		
		a.viewMore.h2Tab { 
			background: transparent url('http://www.millersville.edu/lib/img/buttons_tabs/vm_h2_tab.gif') no-repeat 0 0 !important; 
			bottom: -6px;
			height: 23px;
			padding-right: 23px;
			padding-top: 3px;
			position: absolute;
			right: 10px;
			width: 63px;
		}
		
			a.viewMore.h2Tab:hover { background: transparent url('http://www.millersville.edu/lib/img/buttons_tabs/vm_h2_tab-over.gif') no-repeat 0 0 !important; color: #fff !important; }
#container p,
#container ul, 
#container ol, 
address { color: #303030; font-size: 9px;; margin-bottom: .6em; }
	/*li { margin-left: 2em; }*/

	ul.none, 
	ul.none li { margin-left: 0 !important; padding-left: 0 !important; }
		ul.none { list-style: none !important; }
		ul.none li { padding-right: .42em; }

dl { color: #303030; margin-left: -6px; }
	dt { font: bold 1em 'Trebuchet MS', Arial, sans-serif; padding: 0; margin-left: 6px; }
	dd { font-size: 1em; font-weight: normal; margin: 0 0 .83em .6em; padding: 0; }
		dd a.view_more.medium { margin-top: .83em;  }

img.pdf_icon,
img.doc_icon, 
img.flash_icon,
img.html_icon,
img.zip_icon,
img.ppt_icon { height: 20px; margin: 0 3px -6px 0; padding: 0; width: 20px; }
img.bordered { border: .3em solid #fff; margin: 0 0 .3em 0; padding: 0; }

/*form { height: 1%; margin: 0 0 .83em .6em; padding: .2em 0; position: relative; width: auto; }
*/
	#container label {
		color: #303030;
		display: block;
		font: bold 1em 'Trebuchet MS', Arial, sans-serif;
		line-height: 1.83em;
		margin-bottom: .25em;
		position: relative;
		width: 98%;
	}

	#container .textBox,
	#container .selectBox, 
	#container textarea,
	#container input[type=text] {
		border: 1px solid #ccc; 
		border-collapse: collapse;
		color: #666;
		display: block;
		font: normal 1em 'Trebuchet MS', Arial, sans-serif;
		height: auto;
		margin-bottom: .25em;
		padding: .25em;
		width: 99%;
	}

		.selectBox	{ height: auto; }
		#container textarea	{ height: 5em; }

	.submitBtn { 
		background: #fefefe url('http://www.millersville.edu/lib/img/buttons_tabs/si_searchNavBtn.gif') repeat-x bottom;
		border: 1px solid #ccc;
		color: #303030;
		font-size: 1em;
		font-weight: bold;
		height: 2.22em;
		margin-top: .25em;
		padding: 0 .27em;
		position: relative;
		left: 0;
		text-align: center;
		bottom: 0;
		width: auto;
	}


#container a { outline: none; }

	a img { border: none; }

address { font-style: normal; }

ul.none { list-style: none !important; list-style-image: none !important; }
	ul.none li, ul.none li a { width: auto; }

.center { text-align: center; }
.fixer 	{ clear: both; line-height: 1px; }

#container { width: 100%; }

/*************************************************
 2. Banner & Header
 	a. banner - Contains the logo, quick links & search, and utility navigation
*************************************************/
#header {
	background-color: #000;
	color: #fff;
	height: 100px;
	position: relative;
	z-index: 15;
}

		#header #banner #utilityNav {
			bottom: .4em;
			height: 3em;
			position: absolute;
			right: 0;
			text-align: right;
			width: 50em;
			z-index: 16;
		}
		
			#header #banner #utilityNav ul { float: right; list-style: none; width: 50em; }
			
				#header #banner #utilityNav li { 
					border-right: 1px solid #2c2c2c;
					color: #ddd;
					display: inline;
					margin: 0 0 0 .5em;
					padding: 0 .6em 0 0;
				}
				
					#header #banner #utilityNav li.noBorder { border: none; padding-right: 0; }					
					#header #banner #utilityNav li img { border: none; margin: 0 2px -.2em 0; width: 1.95em; }

			#header #banner #utilityNav a 				 { text-decoration: none; color: #ddd; }
			#header #banner #utilityNav a:hover 		 { color: #fff; }
			#header #banner #utilityNav a#shrink 		 { color: #ddd; display: inline; font-size: 1.5em; margin-left: 2px; }
			#header #banner #utilityNav a#grow   		 { display: inline; cursor: pointer; font-size: 1.9em; }
			#header #banner #utilityNav #printpage img 	 { border: none; margin: 0 2px -.2em 0; width: 1.6em; }
			#header #banner #utilityNav a#textonly		 { text-decoration: none; color: #ddd; }
			#header #banner #utilityNav a#textonly:hover { color: #fff; }
			#header #banner #utilityNav a#textonly img 	 { border: none; margin: 0 2px -.2em 0; width: 1.2em; }

#header #banner {
	background-color: #000;
	height: 100px;
	margin: 0px auto;
	position: relative;
	width: 801px;
	z-index: 16;
}

	#header #banner #logo_container {
		background: #000 url('http://www.millersville.edu/lib/img/backgrounds/banner_ray.gif') no-repeat -100px 100%;
		height: 100px;
		position: absolute;
		width: 801px;
	}

		#header #banner #logo_container #logo { border: none; margin-top: 3em; width: 251px; }

	#header #banner #searchNav {
		color: #fff;
		height: 4em;
		font-size: 1em;	
		padding-top: 1em;
		position: absolute;
		right: 0;
		text-align: right;
		width: 443px;
		z-index: 16;
	}

		#header #banner #searchNav span {
			display: block;
			float: left;
			font-size: 1.2em;
			margin-right: 5px;
			width: 278px;
		}
		
			#header #banner #searchNav span a { color: #ddd; text-decoration: underline !important;}
			#header #banner #searchNav span a:hover { color: #fff; }

/************************************************************************/

		#topSiteIndex {
			background-color: #303030;
			border: 1px solid #4e4e4e;
			font-size: 1.1em;
			left: 3em;
			display: none;
			padding: 0.5em;
			position: absolute;
			top:  2.7em;
			width:  15.45em;
			text-align: left;
			z-index: 30;
			
		}
		
			#topSiteIndex p { border-bottom: 1px solid #4e4e4e; color: #fff; padding-bottom: 2px; }
		
			#topSiteIndex ul { list-style: none; margin: 0; padding: 0; }

			#topSiteIndex ul li {
				color:  #fff;
				float:  left;
				height: 1.27em;
				margin: 0.20em;
				padding: 0;
				position: relative;
				width:  1.27em;
				z-index: 1;
			}
	
			#topSiteIndex ul li img { position: absolute; top: 12%; width: 1.27em; z-index: 1; }
		
			#topSiteIndex ul li a {
				color: #fff;
				display: block;
				font-size: 0.9em;
				font-weight: bold;
				line-height: 1.6em;
				position: relative;
				text-align: center;	
				text-decoration: none;
				z-index: 2;		
			}
		
/************************************************************************/
		
		#header #banner #searchNav form { display: block; float: right; margin: 0; padding: 0; width: 155px; }

		#header #banner #search_type  				{ float: right; padding: .7em 0 0 0; }
		#header #banner #search_type label 			{ color: #fff; display: inline; font-size: 1.2em; font-weight: normal; height: .83em; line-height: .83em; margin: 0; padding: 0; }
		#header #banner #search_type .searchRadio 	{ height: .83em; margin: 0; padding: 0; vertical-align: top; width: .83em; }

		#header #banner #searchNav #searchBox {
			border: none;
			border-right: 1px solid #000; 
			color: #666;
			height: 1.62em;
			float: left;
			font-size: 1.2em;
			font-style: italic;
			margin: 0;
			padding: .085em 0 0 .25em;
			width: 10.17em;
		}

		#header #banner #searchNav #searchBtn { 
			background: #fcdc44 url('http://www.millersville.edu/lib/img/buttons_tabs/searchNavBtn.gif') repeat-x bottom;
			border: 1px solid #ffea71;
			color: #404040;
			float: left;
			font-size: 1.1em;
			font-weight: bold;
			height: 1.82em;
			margin: 0;
			padding: 0 .09em;
			text-align: left;
			text-transform: uppercase;
		}


/*************************************************
 3. Audience Navigation
*************************************************/
#nav_holder { clear: both; position: relative; z-index: 10; }

#nav_bar { 
	background: #303030 url('http://www.millersville.edu/lib/img/backgrounds/nav_bar_shadow.gif') repeat-x bottom left; 
	border-top: 1px solid #4e4e4e;
	height: 29px;
	position: relative; 
	z-index: 5; 
}

#nav_bar_bottom {
	/*background: transparent url('http://www.millersville.edu/lib/img/backgrounds/bodyshadow_top.gif') repeat-x top left;*/
	border-top: 5px solid #b1b1b1;
	height: 6px;
	left: 0em;
	position: absolute;
	width: 100%;
	z-index: 1;
}

#applynow_holder { margin: auto; position: relative; width: 801px; z-index: 15; }
#applynow 		 { border: none; height: 90px; position: absolute; left: -4.6em; top: -1.8em; width: 90px; z-index: 15; }

#main_nav, #main_nav_reverse {
	background-color: #2e2e2e;
	border-bottom: 1px solid #979797;
	border-right: 1px solid #fff;
	display: block;
	height: 34px;
	list-style: none;
	margin: 0px auto;
	padding: 0;
	position: relative;
	width: 800px;
	z-index: 10;
}

	#main_nav li, #main_nav_reverse li { border-right: 1px solid #979797; float: right; margin: 0; padding: 0; width: auto; }

			#main_nav li.orange	{ background: #c47a09 url('http://www.millersville.edu/lib/img/buttons_tabs/mn_bg.gif') repeat-x 0px	0px; border-left: none; }
			#main_nav li.green	{ background: #344c29 url('http://www.millersville.edu/lib/img/buttons_tabs/mn_bg.gif') repeat-x 0px	-136px; }
			#main_nav li.blue	{ background: #015e99 url('http://www.millersville.edu/lib/img/buttons_tabs/mn_bg.gif') repeat-x 0px	-272px; }
			#main_nav li.tan	{ background: #c8a24c url('http://www.millersville.edu/lib/img/buttons_tabs/mn_bg.gif') repeat-x 0px	-408px; }
			#main_nav li.brown	{ background: #815b3e url('http://www.millersville.edu/lib/img/buttons_tabs/mn_bg.gif') repeat-x 0px	-544px; }
			#main_nav li.purple	{ background: #2d0e4a url('http://www.millersville.edu/lib/img/buttons_tabs/mn_bg.gif') repeat-x 0px	-680px; }
			#main_nav li.red 	{ background: #973523 url('http://www.millersville.edu/lib/img/buttons_tabs/mn_bg.gif') repeat-x 0px	-816px; border-right: none; }

			#main_nav_reverse li.orange,
			#main_nav_reverse li.green,
			#main_nav_reverse li.blue,
			#main_nav_reverse li.tan,
			#main_nav_reverse li.brown,
			#main_nav_reverse li.purple,
			#main_nav_reverse li.red { 
				background: #2f2f2f url('http://www.millersville.edu/lib/img/buttons_tabs/mn_bg-over.gif') 0px 0px; 
			}

			#main_nav_reverse li.orange { border-left: none; }
			#main_nav_reverse li.red { border-right: none; }


		#main_nav li a, #main_nav_reverse li a {
			color: #fff;
			display: block;
			font-size: 14px;
			line-height: 34px;
			margin: 0;
			padding: 0 1em;
			text-align: right;
			text-decoration: none;
		}

			#main_nav li a:hover, #main_nav_reverse li a:hover { color: #fff; }

			#main_nav li a#mn_orange 	{ width:134px;  }
			#main_nav li a#mn_green		{ background: transparent url('http://www.millersville.edu/lib/img/buttons_tabs/mn_gloss.gif') no-repeat	0px	-136px; width: auto; }
			#main_nav li a#mn_blue		{ background: transparent url('http://www.millersville.edu/lib/img/buttons_tabs/mn_gloss.gif') no-repeat	0px	-272px; width: auto; }
			#main_nav li a#mn_tan		{ background: transparent url('http://www.millersville.edu/lib/img/buttons_tabs/mn_gloss.gif') no-repeat	0px	-408px; width: auto; }
			#main_nav li a#mn_brown		{ background: transparent url('http://www.millersville.edu/lib/img/buttons_tabs/mn_gloss.gif') no-repeat	0px	-544px; width: auto; }
			#main_nav li a#mn_purple	{ background: transparent url('http://www.millersville.edu/lib/img/buttons_tabs/mn_gloss.gif') no-repeat	0px	-680px; width: auto; }
			#main_nav li a#mn_red		{ background: transparent url('http://www.millersville.edu/lib/img/buttons_tabs/mn_gloss.gif') no-repeat	0px	-816px; padding-right: 1em; width: auto; }	

			#main_nav_reverse li a#mn_orange,
			#main_nav_reverse li a#mn_green,
			#main_nav_reverse li a#mn_blue,
			#main_nav_reverse li a#mn_tan,
			#main_nav_reverse li a#mn_brown,
			#main_nav_reverse li a#mn_purple,
			#main_nav_reverse li a#mn_red { 
				background: transparent url('http://www.millersville.edu/lib/img/buttons_tabs/mn_gloss-over.gif') no-repeat 0px 0px; 
				width: auto; 
			}	

			#main_nav_reverse li a#mn_orange 	{ width: 9.14em; }
			#main_nav_reverse li a#mn_red		{ padding-right: 1em; }





/*************************************************
 6. Footer
 	a. footer - Contains the entire footer.
	b. footer_bottom - Applies the footer's bottom shadow and corners
*************************************************/
#footer { 
	background-color: #000; 
	border-bottom: 1px solid #fff; 
	height: 116px; 
	margin: 0; 
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	padding-bottom: 5px;
	width: 799px; 
}

	body #footer p, 
	body #footer address,
	body #footer a			{ color: #888; }
	
		body #footer a			{ color: #888; text-decoration: underline; }

		body #footer a:hover	{ color: #999; }

	#footer #f_col1 {
		border-right: 1px dotted #444;
		height: 95px;
		float: left;
		margin: 6px 0;
		padding: 0 6px;
		width: 445px;
	}

		#footer #f_col1 p { font-size:9px; margin-bottom: 10px; }

	#footer #f_col2 {
		border-right: 1px dotted #444;
		float: left;
		height: 95px;
		line-height: 16px;
		margin: 6px 0;
		padding: 0 6px;
		width: 180px;
	}

		#footer #f_col2 address { line-height:12px; margin-bottom: 10px; }
		
		#footer #f_col2 p { line-height: 3px; padding-left: 20px; }
		
			#footer #f_col2 p.phone, 
			#footer #f_col2 p.contact { padding-left: 2px; }
			
			#footer #f_col2 p.phone img, 
			#footer #f_col2 p.contact img { margin-right: 3px; position: relative; top: 3px;display:inline; }

		#footer #f_col2 .left { float: left; width: 110px; }

		#footer #f_col2 .right		{ float: right; padding-top: 15px; width: 68px; }
		#footer #f_col2 .right img	{ height: 68px; width: 68px; }

	body #footer #f_col3 {
		float: left;
		height: 95px;
		margin: 7px 0;
		padding: 0 6px;
		width: 100px;
	}

		body #footer #f_col3 p { margin-bottom: 5px; }

		body #footer #f_col3 #portalNav {
			list-style: none;
			height: 20px;
			position: relative;
			width: 100px;
		}
			
			body #footer #f_col3 #portalNav li {
				height: 20px;
				margin: 0 0 5px 0;
				padding: 0;
				position: relative;
				width: 100px;
			}
			
				body #footer #f_col3 #portalNav li a { 
					color: #bbb;
					display: block;
					padding-left: 35px;
					text-decoration: none; 
					width: 100px;
				}

					body #footer #f_col3 #portalNav li a:hover { color: #ddd; }
			
				body #footer #f_col3 #portalNav li img {
					border: none;
					left: 0;
					position: absolute;
					top: 0;
					width: 29px;
				}
				
				body #footer #f_col3 #portalNav li span {
					color: #888;
					font-size: 8px;
					left: 0;
					position: relative;
					top: -4px;
				}
		
#footer_bottom { height: 60px; left: 0; margin: 0px auto; position: relative; width: 801px; }

#footer_bottom_shadow {
	background:  transparent url('http://www.millersville.edu/lib/img/backgrounds/footer_btm_shadow.gif') repeat-x top left;
	height: 6em;
	left: 0;
	line-height: 6em;
	margin: 3px 0 100px -8px;
	padding: 0 8px;
	position: relative;
	width: 79.9em;
}

#footer_bottom_shadow_left,
#footer_bottom_shadow_right {
	height: 7px;
	line-height: 7px;
	position: absolute;
	top: 0;
	width: 7px;
}

	#footer_bottom_shadow_left 	{ background: transparent url('http://www.millersville.edu/lib/img/backgrounds/footer_corners.gif') no-repeat 100% 50%; left: 0; }
	#footer_bottom_shadow_right { background: transparent url('http://www.millersville.edu/lib/img/backgrounds/footer_corners.gif') no-repeat 0px 0px; right: 0; }