/* Common Styles */

* {margin: 0px; padding: 0px; font-size: 100%;}
body {color: #000; background: #070808 url(images/header_repeat.jpg) repeat-x;}
body, tr, td, input, select, textarea { font:small/150% "Trebuchet MS", Arial, Helvetica, sans-serif;}



/*  Method for easy clearing of floats http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hide from IE Mac \*/
.clearfix {display: block;}
/* End Hide from IE Mac */

/* Misc styles */
.floatLeft {float: left;}
.floatRight {float: right;}
.leftImg {margin-right: 10px; margin-bottom: 10px; padding: 4px; background: #fff; border: solid 1px #eee;}
.rightImg {margin-left: 10px; margin-bottom: 10px; padding: 4px; background: #fff; border: solid 1px #eee;}
.textRight {text-align: right;}
.textLeft {text-align: left;}
.textCenter {text-align: center;}
small {font-size: 80%;}
.error {color: #d20001; font-weight: bold;}
.center {margin-right: auto; margin-left: auto;}

.container {width: 996px; margin:0px auto;}

body .internal {width: 996px;}
body .extraPad {padding-bottom: 15px;}
#header {position: relative; height: 105px; left: -10px; width: 996px; background: url(images/logo_trans.png) no-repeat;}
#logo {float: left; width: 326px; height: 105px;}
#logo a {display: block; width: 326px; height: 105px; outline: none; text-indent: -9000px;}

#navbox {position: absolute; right: 0px; bottom: 3px;}
	#navbox ul#navigation {list-style: none; width: 640px; float: left; }
		
		#navbox ul#navigation li, #topTabs ul li {float: left; margin-left: 1px;}
			
			#navbox li {height: 31px;}
			
			#navbox li a {float: left; color: #fff; text-decoration: none; font-size: 120%; background: #585c60 url(images/nav_bg_repeat.jpg) repeat-x; position: relative; height: 31px; }
				
				#navbox a .link {padding: 7px 15px 4px 15px; display: block;}	
				
				#navbox .tl {display: block; background: url(images/nav_tl.jpg) no-repeat; height: 4px; width: 4px; position: absolute; top: 0px; left: 0px; z-index: 100;}
				
				#navbox .tr {display: block; background: url(images/nav_tr.jpg) no-repeat; height: 4px; width: 4px; position: absolute; top: 0px; right: 0px; z-index: 100;}
				
				#navbox a:hover {background: #c22401; }	
					#navbox a:hover .tl {background-image: url(images/nav_active_tl.jpg);}
					
					#navbox a:hover .tr {background-image: url(images/nav_active_tr.jpg);}	
					/* Active Styles */
					
					#navbox a.activeTab {background: #393e43; margin-top: -4px; padding-top: 4px; font-weight: bold; }
					
					#navbox a.activeTab .tl, #navbox a.activeTab:hover .tl {background-image: url(images/nav_tl.jpg);}
					
					#navbox a.activeTab .tr, #navbox a.activeTab:hover .tr {background-image: url(images/nav_tr.jpg);}	
					
	
/* DROP DOWN SUBNAVIGATION: =subNavigation
----------------------------------------------- */

	ul#navigation li ul#subnav{
	   padding: 0px;
	   margin: 0px;
	}

	ul#navigation li li{
	   display: block;
	   float:left;
	   background: none;
	   padding: 0px;
	   margin: 0px;
	   width: auto;	   
	   height: auto;
	   list-style-image: none;
	   list-style-type: none;
	   list-style:none;
	   border-right: 0px;
	}

	ul#navigation li li a,  
	ul#navigation li li a:link,
	ul#navigation li li a:visited {
	   background-color: #393e43;
	   background-image: none;
	   display: block;
	   color: #f2dddb;	   
	   padding: 4px 12px;
	   margin: 0px;
	   width: 156px;
	   height: 22px;
	   font-size: 100%;
	   font-weight: normal;
	}

	ul#navigation li li a:link:hover,
	ul#navigation li li a:visited:hover {
	   background-color: #41484d;
	   background-image: none;
	   color: #ffffff;	   
	   padding: 4px 12px;
	   margin: 0px;
	   width: 156px;
	   font-weight: normal;
	}

	li ul#subnav { /* second-level lists */
	   background-color:#393e43;
	   background-image: none;
	   display: none;
	   position: absolute;
	   top:  0px;
	   left: 0px;
	   z-index: 8;
	   clear:both;
	   width:180px;
	   margin: 0px;
	   padding: 0px;
	}
	

	li>ul#subnav  { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	   top: 31px;
	   left: auto;
	}

	li:hover ul#subnav, 
	li.over ul#subnav { /* lists nested under hovered list items */
	   display: block;
	}

	
	
	#topTabs {position: absolute; top: 5px; right: 42px;}
		#topTabs ul {list-style: none;}
			#topTabs ul li a {display: block; float: left; color: #fff; text-decoration: none; position: relative; height: 27px; background: #c22401;}
				#topTabs a .topLink {padding: 3px 18px 3px 18px; display: block;}	
				#topTabs .br {display: block; background: url(images/top_tabs_br.jpg) no-repeat; height: 4px; width: 4px; position: absolute; bottom: 0px; right: 0px; z-index: 100;}
				#topTabs .bl {display: block; background: url(images/top_tabs_bl.jpg) no-repeat; height: 4px; width: 4px; position: absolute; bottom: 0px; left: 0px; z-index: 100;}
				#topTabs a:hover {background: #e72a00 url(images/top_tabs_bg.jpg) repeat-x bottom left; }
					#topTabs a:hover .bl {background-image: url(images/top_tabs_hover_bl.jpg);}
					#topTabs a:hover .br {background-image: url(images/top_tabs_hover_br.jpg);}
				
				/* Active Styles */				
				#topTabs a.topActiveTab {background: #e72a00; margin-bottom: -4px; padding-bottom: 3px; font-weight: bold; }
					#topTabs a.topActiveTab .bl, #topTabs a.topActiveTab:hover .bl {background-image: url(images/top_tabs_active_bl.jpg);}
					#topTabs a.topActiveTab .br, #topTabs a.topActiveTab:hover .br {background-image: url(images/top_tabs_active_br.jpg);}
	
	#homeBannerWrap, #bannerWrap {background: #99d3e4 url(images/home_blue_repeat.jpg) repeat-x;}
	#homeBanner{ background: url(images/home_blue_scene0.jpg) no-repeat top right;}
	
	#homeBannerWrap {height: 299px;}
	#banner {background: url(images/blue_banner.jpg) no-repeat; height: 74px;}
	.banner1 {height: 299px;}
	
	#banner h2 {color: #232629; font-size: 185%; padding: 25px;}
	

	#homeContent {padding: 0px; margin: 0px; width: 996px; height:299px;}
		
		#homeContent img.sectionPhoto {float:right; display:block; margin:0px; padding:0px; height: 299px;  clear:both; z-index:100;}
		
		#homeContent h2 {font-size: 180%; padding: 27px 549px 10px 0px; text-align: center; line-height: 105%;}
		#homeContent h3 {font-size: 108%; margin: 0px 549px 15px 0px; padding:0px; text-align: center; text-transform: uppercase; color: #54616b; font-weight: normal;}
		
		.resources {margin: 0px 0px 0px 22px; padding:0px; width:408px; height:152px; z-index:2;}
		.resources li {list-style: none; float: left; margin-right: 4px; margin-bottom: 4px; width: 131px; height: 47px;}
		.resources li a {color: #363941; font-weight: normal; line-height: 16px; background: url(images/home_button_sprite.png) no-repeat; text-decoration: none; outline: none; display: block; height: 47px; text-align: center; font-size:90%; cursor:default;}
		.resources li a span {display: block; padding-top: 8px;}
		.resources li a:hover {background-position: left bottom; text-decoration: none; font-weight: bold;}
	
	div.learnMore {margin:0px 0px 0px 22px; padding: 0px; width:408px;}	
	
	#learnMoreBtn {display: block; font-weight: bold; text-decoration: none; color: #fff; text-align: center; background: url(images/learn_more_sprite.jpg) no-repeat; height: 31px; width: 254px; margin: 10px auto 0px auto; position: relative; z-index: 50;}
	#learnMoreBtn span {display: block; padding-top: 6px;}
	a#learnMoreBtn:hover {background-position: left bottom;}
	
	#mainContentWrap {background: url(images/home_green_repeat2.jpg) repeat; color: #fff;}
		#mainContentTop {background: url(images/green_bg_top.jpg) no-repeat center top; }
		#mainContentExtra {background: url(images/green_bg_repeat.jpg) repeat-y center top;}
		#mainContent {padding-top: 35px;}
		#mainContentTop .intPad {padding-top: 16px; }
		#mainContent p {margin-bottom: 15px;}
		
		#contentDetails {float: left; width: 388px; line-height: 18px; margin: 0px 100px 25px 22px;}
		#mainContent ul {margin-top: 5px; margin-left: 15px; line-height: 19px; margin-bottom: 20px;}
		#mainContentWrap h2 {font-size: 165%;}
		#sideContentDetails {float: left; width: 420px; margin: 0px 0px 25px 0px;}
		.readMoreBtn {text-decoration: none; padding: 8px; background: #597830;}
	.content a, #intContent .content a {color: #8dd4f1; text-decoration: none; font-weight: bold;}
	.content a:hover, #intContent .content a:hover {text-decoration: underline;}
	
	#intContent {position: relative; background: #f7f9f5 url(images/topshadow.jpg) repeat-x top left;}
	#intContent .tl, #intContent .tr, #intContent .bl, #intContent .br {display: block; position: absolute; height: 5px; width: 5px;}
	#intContent .tl {background: url(images/int_content_tl.jpg) no-repeat; left: 0px; top: 0px;}
	#intContent .tr {background: url(images/int_content_tr.jpg) no-repeat; right: 0px; top: 0px;}
	#intContent .bl {background: url(images/int_content_bl.jpg) no-repeat; left: 0px; bottom: 0px;}
	#intContent .br {background: url(images/int_content_br.jpg) no-repeat; right: 0px; bottom: 0px;}
	
	.intContentWrap {padding: 25px; color: #393e43;}
	.intContentWrap h3 {color: #b42302; font-size: 150%; line-height: 120%; margin-bottom: 15px;}
	.intContentWrap h4 {font-size: 105%; line-height: 125%; margin-top: 30px; text-transform: uppercase;}
	#intContentMain {float: left; width: 610px;}
	
	#intContentMain p {line-height: 135%;}	
	#intContentMain p.logos img {padding: 12px 24px 6px 0px; border: 0px;}
		
	#intContentMain p.vendors {padding: 20px; background: #ffffff; text-align:center;}		
	#intContentMain p.vendors img {padding: 12px 24px 6px 0px; border: 0px;}
	
	.imgDetails {float: right; text-align: center; margin: 25px 0px; line-height: 14px; color: #7e8283; position: relative; width:145px;}
	
	.imgDetails img {padding: 3px; border: solid 2px #91dbff; margin-left:25px;}
	#intContentMain .imgDetails p {margin-bottom: 5px; font-size:88%; line-height:115%; padding: 0px 0px 6px 25px; }
	
	#intContent a {color: #3189af;}
	
	.callout { margin-top: 35px; background: url(images/calloutBottom.jpg) repeat-x bottom left; }
	#intContentMain .callout p {margin:0px; padding: 10px; color: #2e2e2e; text-transform: uppercase; font-weight: bold; font-size:92%; line-height:125%; background: url(images/calloutTop.jpg) repeat-x top left;}
	
	
	#intContentSide {float: right; width: 280px; text-align: center;}
	.sideGraphic {width: 280px;  position: relative; margin-top: -41px; color: #6c7072; margin-bottom: 30px;}
	#intContentSide .sideGraphic p {margin-bottom: 3px; line-height: 14px;}
	.sideGraphic p { color: #6c7072; font-size:88%; line-height:115%; padding: 0px 40px 4px 40px; }
	.sideGraphicItalic { font-style:italic; font-weight:normal; color: #9b9c9c;}
	
	.redBox {position: relative; background: #941b00; width: 246px; margin-right: auto; margin-left: auto; color: #fff; font-size: 13px; text-align: left;}
	.redBoxContent {padding: 20px 20px 4px 20px;}
	.redBox p {line-height: 16px;}
	
	#intContentSide .tl, #intContentSide .tr, #intContentSide .bl, #intContentSide .br {display: block; position: absolute; height: 5px; width: 5px;}
	#intContentSide .tl {background: url(images/int_red_tl.jpg) no-repeat; left: 0px; top: 0px;}
	#intContentSide .tr {background: url(images/int_red_tr.jpg) no-repeat; right: 0px; top: 0px;}
	#intContentSide .bl {background: url(images/int_red_bl.jpg) no-repeat; left: 0px; bottom: 0px;}
	#intContentSide .br {background: url(images/int_red_br.jpg) no-repeat; right: 0px; bottom: 0px;}
	
	
	#footerWrap {background: url(images/footer_repeat.jpg) repeat-x; height: 222px; font-size: 90%;}
		#footerWrapExtra {background: url(images/footer_bg.jpg) no-repeat top center; height: 222px;}
		#topFooter {margin-bottom: 80px; padding-top: 35px; width: 860px; margin-right: auto; margin-left: auto;}
		#topFooter ul li {float: left; color: #e4e3e4; list-style: none; margin-right: 25px; padding: 10px 25px 10px 0px; border-right: solid 1px #363636;}
		#topFooter strong {margin-right: 5px;}
		#topFooter .noBorder {border: none; margin-right: 0px; padding-right: 0px;}
		
		#bottomFooter {text-align: center; color: #576876; line-height: 19px;}
		#bottomFooter a {color: #585858;}
		
		a.credit {font-weight:normal; font-size:90%; }