/* Imports
----------------------------------------*/
@import url("reset.css");


/* Skips 
---------------------------------------*/
#spareparts {display:none;}
 .skip {display: none;}
a.skip {display: none;}
#axs {display:none;}
#cc  {display:none;}



/* Body Globals Elements
----------------------------------------*/
body 
{

	color:#444444;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;  /* Tip: Treat this as 10pt. */
}


body {

	background-color: #005a82;
	margin: 0 auto;
	font: 14px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	padding: 0 20px

}
 
 







/* Layout
----------------------------------------*/


#container_wrap {width:890px;margin:0 auto;text-align:left; background:#ffffff url(../images/pagewall.gif) repeat-y;}

#container_wraphome {width:890px;margin:0 auto;text-align:left; background:#ffffff url(../images/pagewall.gif) repeat-y;}



#header {width:877px;height:36px;margin:0; margin-left:6px; background:transparent url(../images/searchwall.gif) repeat-x;}
#header h1 a  {display:block; position:relative; left:0; top:0; width:200px; height:35px; text-indent:-9999px; border:0; background:transparent url(../images/header.gif) no-repeat; float:left;}
 


#pagebanner {width:890px;height:60px;background:#025394 url(../images/bannerback1.gif) no-repeat;}

#pagebanner h2 {color:#ffffff;padding:20px 0 0 10px;}



#page { width:890px; margin:0; padding:0; }



#nav_column {width:240px;margin:0;padding:0;float:left;}

#nav_column p {font-size:1.0em;line-height:1.4em; padding:2px 10px;}



#content_column { 
width:600px; 
margin:0; 
padding:0 0 0 20px; 
float:left; 
}

#content_column {
line-height: 1.65;
}

#content_home { 
width:640px; 
margin:0; 
padding:0; 
float:left; 
}


#feature_story {padding:15px 10px 10px 15px; margin:4px; border:1px solid #efefef;
font-size:13px; line-height:18px; font-family:garamond, georgia, times, serif; background:#ffffff url(../images/featuredstory.gif) no-repeat top left;}

#feature_story h2 {
color: #333;
font-size: 32px;
line-height: 1.2em;
margin: 4px 0 4px 0;
padding: 0;
letter-spacing:-1px;}


#overflow_column {width:1px;margin:0;padding:0;float:right;}




/* slideshow feature */

#feature {
margin:0 0 0 6px;
width:877px; 
height:230px; 
background:#ffffff url(../../feature1.jpg) no-repeat top left;
}

#feature2 {
margin:0 0 5px 6px;
width:877px; 
height:230px; 
background:#ffffff url(../../feature2.jpg) no-repeat top left;
}



#example {
	position: relative;
	border: 0;
	width: 877px;
	height: 230px;
}

.slide-image {
	position: absolute;
	top: 0;
	padding: 0px;
	width: 877px;
	height: 230px;
	background-color: #ffffff;
	background-position: top left;
	background-repeat: no-repeat 
}

  
/* slideshow feature */





#projects {width:220px; margin:5px 9px; background:#8aafca url(../images/projectwall.gif) no-repeat top left;}

#projects h3 {color:#ffffff; margin:0; margin-left:20px; font: bold 13px Arial, sans-serif !important; }

#projects p {color:#186a8e;  margin-left:12px; font-family: Arial; font-size: 1.0em; line-height:1.2em;}



#projects2 {width:220px; margin:5px 9px; background:#8aafca url(../images/localcwall.gif) no-repeat top left;}

#projects2 h3 {color:#ffffff; margin:0; margin-left:20px; font: bold 13px Arial, sans-serif !important; }

#projects2 p {color:#186a8e;  margin-left:12px; font-family: Arial; font-size: 1.0em; line-height:1.2em;}




/* Footer
----------------------------------------*/
#footer
{
	clear: both;
	padding: 10px 0 4px 0;
	background: #a5c4d9;
	width: 878px;
	margin:0 0 5px 6px;
	background:#a5c4d9 url(../images/footer.gif) no-repeat;
	border-bottom:1px solid #ffffff;
	}


#footer p 
{
	color:#51758d;
	margin:10px 10px 0 10px;
	font: normal 11px Arial, sans-serif !important;
}


 


 
 
 




/* Vertical column nav
----------------------------------------*/


#vnavwrap {margin:0; padding:0; margin-left:6px;}

#vnav ul
{
margin: 0;
padding: 0;
list-style-type: none;
width:228px;
}


 
#vnav a
{
display:block;
height:22px;
padding:0;
margin:0;
font-size:12px;
padding:6px 0 0 10px;
color: #266fa0;
background-color: transparent;
text-decoration: none;
background: transparent url(../images/bluedot.gif) repeat-x 
}

