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

body { background-color: #676767; font-size: 62.5%; 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('../img/backgrounds/pagetitle_darkgrayshadow.gif') repeat-x top left; }

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

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

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

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

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

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

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

a { color: #005f9b; outline: none; text-decoration: none; }
	a:hover	{ color: #303030; }
	a img { border: none; }
	
	a.viewMore { 
		background: transparent url('../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('../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('../img/buttons_tabs/vm_h2_tab-over.gif') no-repeat 0 0 !important; color: #fff !important; }
			
	a.button-link { 
		background: #d5ecfb; 
		border: 1px solid #a4cde7; 
		display: inline; 
		font-size: 16px;
		margin: 10px 0 10px 3px; 
		padding: 5px;  
		text-align: center; 
		width: auto;
	}
	
		a.button-link:hover { 
			background: #005f9b; 
			border-color: #005f9b; 
			color: #fff;
		}
p,
ul, 
ol, 
address { color: #303030; font-size: 1em; margin-bottom: .6em; }
	li { margin-left: 2.5em; }

	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;  }

b, strong { color: #000; }

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; }




a { outline: none; }

a img { border: none; }

address {
		font-style: italic;
		font-size: 1em; 
		color: #303030;
		}

blockquote { background-color: #e2e2e2; border: 1px dashed #bbb; color: #303030; margin: 10px 10px 5px; padding: 10px; }

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: 10em;
	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: 10em;
	margin: 0px auto;
	position: relative;
	width: 80em;
	z-index: 16;
}

	#header #banner #logo_container {
		background: #000 url('../img/backgrounds/banner_ray.gif') no-repeat -100px 100%;
		height: 10em;
		position: absolute;
		width: 80em;
	}

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

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

		#header #banner #searchNav span {
			display: block;
			float: left;
			font-size: 1.2em;
			margin-right: 5px;
			width: 23.17em;
		}
		
			#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: 15.5em; }

		#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('../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('../img/backgrounds/nav_bar_shadow.gif') repeat-x bottom left; 
	border-top: 1px solid #4e4e4e;
	height: 2.9em;
	position: relative; 
	z-index: 5; 
}

#nav_bar_bottom {
	background: transparent url('../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: 80em; z-index: 15; }
#applynow 		 { border: none; height: 9em; position: absolute; left: -4.6em; top: -1.8em; width: 9em; z-index: 15; }

#main_nav, #main_nav_reverse {
	background-color: #2e2e2e;
	border-bottom: 1px solid #979797;
	border-right: 1px solid #fff;
	display: block;
	height: 3.4em;
	list-style: none;
	margin: 0px auto;
	padding: 0;
	position: relative;
	width: 80em;
	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('../img/buttons_tabs/mn_bg.gif') repeat-x 0px	0px; border-left: none; }
			#main_nav li.green	{ background: #344c29 url('../img/buttons_tabs/mn_bg.gif') repeat-x 0px	-136px; }
			#main_nav li.blue	{ background: #015e99 url('../img/buttons_tabs/mn_bg.gif') repeat-x 0px	-272px; }
			#main_nav li.tan	{ background: #c8a24c url('../img/buttons_tabs/mn_bg.gif') repeat-x 0px	-408px; }
			#main_nav li.brown	{ background: #815b3e url('../img/buttons_tabs/mn_bg.gif') repeat-x 0px	-544px; }
			#main_nav li.purple	{ background: #2d0e4a url('../img/buttons_tabs/mn_bg.gif') repeat-x 0px	-680px; }
			#main_nav li.red 	{ background: #973523 url('../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('../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: 1.4em;
			line-height: 2.43em;
			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: 9.14em; }
			#main_nav li a#mn_green		{ background: transparent url('../img/buttons_tabs/mn_gloss.gif') no-repeat	0px	-136px; width: auto; }
			#main_nav li a#mn_blue		{ background: transparent url('../img/buttons_tabs/mn_gloss.gif') no-repeat	0px	-272px; width: auto; }
			#main_nav li a#mn_tan		{ background: transparent url('../img/buttons_tabs/mn_gloss.gif') no-repeat	0px	-408px; width: auto; }
			#main_nav li a#mn_brown		{ background: transparent url('../img/buttons_tabs/mn_gloss.gif') no-repeat	0px	-544px; width: auto; }
			#main_nav li a#mn_purple	{ background: transparent url('../img/buttons_tabs/mn_gloss.gif') no-repeat	0px	-680px; width: auto; }
			#main_nav li a#mn_red		{ background: transparent url('../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('../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; }



/*************************************************
 4. Content Containers
 	a. page_container 
		- Centers the content
	b. page_container_left/page_container_right
		- Adds the side shadows and allows the site to grow
	c. pc_uppercorner
		- Hides the overlapped backgrounds in the upper left corner of the content container
	d. module
		- Defines the rounded corners for the gray modules
*************************************************/
#page_container { margin: 0px auto; padding-top: 5px; width: 80em; }

#page_container_left,
#page_container_right {
	position: relative;
	top: 0;
	width: 79.93em;
	z-index: 4;
}

	#page_container_left {
		background: #fff url('../img/backgrounds/bodyshadow_left.gif') repeat-y top left;
		left: 0;
		margin-left: -6px;
		padding-left: 6px;
	}

	#page_container_right {
		background: #fff url('../img/backgrounds/bodyshadow_right.gif') repeat-y top right;
		padding-right: 6px;
		margin-bottom: -3px;
		right: 0;
	}
	
	#page_container a { text-decoration: none; }

