body{
 padding:0;
 margin:0 0;
 background-image:url(index_bg.gif);
 background-color: #ffffff;
 font-family: "Verdana", Arial, Helvetica, sans-serif;
 font-size:12px;
 background-repeat: repeat-x;
 }

a { text-decoration: none; }
a:hover { text-decoration: underline; }
a.noline:hover { text-decoration: none; }

.clear { clear: both; }
.float_right { float: right; }
.float_left { float: left; }
.marginR_10 { margin-right: 10px; }
.padding_10 { padding: 10px; }
.padding_20 { padding: 20px; }
.paddingL_10 { padding-left: 10px; }
.paddingR_20 { padding-right: 20px; }
.paddingbtm_10 { padding-bottom: 10px; }
.width_380 { width: 380px; }
.img_border { border: 1px solid #cbcbcb; padding: 2px; }

.bold { font-weight: bold; }
.color_FFFFFF { color: #FFFFFF; }
.color_FF0000 { color: #FF0000; }/* red */
.color_004365 { color: #004365; }/* blue */
.color_001f4b { color: #001f4b; }/* dark blue */
.color_909090 { color:#909090; }/* light grey */
.color_575757 { color:#575757; }/* dark grey */
.color_e84200 { color: #e84200; }/* dark orange */
.color_ff8000 { color: #ff8000; }/*  orange */
.color_046004 { color: #046004; }/*  green */
.size_10 { font-size: 10px; }
.size_11 { font-size: 11px; }
.size_14 { font-size: 14px; }
.size_14b { font-size: 14px; text-decoration:bold; }
.size_16 { font-size: 16px; text-decoration:bold; }
.size_18 { font-size: 18px; }
.textalign_right { text-align: right; }
.align_center { width: 100%; text-align: center; }

#articlearea a { color: #ff8000; text-decoration: none; }
#articlearea a:hover { color: #ff8000; text-decoration: underline; }

#wrapper{
 width:1008px; 
 height:auto; 
 margin:0 auto;
 }
 
/*HEADER*/
 
#header{
 width: 1008px;
 height: 130px;
 } 

#headertop{
 width:1008px;
 height:86px;
 float:left;
}


.logoleft{
 width: 713px;
 height: 86px;
 float:left;
 }
 
.logoright{
 width: 295px;
 height: 25px;
 float:right;
 }


#headerbottom{
 width:1008px;
 height:36px;
 float:left;
}

.topleft_nav{
 width: 822px;
 height: 36px;
 float:left;
 font-family:"Verdana", Geneva, sans-serif;
 font-size:12px;
 font-weight:normal;
 color:#ffffff;
 }
  
.topleft_nav ul{
  padding: 13px 0px 7px 0;
  margin: 0;
}

.topleft_nav ul li{
  display: inline;
  padding: 2px 10px 1px 0;
}

.topleft_nav ul li a{
  color: #ffffff;
  padding: 0px 3px 4px 3px;
  text-decoration: none;
}

.topleft_nav ul li a:hover, .topleft_nav ul li a.selected{
  color:#008ccf;
}

#topright_search{
 width: 184px;
 height: 36px;
 padding-left:0px;
 float: right;
}

fieldset.search {
   border: none;
   width: 177px;
   height: 23px;
   padding: 10px 0px 0px 0px;
}
.search input, .search button {
   border: none;
   float: left;
}
.search input.box {
   color: #000000;
   font-size: 12px;
   width: 150px;
   height: 23px;
   /* background:#001421 url(searchfield.png) no-repeat; */
   padding-left: 4px;
   background: #e2e2e2;
}
.search input.box:focus {
   /* background: url(searchfield.png) no-repeat left; */
   outline: none;
}
.search button.btn {
   width: 22px;
   height: 23px;
   cursor: pointer;
   float:left;
   /* background: #001421 url(searchbtn.gif) no-repeat left; */
   background: url(searchbtn.gif) no-repeat left;
}

.img { border-style: none; }


/*Slider and Menu*/
#menuslider{
 padding:10px;
 margin:0 auto;
 width:975px;
 height:350px;
 background-image:url(mainmiddle_bg.gif);
 background-color: #ffffff;
 background-repeat: repeat-x;
 }


#slider_wrapper{
 width:975px;
 height:auto; 
 margin:10px;
 }

#slider_leftmenu{
 width: 215px;
 height:auto;
 float:left;
 padding::0 0;
 margin:0;
 }
 
 
  #leftmenu1 {
   width: 196px;
   margin: 0px auto;
   padding: 3px;
   background: #FFF; 
   border: 1px solid #CCC;
   float:left;
  }

  .leftlistmenu{
   width: 196px; /*width of menu*/
   height:auto;
   background: #004365;
   }

  .leftlistmenu ul{
   list-style-type: none;
   margin: 0;
   padding:6px 2px 6px 3px;
   }

  .leftlistmenu ul li{
   padding-bottom: 2px; /*bottom spacing between menu items*/
   }

  .leftlistmenu ul li a{
   color: #b6e5ff;
   display: block;
   padding: 5px 10px 8px 10px;
   padding-left: 6px; /*link text is indented 19px*/
   font-weight:bold;
   border-bottom: 1px solid #226486;
   text-decoration: none;
   font-size: 12px;
   font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
   }

  .leftlistmenu ul li a:visited{
   color: #ffffff;
   font-weight:bold;
   }

  .leftlistmenu ul li a:hover{ 
   color: #57b8ed;
   font-weight:bold;
   }

 

#slider_right{
 width:760px;
 height:auto;
 float:right;
 }



  #sliderbox {
   width: 740px;
   margin: 0px auto;
   padding: 5px;
   background: #FFF; 
   border: 1px solid #CCC;
  }

  h3 {
   margin: 0;
   padding: 1px 0 0 0;
   font-size: 12px;
  }
  
  h4 {
   margin: 0;
   margin-bottom: 0px;
   font-size: 16px;
   color: #003853;
   font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
   text-transform: uppercase;
  }


  div#feature_list {
   width: 726px;
   height: 300px;
   overflow: hidden;
   position: relative;
  }

  div#feature_list ul {
   position: absolute;
   top: 0;
   list-style: none;
   padding: 0;
   margin: 0;
  }

  ul#tabs {
   right: 0;
   margin-top: 10px;
   z-index: 2;
   width: 226px;
  }

  ul#tabs li {
   font-size: 9px;
   padding: 0 0 0 0px;
   font-family: Arial;
  }

  ul#tabs li img {
   padding: 5px;
   border: none;
   float: left;
   margin: 5px 5px 0 0;
  }

  ul#tabs li a {
   color: #222;
   text-decoration: none;
   display: block;
   padding: 10px;
   height: 17px;
   outline: none;
  }

  ul#tabs li a:hover {
   text-decoration: none;
  }

  ul#tabs li a.current {
   background:  url('feature-tab-current.png');
   color: #FFF;
  }

  ul#tabs li a.current:hover {
   text-decoration: none;
   cursor: default;
  }

  ul#output {
   left: 0;
   width: 516px;
   height: 315px;
   position: relative;
  }

  ul#output li {
   position: absolute;
   width: 516px;
   height: 315px;
  }

  ul#output li a {
   position: absolute;
   bottom: 15px;
   left: 0px;
   padding: 8px 12px;
   text-decoration: none;
   font-size: 12px;
   font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
   color: #000;
   background: #fff;
   filter: alpha(opacity=70);
          -moz-opacity: 0.7;
          -khtml-opacity: 0.7;
          opacity: 0.7;
   -moz-border-radius: 0px;
  }

  ul#output li a:hover {
   background: #e5e5e5;
  }