#vnav a:link, #vnav a:visited {color: #266fa0;text-decoration: none;}

#vnav a:hover, #vnav a:active {background-color: #cedce6; color:#ffffff;}

.more {background: transparent url(../images/morearrow.gif) no-repeat top right;  color:#ffffff;}

#vnav ul .subnav li {padding: 0 0 0 10px; background-color: #dee8ee; }


#vnavwrap_project {margin:0; padding:0; margin-left:0px;}

#vnav_project ul
{
margin: 0;
padding: 0;
list-style-type: none;
width:219px;
}


 
#vnav_project a
{
display:block;
height:22px;
padding:0;
margin:0;
font-size:12px;
padding:6px 0 0 10px;
color: #266fa0;
background-color: transparent;
text-decoration: none;
background: transparent url(../images/dotwhite.gif) repeat-x 
}

#vnav_project a:link, #vnav_project a:visited {color: #266fa0;text-decoration: none;}

#vnav_project a:hover, #vnav_project a:active {background-color: #cedce6; color:#ffffff;}

 




 
 
 

/* Ajax Search
----------------------------------------*/

label {
padding:1px;
margin:1px;
}



#ajaxSearch_form fieldset {
position: relative;
left: 380px;
top: 3px;
height:32px;
width:280px;
margin: 0;
padding: 0;
float:left;
border:0;
}

#ajaxSearch_input {
margin:0;
padding:0;
height:24px;
width:220px;
float:left;
color: #222222;
border:0;
font-size: 11px;
line-height:11px;
top:2px;
}

#ajaxSearch_submit {
  width: 41px;
  height:29px;
  margin: 0 0 0 4px;
  padding:0;
  border: 0;
  background:url(../images/searchbutton.gif) no-repeat;
  text-indent:-9999px; 
  font-size:1px;
  color:#a2a4ac;
  text-decoration: none;
}

label {line-height:0;margin:0; padding:0;}


/* the box */
.ajaxSearch_result {padding:20px; margin:0; border:0; background:transparent url(../images/searchresultswall.jpg) no-repeat top left;}