#pc_uppercorner {
	background: transparent url('../img/backgrounds/pc_uppercorner.gif') no-repeat top left;
	height: 7px;
	right: -2px;
	position: absolute;
	top: 0;
	width: 7px;
	z-index: 10;
}

/*---------------------------------------------------------------
Styles for the modules with rounded corners.
	equal_modules		- used to contain equal columns & hide overflow
	equalize			- apply to mc to make equal columns
	module				- contains both the colored H2 & the module's contents
	mc (module content) - overall container for the module's contents & upper right corner
	mc_body				- contains the upper left corner & content
-----------------------------------------------------------------*/
.equal_modules { float: left; overflow: hidden; position: relative; }

.equalize {
	height: 1%;
	background-color: #ededed;
	margin: 0 0 -800px 0;
	padding: 0 0 800px 0;
	width: 100%;
}

.module { float: left; margin-left: .6em; width: 100%; }

.mc, .mc_body { 
	background: #ededed url('../img/backgrounds/module_gray.gif') no-repeat top left; 
	height: 1%;
}

.mc.tan, .mc_body.tan {
	background: #eae0bf url('../img/backgrounds/module_tan.gif') no-repeat top left; 
}

.mc { position: relative; width: 100%; }

.mc_body {
	background-position: top right;
	margin-left: .83em;
	overflow: hidden;
	padding: .83em .83em .83em 0;
	text-align: left;
}

	.mc_body.tan { background-position: top right; }
	
	.mc_body ul { list-style: disc url('../img/icons_bullets/ulbullet.gif') outside; }
		.mc_body ul li { line-height: 1.2em; margin: .5em 0 .5em 1.8em; }


/*************************************************
 5. Alert & Page Headers
 	a. h2_box - see module comments
*************************************************/
#alert {
	background-color: #fcf8ed;
	border: 2px solid #dfd4b6;	
	height: 20em;
	position: relative;
	width: 79.9em;
}
	#alert h1 { background: none; background-color: transparent; border: none; color: #b41e22; font-size: 2.4em; margin: 0; padding: 0; }

	#alert h2 {
		color: #303030;
		font: bold 2em 'Trebuchet MS', Arial, sans-serif;		/* 20px */
		line-height: 1.7em;		/* 34px */
		margin: 0;
		padding: 0;
	}

	#alert p, #alert li {
		color: #303030;
		font: bold 1.2em 'Trebuchet MS', Arial, sans-serif;
		padding: 0;
	}

