@charset "utf-8";
/* CSS Document */

/******* Absolute Bottom Stuff *****************************************/
html, body, #virtualbody {
	min-height: 100%; /*Sets the min height to the
						height of the viewport.*/
	width: 100%;
	height: 100%; /*Effectively, this is min height
					for IE5+/Win, since IE wrongly expands
					an element to enclose its content.
					This mis-behavior screws up modern  
					browsers*/
	margin: 0; padding: 0; }
html>body #virtualbody { height: auto; /*this undoes the IE hack, hiding it from IE using the child selector*/ }
#virtualbody { position: absolute; top: 0; left: 0; }

/****** General Formatting *****************************************/
body { background: url(images/bg.png) center center repeat-y; font: 12px Georgia, "Times New Roman", Times, serif; }
* { margin: 0px; padding: 0px; }
a { text-decoration: none; /*color: #113964; dynamic */ } 
a:hover { text-decoration: underline; /*color: #2866a8; dynamic */ } 

/****** General Classes *****************************************/
.clearit { clear: both; }
.hidden { display: none; }


/****** Layout *****************************************/
#headerwrapper { position:relative; width: 100%; height: 271px; background:url(images/bg_headerwrapper_blue.png) repeat-x; }
	#headerwrapper #header { height: 271px; }
	#headerwrapper #header #images { width: 100%; height: 235px; position: relative; background:url(images/bg_header_blue.png) repeat-x; }
		#headerwrapper #header #images .logo 	{ border-right: 5px solid #FFFFFF; width: 271px; height: 235px; overflow: hidden; position: absolute; top: 0; left: 0; text-align: center; vertical-align: middle;}
		#headerwrapper #header #images .logo a { display: block; height: 235px; width: 271px; }
		#headerwrapper #header #images .double1 { border-right: 5px solid #FFFFFF; width: 435px; height: 235px; overflow: hidden; position: absolute; top: 0; right: 270px;}
		#headerwrapper #header #images .double2 { border-right: 5px solid #FFFFFF; width: 265px; height: 235px; overflow: hidden; position: absolute; top: 0; right: 0;}
	#headerwrapper #header #nav { position: absolute; height: 36px; bottom: 0px; } 
		#headerwrapper #header #nav ul { list-style: none; }
		#headerwrapper #header #nav ul li { display: inline; text-transform:uppercase; font-weight: bold; line-height: 36px; font-size: 12px;}
		#headerwrapper #header #nav ul li a { float: left; height: 36px; padding: 0px 15px; /*color: #2866a8; dynamic */ text-decoration: none; }
		#headerwrapper #header #nav ul li a:hover { /*color: #113964; dynamic */ text-decoration: underline;}
		#headerwrapper #header #nav ul li a.selected { /*color: #113964; dynamic */ text-decoration: underline;}
		
#bodywrapper { width: 100%; }
	#bodywrapper #body { position: relative; width: auto; display: block; margin: 40px 40px 80px 40px; background:#FFFFFF; }
		#bodywrapper #body h1 { display: none;  }
		#bodywrapper #body h2 { font-size: 36px; font-weight: normal; /*color: #113964; dynamic */ margin-bottom: 20px; }
		#bodywrapper #body h3 { font-size: 24px; font-weight: normal; /*color: #113964; dynamic */ margin-bottom: 5px;  }
		#bodywrapper #body h4 { font-size: 24px; font-weight: normal; color: #313131;  margin-bottom: 5px; }
		#bodywrapper #body h5 { font-size: 18px; font-weight: normal; /*color: #113964; dynamic */ margin-bottom: 5px;  }
		#bodywrapper #body p { font-size: 13px; color: #313131; margin-bottom: 15px; }
		#bodywrapper #body ul, #bodywrapper #body ol { font-size: 13px; color: #313131; margin-left: 30px; margin-bottom: 15px; }
		#bodywrapper #body blockquote { font-size: 13px; color: #313131; margin-left: 40px; margin-bottom: 15px; /*border-left: 2px solid #113964; dynamic */ padding: 10px; }
	
		#bodywrapper #body .col1 { float: left; width: 652px; margin-right: 23px; }
			#bodywrapper #body .col1 p { line-height: 20px;}
		#bodywrapper #body .col2 { float: left; width: 231px; }
			#bodywrapper #body .col2 .sidebox { display: block; margin-bottom: 20px; }
			#bodywrapper #body .col2 .sidebox h3 { font-size: 12px; font-weight: bold; /*color: #113964; dynamic */; 
													background:url(images/border_doubledots.gif) bottom left repeat-x; 
													text-transform:uppercase; padding: 0 0 10px 0; margin: 0 0 7px 0;}
			#bodywrapper #body .col2 .sidebox p { font-size: 12px; margin-bottom: 15px;}
			#bodywrapper #body .col2 .sidebox .more { display: block; text-align: right; font-size: 11px; margin-top: 5px; margin-bottom: 15px;}
			#bodywrapper #body .col2 .sidebox ul { list-style: none; margin: 0px; }
			#bodywrapper #body .col2 .sidebox ul li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #868686; }
			#bodywrapper #body .col2 .sidebox ul li p { margin-bottom: 0px; }
			#bodywrapper #body .col2 .sidebox ul li h4 { color: #868686; font-size: 16px; font-weight: bold;}
			#bodywrapper #body .col2 .sidebox ul li h4 a { color: #868686; }
			#bodywrapper #body .col2 .sidebox ul li h4 a:hover { /*color: #113964; dynamic */}
	
	
	
			
	#bodywrapper #foot { position: relative; width: 906px; display: block; margin: 40px; font-size: 11px; color: #323232; }
		#bodywrapper #foot div { position: absolute; right: 0px; top: 0px; text-align: right; font-size: 12px; }
		#bodywrapper #foot div a { color: #9eb02e; font-weight: bold; }
		#bodywrapper #foot div a:hover { /*color: #113964; dynamic */ font-weight: bold; }

#footerwrapper { width: 100%; height: 17px; /*background: #113964; dynamic */ position: absolute; bottom: 0; width: 100%; }
	#footer { height: 17px;  background:url(images/bg_footer_blue.png) repeat-x; }

.container { width: 986px; margin: 0px auto; position: relative;}