/* Colors Used
#888888
#D6ECFC,#BADCEE,#96C4E5,#2E90CD,#338DCD, #2273AC
*/

/* ***************************************
   Default styles
   *************************************** */

/* Reset Base Styles */
html, body, img, h1, h2, h3, h4, h5, h6, p{margin: 0;padding: 0;border: 0;outline: 0;}

/* remember to define focus styles! */
:focus {outline: 0;}
ol, ul {list-style: none;}
em, i {font-style:italic;}

/* tables still need cellspacing="0" (for ie6) */
table{border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;	font-weight: normal;vertical-align: top;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
th{background:#dfefff;font-weight:bold;}

/* Clear Float  ClearFix*/
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;	height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {	display: block;}
* html .clearfix {	height: 1%;}

body {text-align:left;margin:0 auto;padding:0;font: 11px verdana,arial normal;color: #555555; background:#EFEFEF;}
a {color: #C00202;	text-decoration: none !important; -moz-outline-style: none;outline: none;}
a:visited{}
a:hover {color: #444444;text-decoration: underline;}
img,img a, form{border:0;}

p{line-height:150%;margin:2px 0;}

h1, h2, h3, h4, h5, h6{color: #2273AC;font-family:arial;}
h1{font-size:150%;}
h2{font-size:130%;}
h3{font-size:110%;}

input{border:1px solid #338DCD;color:#2E90CD;padding:5px 5px;}
input.button{background:#4298D1; color:#FFF;}


/* ***************************************
   Common Classes
   *************************************** */
.tube0t{padding-top:0px !important} .tube0r{padding-right:0px !important} .tube0b{padding-bottom:0px !important} .tube0l{padding-left:0px !important}
.tube5t{padding-top:5px !important} .tube5r{padding-right:5px !important} .tube5b{padding-bottom:5px !important} .tube5l{padding-left:5px !important}
.tube8 {padding:8px;}  .tube8x {padding-left:8px;  padding-right:8px;}   .tube8y {padding-top:8px;  padding-bottom:8px;}
.tube12{padding:12px;} .tube12x{padding-left:12px; padding-right:12px;}  .tube12y{padding-top:12px; padding-bottom:12px;}
.tube15{padding:15px;} .tube15x{padding-left:15px; padding-right:15px;}  .tube15y{padding-top:15px; padding-bottom:15px;}
.tube20{padding:20px;} .tube20x{padding-left:20px; padding-right:20px;}  .tube20y{padding-top:20px; padding-bottom:20px;}

.tube5{padding:5px;}
.tube10{padding:10px;}
.tube40{padding:30px;}
.spotlight-tube{padding-top:110px;text-align:center;}
.spotlight-scroll{margin:60px auto 0;width:96%;}
/* ***************************************
    PAGE LAYOUT - MAIN STRUCTURE
*************************************** */
.pagewidth{border-left: 1px solid #EEE;border-right:1px solid #EEE; margin: 0 auto;}

#maincontainer{background-color: #465F31;}
#header-wrapper{}
#center-wrapper{ line-height:190%;}
#footer-wrapper{}

#center-box{background: #FFFFFF;}

#footer{background:#fff;}

.float-tube{overflow:hidden;}

div.three-col-rightsl, div.three-col-center, div.three-col-right, div.two-col-right, div.two-col-left{padding:0px;margin:0px;}

.two-col-left #spotlight-home{clear:both; background:url(spotlight-bg.png); height:425px;}
#content-linkscol{margin:0; background: url('contentlayer-bg.png') top center repeat-x;overflow:hidden;width:980px;}
#content-linkscol h3{color:#FFFFFF;}
#content-linkscol ul{margin:0;padding:0;}
#content-linkscol li{background: url('list_img.png') center left no-repeat; padding-left:25px; margin-bottom:5px; font-weight:bold;font-size:130%;font-family:Arial, Helvetica, sans-serif}
#content-linkscol a{text-decoration:none; color: #FFFFFF;}
#content-linkscol a:hover{color:#333333;}

#content-linkstube{width:760px;margin:0 auto;}
#content-column1{width:300px;float:left;0px;border-right:#9FD065 0px solid;}
#content-column2{width:260px; float:left;}
#content-column3{width:200px;float:left;border-left:#9FD065 0px solid;}

.two-col-left #spotlight{clear:both; display:none;}
.two-col-left #content-column{margin:0 0 0 23%;border-left:1px solid #CCC;background:url(content-bg.png) center top no-repeat;}
.two-col-left #side-left{float:left;width:23%;}
.two-col-left #side-right{float:right; width:29%;display:none;}


#bottom-navbar{clear:both; background:#fff url('bottom-nav-bg.png') repeat-x; height:8px; color:#FFFFFF; text-align: center;}
#bottom-navbar a{color:#FFFFFF; font-size:12px;}




#spotlight{clear:both; background:#6DAA43; height:25px; color:#FFFFFF;}
#spotlight a{ color:#FFFFFF; font-size:12px;}



div.two-col-right{}
.two-col-right #spotlight{clear:both;}
.two-col-right #content-column{margin:0 29% 0 0px;}
.two-col-right #side-left{float:left;width:29%;display:none;}
.two-col-right #side-right{float:right; width:29%;}

div.three-col-right {}
.three-col-right #spotlight{clear:both;}
.three-col-right #content-column{margin:0 50% 0 0;}
.three-col-right #side-left{float:right;width:23%;}
.three-col-right #side-right{float:right; width:27%;}

div.three-col-center {}
.three-col-center #spotlight{clear:both;}
.three-col-center #content-column{margin:0 25% 0 20%}
.three-col-center #side-left{float:left;width:20%;margin:0px;}
.three-col-center #side-right{float:right; width:25%; margin:0px;}

div.three-col-rightsl {}
.three-col-rightsl #spotlight{margin:0 0px 0px 0;float:right; width:100%;}
.three-col-rightsl #cols{width:40%;float:right}
.three-col-rightsl #content-column{margin:0 40% 0 0;}
.three-col-rightsl #side-left{float:right;width:45%;margin:0px; }
.three-col-rightsl #side-right{float:right; width:55%; margin:0px;}

/****************************************
           Header and Footer
*****************************************/

/******* Header Elements ************/
#header{background: #FFFFFF;}
#header-top{height:40px;background: url(header-topbg.png);border-bottom:1px solid #EEE;}
#header-top h3{color: #FFFFFF; text-align: center;}
#logo{float:left;}
#logo img{width: 256px;height: 78px; padding:15px 0 20px 15px;}
#header-sl{width: 600px; float: right; text-align: right;}

#toplinks{clear:both; float:right;color:#9B9B9B;}
.toplinks-text a{ color: #666666;}
.toplinks-text a:hover{ color: #666666; text-decoration:underline;}
.toplinks-text{padding:0px 40px 0px 40px;display:block;}
.toplinks-text span{float: left;display:block;overflow:hidden;width:180px;text-align:right;}


#searchBox{float:right; width: 300px; text-align:right;}
#searchBox input{margin:30px 20px 0px 0px;padding:2px;width:150px;border:1px solid #5BAADC;color:#588AB0;background:#fff url('search-bg.png') center right no-repeat;font-size:11px;}

/********* Footer ************/
#footer{}
#footerrow2{background:#fff url(footerlayer.png) bottom center repeat-x;}
#footerrow2 img{padding:10px 30px 15px 10px;height:45px;}
#footerrow3{overflow:hidden;clear:both;}
#footer h1{color:#666666;}
#footer h4{color:#639F3B;}
#footer-links{margin:0 170px 0 170px;text-align:center;padding:2px 0; display:none;}
#footer-left{float:left;width:400px;margin:0px; text-align:left; color:#639F3B; padding:15px 10px 10px 10px;}
#footer-right{float:right; width:500px; margin:0px; text-align:right; color:#639F3B;}
#footer-right a{color:#639F3B;}
#footer-right img{height:40px;padding:3px 10px;}
#footer-bottom{clear:both; display:none;}

#footerrow1 {border-bottom:1px solid #DDD;}
#footerrow1 ul{padding:25px 0;list-style:none;width:740px;margin:0 auto;overflow:hidden;}
#footerrow1 ul li{margin:0;padding:0;display:inline;}
#footerrow1 a{float:left;display:block;width:185px;padding:5px 0;font-size:125%;font-family:Arial, Helvetica, sans-serif;}
#footerrow1 ul li img{height:18px;vertical-align:bottom;padding-right:5px;}
#credits-wrapper{border-top:1px solid #CCC; background:#EFEFEF;}
#credits{text-align:right;padding:5px 0;}

/******************************************
          Navigations
*******************************************/

/******** Header Nav ***********/
#headerNav{background: #E6F2FA url('tabs-bg.png') 0px 0px repeat-x;clear:both; display:block; height:30px;}
ul.nav-header {list-style:none; margin:0px; padding:0px; width:auto; z-index:2; overflow:visible; float:left;}
ul.nav-header li{display:inline;}
ul.nav-header li a{display:block;float:left;color:#fff;border-right:1px solid #666666;}
ul.nav-header li a:hover{text-decoration:none;color:#fff; background:#4298D1 url('tabs-bg.png') 0px -30px repeat-x;}
ul.nav-header li span{display:block;padding:5px 10px 6px;}
ul.nav-header li.nav-selected a,ul.nav-header li.nav-selected a:hover{color:#FFFFFF;background:#CCCCCC url('tabs-bg.png') 0px -60px repeat-x;;}
ul.nav-right {float:right;}
ul.nav-right li a{border-right:0px;border-left:1px solid #666666;}

/******** Vertical Nav ***********/
ul.vertical-nav {list-style:none; margin:0px; padding:0px; width:auto; z-index:2;border-bottom:2px dotted #D6ECFC;}
ul.vertical-nav li{display:inline;}
ul.vertical-nav li a{display:block;color:#FFFFFF;border-top:2px dotted #D6ECFC;padding:5px 8px;}
ul.vertical-nav li a:hover{text-decoration:none;color:#FFFFFF; background:#E8F3FA;}
ul.vertical-nav li span{}
ul.vertical-nav li.nav-selected a,ul.vertical-nav li.nav-selected a:hover{color:#FFFFFF;background:#CCCCCC url('tabs-bg.png') 0px -50px repeat-x;}


#totop{position:fixed;;bottom:25px;width:100%;z-index:1000;}
#totop span{width:890px;margin:0 auto;display:block;font-size:120%;}
#totop a{width:100px;display:block;color:#CD3300;float:right;border:1px dotted #CD3300;text-align:center;padding:3px 5px;}
#totop a:hover{color:#fff;background:#CD3300;}