/*	Define the H1 color classes.	*/
.h1_darkgray { background: #303030 url('../img/backgrounds/pagetitle_darkgray.gif') no-repeat top right; }

h1 {
	clear: both;
	color: #fff;
	font-size: 3em;
	font-weight: bold;
	line-height: 1.3em;
	margin: 0px auto;
	padding-left: 1.37em;
	position: relative;
	width: 25.27em;
	z-index: 4;
}

	h1 span { display: block; width: 100%; }

h2 { font: normal 1.8em/1.7em Georgia, 'Times New Roman', Times, serif; color: #fff; padding-left: 10px; }

.h2_box, .h2_box_top, .h2_box_top h2, .h2_box_btm { background-image: url('../img/backgrounds/h2_black.gif'); }

.h2_box 		{ background-position: bottom right; border-bottom: 1px solid #fff; border-top: .6em solid #fff; height: 1%; padding-right: 15px; }   
.h2_box_top 	{ background-position: top right; margin-right: -15px; padding-right: 10px; } 
.h2_box_top h2 	{ background-position: top left; display: block; line-height: 1.7em; padding-left: 10px; }
.h2_box_top h2 * 	{ background-image: none !important; }
.h2_box_btm 	{ background-position: bottom left; height: 4px; line-height: 4px; }

/*	Define the H2 color classes, allowing the default color to be overwritten.	*/
body#section1 .h2_black, body#section2 .h2_black, body#section3 .h2_black, 
body#section4 .h2_black, body#section5 .h2_black, body#section6 .h2_black, 
body#section7 .h2_black, body#section8 .h2_black { background-image: url('../img/backgrounds/h2_black.gif'); }

body#section1 .h2_blue, body#section2 .h2_blue, body#section3 .h2_blue, 
body#section4 .h2_blue, body#section5 .h2_blue, body#section6 .h2_blue, 
body#section7 .h2_blue, body#section8 .h2_blue { background-image: url('../img/backgrounds/h2_blue.gif'); }

body#section1 .h2_green, body#section2 .h2_green, body#section3 .h2_green, 
body#section4 .h2_green, body#section5 .h2_green, body#section6 .h2_green, 
body#section7 .h2_green, body#section8 .h2_green { background-image: url('../img/backgrounds/h2_green.gif'); }

body#section1 .h2_tan, body#section2 .h2_tan, body#section3 .h2_tan, 
body#section4 .h2_tan, body#section5 .h2_tan, body#section6 .h2_tan, 
body#section7 .h2_tan, body#section8 .h2_tan { background-image: url('../img/backgrounds/h2_tan.gif'); }

body#section1 .h2_red, body#section2 .h2_red, body#section3 .h2_red, 
body#section4 .h2_red, body#section5 .h2_red, body#section6 .h2_red, 
body#section7 .h2_red, body#section8 .h2_red { background-image: url('../img/backgrounds/h2_red.gif'); }

body#section1 .h2_purple, body#section2 .h2_purple, body#section3 .h2_purple, 
body#section4 .h2_purple, body#section5 .h2_purple, body#section6 .h2_purple, 
body#section7 .h2_purple, body#section8 .h2_purple { background-image: url('../img/backgrounds/h2_purple.gif'); }


/*************************************************
 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: 11.6em; 
	margin: 0; 
	padding-bottom: .5em;
	width: 79.93em; 
}

	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: 9.5em;
		float: left;
		margin: .6em 0;
		padding: 0 .6em;
		width: 44.5em;
	}

		#footer #f_col1 p { font-size: 1em; margin-bottom: 1em; }

	#footer #f_col2 {
		border-right: 1px dotted #444;
		float: left;
		height: 9.5em;
		line-height: 1.6em;
		margin: .6em 0;
		padding: 0 .6em;
		width: 18em;
	}

		#footer #f_col2 address { line-height: 1.2em; margin-bottom: 1em; }
		
		#footer #f_col2 p { line-height: .3em; padding-left: 2em; }
		
			#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; }

		#footer #f_col2 .left { float: left; width: 11em; }

		#footer #f_col2 .right		{ float: right; padding-top: 1.5em; width: 6.8em; }
		#footer #f_col2 .right img	{ height: 6.8em; width: 6.8em; }

	body #footer #f_col3 {
		float: left;
		height: 9.5em;
		margin: .7em 0;
		padding: 0 .65em;
		width: 10em;
	}

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

		body #footer #f_col3 #portalNav {
			list-style: none;
			height: 2em;
			position: relative;
			width: 10em;
		}
			
			body #footer #f_col3 #portalNav li {
				height: 2em;
				margin: 0 0 .5em 0;
				padding: 0;
				position: relative;
				width: 10em;
			}
			
				body #footer #f_col3 #portalNav li a { 
					color: #bbb;
					display: block;
					padding-left: 3.5em;
					text-decoration: none; 
					width: 10em;
				}

					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: 2.9em;
				}
				
				body #footer #f_col3 #portalNav li span {
					color: #888;
					font-size: .8em;
					left: 0;
					position: relative;
					top: -.42em;
				}
		
#footer_bottom { height: 6em; left: 0; margin: 0px auto; position: relative; width: 80em; }

#footer_bottom_shadow {
	background:  transparent url('../img/backgrounds/footer_btm_shadow.gif') repeat-x top left;
	height: 6em;
	left: 0;
	line-height: 6em;
	margin: 3px 0 10em -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('../img/backgrounds/footer_corners.gif') no-repeat 100% 50%; left: 0; }
	#footer_bottom_shadow_right { background: transparent url('../img/backgrounds/footer_corners.gif') no-repeat 0px 0px; right: 0; }