@charset "utf-8";
/* CSS Document */
/* Clear Fix */
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/*Layout*/
body{background:url(../images/bg.jpg) no-repeat center top #FDF9ED; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:0 auto;}
a{text-decoration:none; outline:none;}
.wrapper{width:960px; margin:0 auto; padding:0;}
.flLeft{float:left;}
.flRight{float:right;}
.mg0010{margin-bottom:10px;}
.mg0020{margin-bottom:20px;}
.p0010{ padding-left:10px;}
.p0020{ padding-left:20px;}

.logo{width:960px;  padding-top:10px; margin-bottom:5px;}

.banner{ margin:0; padding:0; background:#000; height:360px; float:left;}


.navigation{background:url(../images/main-nav-bg.jpg) repeat-x; width:960px; height:45px;}
.navigation ol{ margin:0 20px;}
.navigation ol li{ list-style:none;  font-size:14px; display:block; display:inline-block; float:left; background:url(../images/link-devider.jpg) right 8px no-repeat; margin-top:5px;}
.navigation ol li a{color:#FFF; text-decoration:none; padding:5px 30px; display:block; display:inline-block; font-family:"Franklin Gothic Medium";}
.navigation ol li a:hover, ol li a.current{color:#FFBE00; display:block; display:inline-block; padding:5px 30px;}

#pgHome .home, #pgAbout .about, #pgGallery .gallery, #pgFaq .faq, #pgFixed .fixed, #pgRisk .risk, #pgResponsible .responsible, #pgContact .contact{color:#FFBE00;} 
.navigation ol li.bgNone{background:none;}

.rightNav{background:#000;  float:left; width:240px; height:360px; font-family:"Franklin Gothic Medium";}
.rightNav ol{ margin-left:0;}
.rightNav ol li{  list-style:none;  background:url(../images/icons/symbol.jpg) no-repeat 85px top; border-bottom:1px #FCA901 solid; display:block; display:block; color:#809344; padding:5px 5px 10px 5px;  width:190px; height:75px; margin:5px 15px 20px 20px; text-align:right; }

.rightNav ol li a p{ margin-left:5px; color:#666; text-decoration:none; font-size:11px;}
.rightNav ol li:hover a p{ margin-left:5px; color:#fff; text-decoration:none; font-size:11px;}
.rightNav ol li:hover{border-bottom:1px #FCA901 solid; color:#FFF; text-decoration:none; display:block; width:190px; height:75px;}



.rightNav ol li a .head{ color:#D9D9AF; text-decoration:none; display:block; font-size:18px; margin-left:5px;}
.rightNav ol li:hover a .head { color:#D9D9AF; text-decoration:none; display:block; margin-left:5px; font-size:18px;}

.rightNav ol li a .head1{color:#E2F3E7; text-decoration:none; display:block; margin-left:5px; font-size:24px;}
.rightNav ol li:hover a .head1 a{color:#FFF; text-decoration:none; display:block;margin-left:5px; font-size:24px;}

.rightNav img{padding:5px;}

/* subLinks */
.rightNav .subLinks{padding-top:15px; display:block; background:#000; width:300px; opacity:0.8; filter: alpha(opacity=80);  position:absolute; padding:0; #padding-top:15px; margin:-5px 0 0 -305px; #margin:-93px 0 0 -500px; #background-position:top right; display:none; clear:both; z-index:999;}

.rightNav .subLinks ul{background:#000; opacity:0.8; filter: alpha(opacity=80); padding:10px; display:block; float:left; width:230px;}
.rightNav .subLinks ul li{ list-style:none;  background:url(../images/list-icon.png) left 15px no-repeat; padding:10px 15px; margin-left:5px; height:0; border-bottom:none;  text-align:left;}
.rightNav .subLinks ul li a{color:#fff; text-decoration:none; margin:10px 0; padding:0; font-size:14px; font-family:"Franklin Gothic Medium";}
.rightNav .subLinks ul li a:hover{text-decoration:underline; background:none; margin:10px 0;}
.rightNav .subLinks ul li.brd{border:none;}
.rightNav .subLinks ul h2{ color:#FFFDDD; font-size:18px; text-align:left;}

.pageArea{ margin:0; padding:0; width:960px; background:#F8F8F1;}
.LeftPanel{padding:5px; width:180px; float:left; margin:0;}
.LeftPanel h5{font-size:16px; color:#92741C; margin:15px; font-family:"Franklin Gothic Medium";}

.fix{height:350px; margin:5px 0; float:left; overflow: -moz-scrollbars-vertical; overflow-x: hidden; overflow-y: scroll; padding:0 20px 20px 0; width:180px;}

.fix ol{margin:5px; font-size:12px; float:left; width:170px;}
.fix ol li{ list-style:none;  background:url(../images/fix-departure-bg.jpg) repeat-x left top #F0F0F0; border:1px #fff solid; width:160px; padding:10px 5px; margin:5px;}

.fix ol li p{padding:5px 5px;}
.fix ol li a{ color:#333333;}
.fix ol li a:hover{ color:#009933;}

.gtxt{color:#31862F; padding:0; margin:0;}

.MiddlePanel{width:500px; float:left; margin:0 15px;}
.MiddlePanel h5{font-size:16px; color:#92741C; margin:20px 0 0 20px; font-family:"Franklin Gothic Medium";}
.MiddlePanel p{ padding:5px 20px; font-size:12px; color:#666;}

.MiddlePanelContent ul{ margin-left:8px;}
.MiddlePanelContent ul li{ list-style:none;  background:url(../images/middle-bg.png) no-repeat; display:inline-block; padding:5px; margin:5px; height:300px; font-size:11px; color:#666; width:144px; float:left; }
.MiddlePanelContent .textSec{ height:53px; margin:0; padding:0;}
.MiddlePanelContent h3{ color:#002201; margin:5px; font-size:15px;}
.MiddlePanelContent h3 a{ color:#002201;font-size:15px;  text-decoration:none;}
.MiddlePanelContent h3 a:hover{ color:#993300; font-size:15px; text-decoration:none;}
.MiddlePanel p a{ color:#993300; text-decoration:none; font-size:13px;}
.MiddlePanel p a:hover{color:#996600; text-decoration:underline; font-size:13px;}


.RightPanel{ width:210px; float:left; margin:20px 10px;}
.speci{background:url(../images/right-bg.jpg) repeat-x #E6F1D6; border:1px #75C044 solid; padding:5px 10px; width:180px; margin-left:5px;}
.speci h5{font-size:16px; color:#92741C; margin-left:0 0 0 10px; font-family:"Franklin Gothic Medium";}
.speci ul{ padding:5px;}
.speci ul li{ list-style:none;  background:url(../images/list-icon.png) left 10px no-repeat; padding:5px 15px; border-bottom:1px #ABB99B dotted; color:#333; font-size:11px;} 
.speci ul li a{color:#333; text-decoration:none;}
.speci ul li a:hover{color:#333;  text-decoration:underline;}

.footer{ width:960px; background:#F8F8F1; padding-bottom:10px;}
.bottom{width:920px; padding:10px; background:url(../images/testi-bg.jpg) no-repeat; height:73px; margin:0 20px;}

/* FEATURED ARTICLE ROTATOR */

#divRotator{margin:0; width: 720px; height: 350px; font-size:12px; float:left;}
#divRotator .slide{position: relative; width:  720px; height: 350px;;}
#divRotator .featured{ top:326px; left:10px; position: absolute; }
#divRotator .featured span{font:Arial, Helvetica, Verdana, sans-serif; font: 23px; color:#FFF;  font-weight:bold;}
#divRotator .featured p{font:Arial, Helvetica, Verdana, sans-serif; font-size:15px; color: #fff;  }
#divRotator .featured a:link,
#divRotator .featured a:visited,
#divRotator .featured a:visited:hover,
#divRotator .featured a:hover,
#divRotator .featured a:active{color: #D6A659; font: bolder 1.2em Arial, Helvetica, Verdana, sans-serif; text-decoration: none;}
#divRotator .caption{width: 268px; height: 74px; position: absolute; top: 78px;right: 0; -moz-opacity: .80; opacity: .80;background: #FFF;}
#divRotator .caption p{font: bolder 1.4em Arial, Helvetica, sans-serif; padding: 22px;}

.rotator_box { width: 720px; height: 365px; position: relative; float:left; }
.featured_menu_box { position:absolute; bottom:20px; left:600px; width:258px; overflow:hidden; padding:8px 0 0 0; z-index:999;  margin-top:150px;  }
.featured_menu_box h2 { float:left; color:#ffffff; margin:4px 0 0 0; text-transform:uppercase; line-height:1em; font-size: 1.2em; display: inline;}
#rotatorNumberedMenu { overflow: hidden;}
#rotatorNumberedMenu a {background:#fff; border: 1px solid #FCEED7; text-decoration: none; margin-right: 4px; padding: 3px 5px; font-size:90%; line-height:1em; color: #000; display: block; float: left; }
#rotatorNumberedMenu a:hover { background:#ffbe00; color:#FCEED7; }
#rotatorNumberedMenu a.activeSlide { background: #ffbe00; color:#000; }
#rotatorNumberedMenu a.activeSlide:hover { background: #ffbe00; color:#000; }

.footerLinks{ color:#BBCC5B; width:960px; margin:10px 0; float:left; }
.powered{ margin-right:20px;}
.powered a{text-decoration:none; color:#BBCC5B;}
.powered a:hover{text-decoration:underline; color:#BBCC5B;}
.links{ width:960px; margin:20px 0; color:#72A525;}
.links a{text-decoration:none; color:#72A525; padding:10px;}
.links a:hover{text-decoration:underline; color:#72A525; padding:10px;}
.fixedDep a:link{ color:#92741C;}
.fixedDep a:hover{ color:#630;}