body{ margin:6px 0px 0px 0px; padding:0px; background:#ffffff url(../images/bg.gif) repeat-x top left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#585858}
h1, h2, h3, h4, h5, h6, p, ul, li, form{ margin:0px; padding:0px; font-weight:normal}
.clear{ clear:both}

#container{ width:100%; height:auto}
#outer{ width:891px; height:auto; margin:0px auto; float:none; background:url(../images/page-bg.gif) no-repeat top left}
#page-holder{ width:863px; height:auto; margin:0px auto; float:none}
h2{ font-size:12px; font-weight:bold; color:#0382AC}
.blue{color:#0182AA}

/************ Gateway *************/
#outer-gateway{width:882px; height:545px; margin:0px auto; background:url(../images/gateway-bg.jpg) no-repeat top left;}
#header-gateway{width:863px; height:135px; margin:0px auto; background:url(../images/gateway-header.gif) repeat-x top left; text-align:center}
#header-gateway img.logo{ margin-top:34px}
#header-gateway p.welcome{ color:#ffffff; font-size:11px; font-weight:bold; margin-top:20px;}

#gray-texture{width:862px; height:350px; margin:0px auto; background:url(../images/gateway-txture.jpg) top left; border-bottom:2px solid #11a2d0; text-align:center; padding-top:40px;}


/************ Header *************/
#header{ width:863px; height:101px; float:none;}

#header #logo-holder{ width:302px; height:101px; float:left;}
#header #logo-holder img{ margin:34px 0px 0px 20px}

#header #toplinks-holder{ width:560px; height:101px; float:left;}
#toplinks-holder a{ font-size:11px; color:#585858; text-decoration:none; padding-left:17px;}
#toplinks-holder a:hover{ color:#FF6C00; text-decoration:none}
#toplinks-holder a.home{ background:url(../images/icon-home.gif) no-repeat left; margin-right:11px;}
#toplinks-holder a.sitemap{ background:url(../images/icon-sitemap.gif) no-repeat left; margin-right:11px;}
#toplinks-holder a.contact{ background:url(../images/icon-mail.gif) no-repeat left}
#toplinks-holder a.search{ padding:0px}

#toplinks-holder input{ width:108px; height:13px; background:#ffffff; border:1px solid #DCDBDC; margin-right:9px; padding-top:3px; font-size:11px; color:#585858;}
#toplinks-holder label{ font-size:11px; color:#585858;}

#toplinks-holder p.links{ text-align:right; margin:36px 21px 0px 0px;}
#toplinks-holder p.search{ text-align:right; margin:26px 21px 0px 0px;}


/************ Top Navigation *************/
#nav{ width:859px; height:33px; background:url(../images/nav-bg.gif) repeat-x left bottom; float:none; padding-left:2px; margin:0px auto; _margin-left:2px}
#nav ul li{ float:left; list-style:none; height:33px;}
#nav ul li a{ float:left; display:block; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; text-decoration:none; font-weight:bold; padding:11px 11px 9px 11px;}
#nav ul li a:hover{ color:#ffffff; text-decoration:none; background:url(../images/nav-over-bg.gif) repeat-x top left;}


/************ Banner *************/
#banner{width:861px; height:242px; margin:1px; float:none; _margin-left:2px}
#banner #flash{ width:627px; height:242px; float:left}
#banner #blog{ width:202px; height:213px; border-top:11px solid #DEDCDD; float:left; padding:15px 21px 0px 11px}
#blog h1{ font-weight:bold; color:#0382AC; font-size:16px; margin-bottom:16px;}
#blog p{ font-weight:bold; color:#0382ac; font-size:11px; line-height:16px; margin-bottom:12px;}
#blog p span{ font-weight:normal; color:#919191; font-size:10px;}

#blog p a{ color:#0382ac; text-decoration:none;}
#blog p a:hover{ color:#0382ac; text-decoration:underline;}

/************ Content section *************/
#content{width:861px; height:auto; margin:1px; background:url(../images/content-bg.gif) repeat-x top left; float:left; line-height:19px;}
#content p.more{ text-align:right; margin-top:13px;}

#content #left{width:567px; height:auto; padding:31px 14px 0px 36px; background:url(../images/content-divider.gif) no-repeat right 52px; float:left}
#left h1{ margin-bottom:22px;}

#content #right{width:201px; height:auto; padding:55px 5px 0px 16px; float:left}
#right h1{ font-weight:bold; color:#0382AC; font-size:15px; margin-bottom:19px;}
#right p{display:block; text-align:center; margin-top:7px;}
#content #right a{ color:#0382ac; text-decoration:none; font-size:11px; font-weight:bold; text-align:center; line-height:16px;}
#content #right a:hover{ color:#0382ac; text-decoration:underline;}

#content .showcase{ width:766px; height:232px; background:url(../images/showcase-bg.gif) no-repeat top left; float:none; margin:15px 0px 0px 23px; padding:14px 30px 0px 40px}
.showcase .first{ width:250px; background:url(../images/content-divider.gif) no-repeat right 30px; height:200px; float:left; padding-right:15px}
.showcase .second{ width:220px; background:url(../images/content-divider.gif) no-repeat right 30px; height:200px; float:left; margin-left:25px}
.showcase .third{ width:215px; height:200px; float:left; margin-left:25px;}
.showcase h2{margin-bottom:4px;}
.showcase a{color:#0382AC; text-decoration:none;}
.showcase a:hover{color:#0382AC; text-decoration:underline;}


/************ Footer *************/
#footer{width:100%; height:auto; background:url(../images/footer-bg.gif) repeat-x top left; float:none; padding:37px 0px 25px 0px; color:#ffffff}
#footer p{width:810px; margin:0px auto}
#footer a{font-size:11px; color:#ffffff; text-decoration:none;}
#footer a:hover{font-size:11px; color:#ffffff; text-decoration:underline;}


/************* Subpage styles ************/
#title-bar{ width:851px; height:32px; background:url(../images/title-bar-bg.gif) repeat-x left bottom; float:none; margin:0px auto; _margin-left:2px; padding:12px 0px 0px 10px;}

#sub-content{width:861px; height:auto; margin:1px 1px 0px 1px; background:url(../images/left-bg.gif) repeat-y top left; float:left; line-height:19px;}
#sub-content .content-btm-img{width:861px; height:auto;}
#sub-content .content-btm-img img.btm{margin-top:0px;}

#sub-content p.more{ text-align:right; margin-top:13px;}

#sub-content #sub-left{width:189px; height:auto; padding:26px 0px 0px 11px; float:left;}

#sub-content #sub-left ul.left-nav{ list-style:none}
#sub-content #sub-left ul.left-nav li{ width:167px; border-bottom:1px dashed #7CB8D0}
#sub-content #sub-left ul.left-nav li a{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#585858; text-decoration:none; display:block; width:167px; padding:4px 0px 5px 13px; background:url(../images/left-nav-bg.gif) no-repeat left 9px;}
#sub-content #sub-left ul.left-nav li a:hover{ color:#00789F; text-decoration:none;}
#sub-content #sub-left h1{ margin-bottom:22px;}

#sub-content #sub-right{width:650px; height:auto; margin-left:11px; float:left;}
#sub-content #sub-right p.outerframe{ margin-left:34px; margin-right:20px}
#sub-content #sub-right h1{ font-weight:bold; color:#0382AC; font-size:13px; margin:11px 0px 19px 34px;}
#sub-content #sub-right h2{ margin:11px 0px 19px 34px; font-size:11px; color:#7C7C7C}
#sub-content #sub-right span.hd{ margin:11px 0px 19px 0px; font-weight:bold; font-size:12px; color:#7C7C7C}
#sub-content #sub-right span.sml-txt{ font-size:11px; line-height:18px;}

#sub-content #sub-right ol{ padding:0px; margin:0px 20px 0px 57px;}
#sub-content #sub-right ol li{ padding:0px; margin-bottom:9px;}

#sub-content #sub-right a{color:#0182AA; font-weight:normal; text-decoration:none;}
#sub-content #sub-right a:hover{color:#4096ED; text-decoration:none;}

#sub-content #sub-right a.video{color:#0182AA; font-weight:normal; text-decoration:none; background:url(../images/icon-video.jpg) no-repeat left top; padding:10px 0px 30px 40px; line-height:30px}
#sub-content #sub-right a.video:hover{color:#4096ED; text-decoration:none;}

#sub-content #sub-right ul{ list-style:none;}
#sub-content #sub-right ul li{ list-style:none;}

#sub-content #sub-right h1.top{margin:25px 0px 0px 34px;}
#sub-content #sub-right h1.sub{margin:0px 0px 0px 34px;}

table.loft{border-top:1px solid #cccccc; border-left:1px solid #cccccc;}
table.loft td{border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; padding:2px 0px 2px 4px;}


/************** FAQ ******************/
#sub-content #sub-right h1.faq-top{margin:25px 0px 6px 35px;}
#sub-content #sub-right h1.faq{margin:20px 0px 6px -31px; padding:0px;}

#sub-content #sub-right ol.faq{ padding:0px; margin:0px 20px 0px 66px;}
#sub-content #sub-right ol.faq li{ padding:0px; margin-bottom:0px;}

a.faq{color:#585858 !important; font-weight:normal; text-decoration:none;}
a.faq:hover{color:#4096ED !important; text-decoration:none;}


/************** Request Info ******************/
form.request-info{padding:0px; margin:0px; font-size:11px;}
.request-info .txt-box{ width:200px; height:15px; border:1px solid #abadb3; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#585858; margin:0px;}
.request-info select.menu{ width:204px; height:19px; border:1px solid #abadb3; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#585858; margin:0px;}
.request-info select.list{ width:204px; border:1px solid #abadb3; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#585858; margin:0px;} 
.request-info .submit{ width:72px; height:26px; border:none; background:url(../images/btn-submit.gif) no-repeat top left; cursor:pointer} 

.request-info .sml-txt{ font-size:11px; line-height:16px;}

/************** site Map ****************/
ul.site-map{ padding:0px; margin:0px 20px 0px 36px;}
ul.site-map li{ padding:0px; margin-bottom:4px; background:url(../images/left-nav-bg.gif) no-repeat left 11px; padding:6px 0px 3px 13px;}
ul.site-map li a{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#585858 !important; text-decoration:none;  }
ul.site-map li a:hover{ color:#4096ED !important; text-decoration:none;}

ul.site-map li ul{ padding:0px; margin:0px 20px 0px 36px;}
ul.site-map li ul li{ padding:0px; margin-bottom:0px; background:url(../images/double-arrow.gif) no-repeat left 10px; padding:2px 0px 0px 13px;}

ul.site-map li ul li ul li{ padding:0px; margin-bottom:0px; background:url(../images/single-arrow.gif) no-repeat left 10px; padding:2px 0px 0px 9px;}