/* intro blurb */
p.ajaxSearch_resultsInfo {font-weight:normal; font-size:12px; text-indent:0; color:#222222;}   
.ajaxSearch_resultExtract p {color:#222222;}   

.ajaxSearch_highlight {font-weight:bold; border-bottom:1px dotted #dddddd;}
.ajaxSearch_resultLink {font-weight:bold; color:#448995;}
.ajaxSearch_resultLink.a:hover {font-weight:bold; color:#ff6600;}

.ajaxSearch_paging {height:10px;}




/* Email Sign Up
---------------------------------------*/
#listserv { clear:both; width:215px; margin:10px 0 20px 10px; border:1px solid #ffffff;}


label.hidden {
    display: none;
}

.kaput {
margin:0;
padding:0;
margin-top:0px;
margin-left:20px;
height:22px;
width:170px;
color: #1a1a1a;
border:1px solid #eeeeee;
border-top:1px solid #B1D0EF;
border-left:1px solid #B1D0EF;
font-size: 11px;
}


.kaputbutton {
width:172px;
height:44px;
margin-left:25px;
margin-top:10px;
}
 

#listserv p.caption {color:#186a8e; padding:0; margin:15px 20px; font-family: Arial; font-size: 1.0em; line-height:1.1em; }





/* Basics
----------------------------------------*/
 
 

p
{
	margin: 0 0 1em 0;

}

/*--- Link Styles ---*/
a:link, a:visited
{
	color:#015987;
}

a:hover, a:active
{
	color:#5c8200;
	text-decoration:none;
	background: transparent url(../images/bluedot.gif) repeat-x bottom left;

}

h1
{
	color:#554d4d;
	font-size:2.0em;
}

h2
{
	color:#5c8200;
	font-size:1.20em;
	margin-top:15px;
}

h3
{
	color:#A52009;
	margin:.825em 0 .5em 0;
	font-size:1.15em;
}

h4
{
	color:#554d4d;
	margin:.825em 0 .5em 0;
	font-size:1.1em;
}

h5
{
	color:#554d4d;
	margin:.825em 0 .5em 0;
	font-size:1.0em;
}

h6
{
	color:#554d4d;
	margin:.825em 0 .5em 0;
	font-size:1em;
}

ul
{
	list-style-type:none;
}

ol
{
	margin-left:25px;
	
}

blockquote	{margin: 0 0 20px 20px;}
strong		{font-weight:bold;}
em		{font-style:italic;}


/* Standard Definitions
----------------------------------------*/
.left 		{float:left;}
.right 		{float:right;}
.fr 		{float:right; margin:5px 10px;}
.fl 		{float:left; margin:5px 10px;}
.clear     	{clear:both;height: 20px; line-height: 0.0; font-size: 0;}
.small		{font-size:.825em;}
.large		{font-size:1em;}
.soft		{color:#D3D3D3;}
.hide		{display:none;}
p.last		{margin-bottom:0px;}



/* Tables
----------------------------------------*/
table { border: 0;  margin-bottom: 1.6em; }
th, td { padding: .8em;  }
 




 


 
 

/* jquery clickable blocks */

 .pane-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.pane-list li {
	background: #ffffff;
	padding: 5px 20px 5px;
	border-top: solid 1px #eeeeee;
	cursor: pointer;
}
.pane-list li:hover {
	background: #ffcc00;
}



 .bullets {
	margin: 0;
	padding: 0;
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:8px;
}

.bullets li {
	padding: 0;
	margin: 0;
	padding-left:15px;
	background: url(../images/bullet_blue.png) no-repeat -2px 3px;
	margin-bottom:2px;
}
  
  
  
  
  
 .redstar {
	margin: 0;
	padding: 0;
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:8px;
}

.redstar li {
	padding: 0;
	margin: 0;
	padding-left:15px;
	background: url(../images/redstar.png) no-repeat -2px 3px;
	margin-bottom:2px;
}
  
    
  
  
 .orangestar {
	margin: 0;
	padding: 0;
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:8px;
}

.orangestar li {
	padding: 0;
	margin: 0;
	padding-left:15px;
	background: url(../images/orangestar.png) no-repeat -2px 3px;
	margin-bottom:2px;
}
  
    
  
 .bluestar {
	margin: 0;
	padding: 0;
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:8px;
}

.bluestar li {
	padding: 0;
	margin: 0;
	padding-left:15px;
	background: url(../images/bluestar.png) no-repeat -2px 3px;
	margin-bottom:2px;
}
  
    
  
  
  
  
  
/*  horizontal text nav */


#hnavwrap { margin:5px 5px;padding:10px 10px;float:left; width:580px; border:1px solid #eeeeee;
}
 
ul#hnavlist {
position:relative;
top:0px;
left:0;
margin:0px;
padding: 0px;
border:0;
}

#hnavlist li
{
list-style-type: none;
}

#hnavlist a { 	text-decoration: none; padding:2px 8px; font-size:11px; background:transparent;}

#hnavlist a:link, #hnavlist a:visited {color: #015987;}
#hnavlist a:hover { color: #5c8200;}
  
  
  
  
  .headingbreak {padding:20px 0 0 4px; margin:0;}
  
  
  
  
  
 /* New Home Page Elements -- */


.carouselmain {border:0;padding:0 0 0 10px;}
 
.jCarouselLite {
     height:290px;
     width:640px;
     margin:10px auto;
     background-color:#ffffff;
}

.jCarouselLite ul {list-style-type:none; padding:0; margin:0;background-color:#ffffff;}

.pony {width:184px; height:290px; background-color:#ffffff; padding:2px; margin:0 6px; font-size:11px; line-height:16px; font-family:arial, tahoma, sans-serif;float:left;}

h4 {text-transform:uppercase; font-weight:bold; font-size:11px; color:#222; display:inline;}

a, .pony a, .pony a:visited {text-decoration:none; color:#316ea1; border:0; }

a, .pony a:hover {text-decoration:none; color:#ff6600; border:0; }

img {border:0;}


.prev {
     font-size:11px; line-height:15px; font-family:myriad, 'myriad pro', tahoma, arial;
     float:left;
     padding-top:10px;
}

.next {
     font-size:11px; line-height:15px; font-family:myriad, 'myriad pro', tahoma, arial;     
     float:right;
     padding-top:10px;
}
 
 
 



/* =Clear Floated Elements
--------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clear:after
{
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clear
{
	display: inline-block;
}

* html .clear
{
	height: 1%;
}

.clear
{
	display: block;
}



#headernsearch {width:877px;height:34px;margin:0; margin-left:6px; background:transparent url(../images/headernsearch.jpg) no-repeat;display:block;}

#headernsearch h1 {display:block;width:240px; height:34px;  border:0; float:left;}
#headernsearch h1 a  {display:block;text-indent:-9999px;width:240px; height:34px;  border:0; float:left; text-decoration:none;}
#headernsearch a:link, #headernsearch a:visited, #headernsearch a:hover, #headernsearch a:active {text-decoration:none;}
 


#ajaxSearch_form_new {
display:block;
height:34px;
width:300px;
margin: 2px 0 0 0;
padding: 0;
float:right;
border:0;
}

#ajaxSearch_form_new fieldset {
border:0;
}

#ajaxSearch_input_new {
margin:0;
padding:0 0 0 10px;
height:25px;
width:245px;
float:left;
color: #222222;
border:0;
font-size: 11px;
line-height:11px;
background:transparent;
border:0;
}

#ajaxSearch_submit_new {
  width: 40px;
  height:30px;
  margin: 0;
  padding:0;
  border: 0;
  background:url(../images/spacer.gif) no-repeat;
  text-indent:-9999px; 
  font-size:1px;
  text-decoration: none;
}

 
/* Navigation 2.0
-------------------------------------------------------------- */
#navGraphic {
  line-height: 1;
  z-index: 998; 
  width: 877px; 
  background:#ffffff url(../images/pnav.gif) no-repeat; 
  height: 29px;
  position: relative;
  padding:0;
  margin:0 0 0 6px;
} 
/* apply background to underlying nav to prevent old IE flicker http://www.alistapart.com/articles/sprites */

#navGraphic a {
	background: url(../images/pnav.gif) no-repeat 0 0;
	display: block;
	height: 29px;
	text-indent: -999em;
	overflow: hidden;
	margin-right: 0;
}



#navGraphic a:hover {
  border-bottom:0;
}

#navGraphic li { float: left; position: relative;}
* html #navGraphic li * { position: relative; }
#navGraphic li, #navGraphic ul { margin: 0; padding: 0; list-style-type:none; }
	


/*--- Up ---*/
#pnav1 a { background-position: 0 0; width: 60px;}
#pnav2 a { background-position: -60px 0; width: 95px; }
#pnav3 a { background-position: -155px 0; width: 170px; }
#pnav4 a { background-position: -325px 0; width: 150px; }
#pnav5 a { background-position: -475px 0; width: 175px; }
#pnav6 a { background-position: -650px 0; width: 150px; }
#pnav7 a { background-position: -800px 0; width: 75px; }
     

/*--- Over ---*/
#pnav1 a:hover { background-position: 0 -29px; width: 60px;}
#pnav2 a:hover { background-position: -60px -29px; width: 95px; }
#pnav3 a:hover { background-position: -155px -29px; width: 170px; }
#pnav4 a:hover { background-position: -325px -29px; width: 150px; }
#pnav5 a:hover { background-position: -475px -29px; width: 175px; }
#pnav6 a:hover { background-position: -650px -29px; width: 150px; }
#pnav7 a:hover { background-position: -800px -29px; width: 75px; }


/*--- ON ---*/
#pnav1 .on1 { background-position: 0 -58px; width: 60px;}
#pnav2 .on2 { background-position: -60px -58px; width: 95px; }
#pnav3 .on3 { background-position: -155px -58px; width: 170px; }
#pnav4 .on4 { background-position: -325px -58px; width: 150px; }
#pnav5 .on5 { background-position: -475px -58px; width: 175px; }
#pnav6 .on6 { background-position: -650px -58px; width: 150px; }
#pnav7 .on7 { background-position: -800px -58px; width: 75px; }



/*--- Dropdowns ---*/
#navGraphic li.over ul { left: 0; display: block;}
#navGraphic li li {
  float: none; 
  position: static; 
  padding: 0px 5px;
  width: 190px;
}

#navGraphic li li a, #navGraphic li li a:hover, #navGraphic li li a:active {
  background: none;
  height: auto;
  padding: 4px 7px;
  text-indent: 0;
  font-size: 12px; 
  width: 176px;
}




/* backgrounds applied */

#navGraphic li li a:hover { background: #eee; }

#navGraphic li ul {
  background: #fff url(/elements/images/bg_dropdown.jpg) repeat-x;
  border-bottom: 0px solid #000;
  display: none;
  line-height: 1.5;
  padding: 5px 0;
  position: absolute;
  top: 43px;
  width: 200px;
  z-index: 9999;
}




 
#promoleft {
  background: #fff url(/assets/images/promoleft_gored.jpg) no-repeat;
  border: 0;
  line-height: 1.5;
  padding: 5px 0;
  margin:0 0 0 5px;
  width: 418px;
  height:148px;
  overflow:hidden;
  display:block;
  float:left;
}
  
#newslettersignup {
  background: #fff url(/elements/images/newslettersignup.jpg) no-repeat;
  border: 0;
  line-height: 1.5;
  padding: 0;
  width: 212px;
  height:148px;
  overflow:hidden;
  display:block;
  float:right;
}
  
  
.signup {
margin:0;
padding:0;
margin-top:50px;
margin-left:20px;
height:28px;
width:170px;
color: #1a1a1a;
border:1px solid #eeeeee;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
font-size: 11px;
}


.signupbutton {
width:182px;
height:44px;
margin-left:15px;
margin-top:10px;
border:0;
}