/*Body content*/

#content{
 margin:0 auto;
 width:1008;
 padding:10px;
 margin-top:20px;
 }

#content_wrapper{
 width:800px;
 height:auto;
 float:left;
}

.banner{
 width:220px;
 padding-left:5px;
 height:auto;
 float:left;
 }

.content_left{
 width: 350px;
 height:auto;
 float:left;
 font-size: 13px;
 color: #4c4c4c;
 font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
 }

.content_space{
 width: 10px;
 height:auto;
 float:right;
 }

.content_right{
 width: 320px;
 height:auto;
 float:right;
 font-size: 13px;
 color: #4c4c4c;
 font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
 }


/*Article content*/

#contentbox {
 width: 740px;
 margin: 0px auto;
 padding: 5px;
 background: #FFF;
 border: 1px solid #9dbecf;
 }

 .article_montage {
  width: 729px;
  height: 107px;
  float:left;
  background: url(article_montage.png) no-repeat left;
  }

#articlearea {
 font-family:"Trebuchet MS",Verdana,Arial,sans-serif;
 font-size:14px;
 font-weight:normal;
 color:#000000;
 line-height:16px;
 padding:10px 20px;
 }

 #link_break{
  width: 600px;
  margin-top:3px;
  height:auto;
  float:right;
  font-size: 10px;
  color: #003b60;
 }

  .link_break ul{
  padding: 5px 0px 20px 0;
  margin: 0;
  }

  .link_break ul li{
  display: inline;
  padding: 2px 0px 1px 0;
  }

  .link_break ul li a{
  color: #003b60;
  font-size: 11px;
  padding: 0px 3px 4px 3px;
  text-decoration: none;
  }

  .link_break ul li a:hover, .topleft_nav ul li a.selected{
  color:#008ccf;
  }

  .break_arrow { padding: 0px 0px 2px 0px; background: url(arrow.gif) no-repeat left; }


 #article_title{
  color:#003b60;
  font-family:"Verdana, Arial", Helvetica, sans-serif;
  font-size:20px;
  font-weight: bold;
 }


