/* CSS Document */
body { margin: 0; padding: 0;
font-family: verdana, helvetica, sans-serif;
background-color:#999;
color:#000000;
text-align: center;  /* this line is a hack for an older version of IE; it works with the "wrapper" div */ 
}

#wrapper {
width: 1020px;
background: url(/images/wrapperbg.gif) top left repeat-y;
margin: 0 auto;  /* this line centers the wrapper, except in some old version of IE */
text-align: left;   /* this line counteracts the hack in the body declaration */
}	
	

/*HEADER*/
#header {width:1000px; background:#ccc url(/images/headerbg.gif) bottom left no-repeat; overflow:hidden; padding:10px 0; margin-left:10px; border-top: 1px solid #666;}
#tagline {width:1000px; clear:left; margin:10px auto 2px auto; overflow:hidden; font-size:11px; }
span.tag_left {float:left; width:auto; padding-left:10px; clear:left;}
span.tag_right { float:right; width:auto; padding-right:10px; }



/*MAIN NAVIGATION*/
#navcontainer {float:left; clear:left; margin:0; padding:0 5px 5px 5px; width:990px;}
#navcontainer img.logo {width:180px; float:left; border:0; padding-left:10px;}
#navcontainer #navlist {padding:0; margin:28px 0 12px 15px; float:right; }
#navcontainer #navlist li { display: inline; padding: 6px 12px 6px 12px; border-right: 1px solid #999999;}
#navcontainer #navlist li a, #navcontainer #navlist li a:link, #navcontainer #navlist li a:visited {text-decoration: none; color:#000000; font-size: 14px; }
#navcontainer #navlist li.last {border-right:0;}
#navcontainer ul#navlist li a:hover, #navcontainer ul#navlist li a:active {border-bottom: 3px solid #ffcc00;}

#navcontainer #navlist #current a {border-bottom: 3px solid #ffcc00; font-weight:bold; }

/*SUBNAV - TABS*/

/*#subnav {float:left; clear:left; margin:20px 0 0 0; padding:0;}*/
#subnavtabs {width:682px; float:left;}
#subnavtabs ul { padding:8px 0 8px 0; margin:30px 0 0 0;  border-bottom:1px solid #999;}
#subnavtabs ul li {display: inline;}
#subnavtabs ul li a:link,#subnavtabs ul li a:visited {padding: 6px 12px 8px 12px; text-decoration: none; font-size: 14px; border-top:1px solid #999; border-right:1px solid #999; border-left:1px solid #999;}

#subnavtabs ul li a:hover, #subnavtabs ul li a:active  {padding: 6px 12px 8px 12px; text-decoration: none; font-size: 14px; border-top:1px solid #999; border-right:1px solid #999; border-left:1px solid #999; color:#ffcc00;}

#subnavtabs ul li#subcurrent a {border-bottom:2px solid #fff;}


/*PAGE CONTENT*/
#content {  margin-left:20px;}
#main-text {float:left; text-align: left; width: 660px; padding:10px;  margin:30px 0 0 0; /*border: 1px solid #999;*/}
#main-text2 { float:left; text-align: left; width: 660px; padding:10px;  margin:0 0 0 0; border-right:1px solid #999;
border-left:1px solid #999; border-bottom:1px solid #999;}

#main-text img, #main-text2 img { border:1px solid #666666; margin:0 8px 8px 0; padding:5px; float:left;}
#main-text ul, #main-text2 ul {font-size:13px;}
#main-text a:link a:visited, #main-text2 a:link a:visited {text-decoration:none; color:#666666;}

#main-text a:hover a:active, #main-text2 a:hover a:active {text-decoration:none; color:#FFCC00;}
#main-text h3, #main-text2 h3 {display:block; border-bottom: 1px solid #ccc; padding-top:5px;}
span.return_top a {text-transform:uppercase; font-size:11px; color:#666; float:right;}
dt {font-size:15px;}

p.quote {background: url(/images/quote.gif) top left no-repeat; padding: 15px 0 0 40px; margin-bottom:40px;}

#contact_rail { float:right; width:250px; margin: 35px 20px 0 0; padding:0 5px 5px 10px;}
.rail_item { padding:5px; margin: 5px 0; background:#ccc url(/images/pagecorner.gif) bottom right no-repeat;}
#contact_rail h3 { color: #333; margin:0;}

#contact_rail p { padding:5px 0 0 8px; margin-top:0; color:#333; }

#contact_rail p a {color:#333;}



/*FOOTER*/
#footer {text-align:center;  width:1000px; padding: 5px 0; margin-left:10px; background:#ccc; border-bottom: 1px solid #666; }
#footer p {width:280px; font-size:11px; color:#333; height:20px;  background: url(/images/esop.gif) no-repeat; padding:2px 0 0 5px; margin: 0 auto; }

/*BASIC PAGE STYLES*/
h1 {
font-size: 20px;
color: #333333;
margin-top:10px;
margin-left: 0;
padding-left:0;
}

h2 {
font-size: 24px;
color: #333333;
margin-top:5px;
margin-left: 0;
padding-left:0;
}

h3 {
font-size:14px;
}

p {
font-size:13px;

}


.clear { clear:both; }
.right {float:right;}
.left {float:left;}

a:link{ color:#000000; text-decoration:underline;}
a:visited{color:#000000; text-decoration:underline;}
a:hover {color:#ffcc00; text-decoration:underline; }
a:active { color:#ffcc00; text-decoration:underline; }


th {
font-size: 13px;
text-align:left;
}

td {
font-size: 12px;
color: #000000;
text-align: left;
}

#flashmovie {
width: 500px;
height: 350px;
margin: 0 10px 10px 10px;
}


/*LIGHTBOX CSS*/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(/images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(/redesign/images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/overlay.png", sizingMethod="scale");
	}