/*signupemail*/
#signup{
 width:196px;
 margin: 0px auto;
 padding: 3px;
 background: #FFF; 
 border: 1px solid #CCC;
 float:left;
 }
 

#signupbody{
 width:196px;
 height:auto;
 background: #FFF;
 }
 
#signcontent{
 font-family:"Trebuchet MS",Verdana,Arial,sans-serif;
 font-size:12px;
 font-weight:normal;
 color:#4e4e4e;
 line-height:14px;
 padding:10px 6px;
 }
 
.input {
 width:155px;
 height:12px;
 background: #e2e2e2;
 border: 1px solid #595959;
 margin: 10px 5px 6px 2px;
 padding: 8px 3px;
 font-size:11px;
}

.button {
 width:75px;
 height:22px;
     border: none;
     margin-left:2px;
     font-family:"Trebuchet MS",Verdana,Arial,sans-serif;
     font-size:12px;
     color:#FFF;
     background: #004a6b;
 cursor: pointer;
}

/*Footer*/
#footer{
 padding:0;
 margin:0 auto;
 width:100%;
 height:auto;
 background-image:url(footer_bg.gif);
 background-color: #464646;
 background-repeat: repeat-x;
 }
 
#footer_wrapper{
 width:1000px; 
 height:100px;
 margin:0 auto;
 }
 
#footer_links {
 width:480px;
 padding-top:18px;
 height:auto;
 float:left;
 font-family:"Verdana", Geneva, sans-serif;
 font-size:11px;
 color:#FFF;
 }
 
 .footer_link {
  color: #ffffff;
  padding: 0px 1px 1px 1px; 
  text-decoration: none;
  }
  
 .footer_link_blue {
  color: #80f5ff;
  padding: 0px 1px 1px 1px; 
  text-decoration: none;
  }


#footer_iso{
 width:420px;
 height:auto;
 float:right;
 }
 
 #footer_copyright{
  width:400px;
  height:auto;
  text-align:right;
  padding-top:10px;
  padding-left:19px;
  font-family:"Verdana", Geneva, sans-serif;
  font-size:11px;
  color:#FFF;
  line-height:16px;
  }
 
.clear{
 clear:both;
}

 


