/********************************      Basic Structure      ********************************/
html { height: 100%; margin-bottom: 1px; /* Always show a scrollbar to avoid jumping when the scrollbar appears  */}
body { margin:0; padding:0; background:url(../images/bg.jpg) repeat-x top left #f3f3f3;  margin: auto; }
a {
  color: #333;
}


/********************************      General Classes      ********************************/
.clear {clear: both;}
.left {float: left;}				
.right {float: right;}
strong { font-weight:bold;}
.align_left { text-align:left;}
.align_right { text-align:right;}
.align_center { text-align:center;}
.pad_left_20 { padding-left:20px;}
.pad_right_20 { padding-right:20px;}

/********************************      Main Classes      ********************************/

#container {
 margin: auto;
 width: 980px;
 border-top:5px solid #184F4F;
 background-color:#FFF;
}

/********************************      Header Classes      ********************************/
#header { padding-top:0px; padding-bottom:0px;} 
#logo { margin-top: 0px;  width:702px;   }
#logo h1 { display: block; float: left; width: 187px; height: 126px; text-indent: -9999px; padding:0; margin:0; margin-left:162px;}
#logo h1 a { display: block; width: 100%; height: 100%; outline: none; background: url(../images/logo.jpg) no-repeat 0 0;  padding:0; margin:0;}
#logo h2 { display: block; float: left; width: 353px; height: 126px; text-indent: -9999px; padding:0; margin:0;background: url(../images/slogan.jpg) no-repeat 0 0; }

#header img { margin:47px 0 0 127px;}


/********************************      Navigation Classes      ********************************/

/*#navigation { width: 204px; margin-top: 0px; float:left;  background:url(../images/menu_delims.jpg) no-repeat  top left; }
.nav-links {  width:204px; margin-left:0px;}
.nav-links li { margin: 0px 30px 0 0px;  min-height:40px; padding-left:9px; line-height:40px; background:url(../images/menu_arrow.jpg) no-repeat left ;}
.nav-links li a { color: #333333; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size:14px;   }
.nav-links li a:hover {  }
.nav-links li:hover {    }
.nav-links li:hover a{   }
.nav-links li.active { background-color:#EFEFEF;}
.nav-links li.active a{  color:#399191;  }
.nav-links .line_height_20 { line-height:20px; background:url(../images/menu_arrow.jpg) no-repeat left 5px ; margin:0 30px 10px 0px;}
*/
#navigation { width: 204px; margin-top: 0px; float:left;  }
.nav-links {  width:204px; margin-left:0px;}
.nav-links li { margin: 0px 30px 0 0px;  min-height:40px; padding-left:9px; padding-top:1px; border-bottom:1px  dotted #CCC; line-height:40px; background:url(../images/menu_arrow.jpg) no-repeat left ;}
.nav-links li a { color: #333333; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size:14px;   }
.nav-links li a:hover {  }
.nav-links li:hover {    }
.nav-links li:hover a{   }
.nav-links li.active { background-color:#EFEFEF;}
.nav-links li.active a{  color:#399191;  }
.nav-links .line_height_20 { line-height:20px; background:url(../images/menu_arrow.jpg) no-repeat left 5px ; margin:0 30px 0px 0px;}

#navigation2 { height: 50px; width: 980px; margin-top: 0px; float:left;  padding-bottom:13px; background:url(../images/bottom_shadow.jpg) no-repeat bottom center #184F4F ; }
.nav-links2 {  width:980px; margin-left:70px;}
.nav-links2 li { display: inline; padding: 0px 12px 0 12px; float: left; height:40px; margin-right:10px;  line-height:43px;}
.nav-links2 li a { color: #FFF; text-decoration: underline; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:43px; }
.nav-links2 li a:hover { color: #fff; }
.nav-links2 li:hover { background:url(../images/menu_on.jpg) repeat-x center top; color:#FFF;    }
.nav-links2 li:hover a{ color:#FFF;  }
.nav-links2 li.active { background:url(../images/menu_on.jpg)  repeat-x center top;   }
.nav-links2 li.active a{  color: #fff;   }


/********************************      Banner Classes      ********************************/


/********************************      Content Classes      ********************************/
.content { width:970px;  padding:6px 5px 10px 5px; }


/********************************      Internal Classes      ********************************/
.leftColumn { padding-left:37px;}
.rightColumn { width:739px;}
.banner { height:282px; padding-bottom:11px; background:url(../images/banner_shadow.jpg) no-repeat bottom left;}
.left_banner { background:url(../images/banner_left.jpg) no-repeat top left; width:359px; height:282px;}
.left_banner p { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF; padding:156px 52px 10px 40px; line-height:130%;}
.left_banner img { padding-left:40px; padding-top:10px;}
.right_banner { display:block; position:relative; z-index:1; top:-282px;  margin-left:359px;}

.banner_int { height:100px; padding-bottom:11px; background:url(../images/banner_shadow.jpg) no-repeat bottom left;}
.left_banner_int { background:url(../images/banner_internal_left.jpg) no-repeat top left; width:460px; height:100px;}
.left_banner_int h2 { font-family:Arial, Helvetica, sans-serif; font-size:26px; font-weight:bold; color:#FFF; padding:35px 0 0 40px; }
.right_banner_int { display:block; position:relative; z-index:1; top:-100px;  margin-left:460px;}

.internal_content { padding:45px 45px 60px 35px;}
.internal_content h1 { font-family:Arial, Helvetica, sans-serif; font-size:26px; color:#003838; font-weight:bold; padding-bottom:10px;}
.internal_content p { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; line-height:132%;}
.internal_content .intImg { margin:0 25px 50px 0;}

.internal_content .text { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333333; line-height:135%;}

.testimonials { background:url(../images/box_bg.jpg) repeat-y; width:325px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:135%; }
.testimonials h2 {font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#003838; font-weight:bold; margin-left:20px; padding-top:5px; padding-bottom:5px;}
.testimonials .testimonial_image { margin:10px 6px 40px 20px;}
.testimonials p { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:135%; padding:7px;}
.testimonials a { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#003838; font-weight:bold;}

.faq { background:url(../images/box_bg.jpg) repeat-y; width:325px; margin-left:25px; }
.faq h2 {font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#003838; font-weight:bold; margin-left:20px; padding-top:5px; padding-bottom:5px;}
.faq p { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; line-height:140%; margin:5px 20px 10px 20px;}
.faq a { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#003838; font-weight:bold;}

.accountMenu { width: 668px; height: 359px; background:url(../images/account.jpg) no-repeat top left; }
.btn_acc { height: 56px; width: 168px; display: block; padding: 10px; padding-top: 20px; background:url(../images/btn-acc.gif) no-repeat top left; color: #cfe4e4; text-decoration: none; text-align: center; font-size: 18px; font-family: Arial; margin: 25px 0 0 25px; }
.btn_acc:hover { background-position: bottom left; color: #fff; }
.marr { margin-right: 29px;}
.oneline {padding-top: 30px; height: 46px;}
.logout {
  display: block; color: red; padding: 4px; border: #ccc 1px solid; font-family: Arial; font-size: 10px; font-weight: bold; margin-top: 5px; text-decoration: none;
}
.grey {
   color: #666;
   margin-right: 10px; 
}
.grey:hover {
  color: #006666;
  text-decoration: underline;
}


/********************************      CATEGORY Classes      ********************************/

/********************************      FAQ Classes      ********************************/
.ss_category {  display:block;  font-family:Arial, Helvetica, sans-serif; font-size:17px; cursor:pointer; margin:5px 0px 5px 0px; padding:4px 4px 4px 15px; font-weight:normal; background:url(../images/faq_off.jpg) right no-repeat #E2E2E2;}
.ss_category_on {  color:#FFF; background:url(../images/faq_on.jpg) right no-repeat #184F4F; }
.ss_questions {}
.ss_questions span { display:block; margin-left:20px; list-style-image:none; list-style:none; margin-right:20px; padding:5px 0px 5px 0px;}
.ss_questions a { display:block; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-decoration:none; color:#000;}
.ss_questions a:hover { font-family:Arial, Helvetica, sans-serif; font-size:14px; text-decoration:underline; color:#F30;}
.ss_answer {  display:block;  background:#EEEEEE; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:130%; padding:7px 20px 7px 20px; margin:5px 0px 5px 0px;}
.ss_answer p { padding-bottom:20px;}
.ss_answer p strong { cursor:pointer;  font-size:15px;}


/********************************      TAB Classes      ********************************/
#tabs { display:block; position:relative; z-index:3; margin-top:25px; }
#tabs li { display: inline; line-height:37px; float: left; height:36px; width:159px; text-align:center; margin-right:3px;background-color:#EFEFEF;border:1px solid #EFEFEF; border-bottom:none;}
#tabs li a { color:#003B3B; font-family:Arial, Helvetica, sans-serif; font-size:18px; text-decoration:none;  }
#tabs .active {  background-color:#FFF;border:1px solid #CCC; border-bottom:none; height:37px; }
.tab_contents { display:none; width:623px; border:1px solid #CCC; padding-top:25px; position:relative;}
.tab_active { display:block; position:relative; margin-top:-1px; background-color:#FFF; z-index:1}

#tab1 thead th { background-color:#E9E9E9; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; border-bottom:#333 1px solid; text-align:center; height:30px; }
#tab1 tbody td {  font-family:Arial, Helvetica, sans-serif; font-size:12px; border-bottom:#333 dashed 1px; text-align:center; height:23px; }
#tab2 tbody .edit > td{  font-family:Arial, Helvetica, sans-serif; font-size:12px; height:23px; }
.left_col { text-align:right;}

/********************************      Testimonials Classes      ********************************/
.testimonial_box {  border:1px solid #CCCCCC; background:#FFF; width:630px; padding:19px 20px 19px 20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; border-bottom:0px; line-height:130%;color:#333333; }
.testimonial_footer { background:url(../images/testimon_foot.jpg) repeat-x top left; margin-bottom:18px; height:17px; width:627px; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-left:45px; padding-top:4px;color:#333333; padding-bottom:35px; line-height:135%;}
.testimonial_footer a { color:#333333;}

/********************************      Footer Classes      ********************************/
.footer { color:#819D9D; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-top:20px; padding-bottom:20px; width:980px; margin:auto;}
.footer a { color:#819D9D;}

/********************************      Form Classes      ********************************/
.form { width:380px; border:1px solid #CCCCCC; border-top:3px solid #184F4F; padding:20px 0 0 20px; background:url(../images/form_bg_footer.jpg) repeat-x bottom; }
.form table { background:url(../images/stamp.jpg) no-repeat top right; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.form table input[type=text] {width:200px; border:1px solid #CCC; background-color:#F2F2F2;}
.form table input[type=password] {width:200px; border:1px solid #CCC; background-color:#F2F2F2;}
.form table textarea { width:360px; height:200px;border:1px solid #CCC; background-color:#F2F2F2;}

.form2 { width:320px; border:1px solid #CCCCCC; border-top:3px solid #184F4F; padding:20px 0 0 20px; background:url(../images/form_bg_footer.jpg) repeat-x bottom; }
.form2 h2 { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#003838; padding-bottom:10px;}
.form2 table {  font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.form2 table input[type=text] {width:200px; border:1px solid #CCC; background-color:#F2F2F2;}
.form2 table input[type=password] {width:200px; border:1px solid #CCC; background-color:#F2F2F2;}
.form2 table textarea { width:320px; height:200px;border:1px solid #CCC; background-color:#F2F2F2;}

.form_login { width:220px; border:1px solid #CCCCCC; border-top:3px solid #184F4F; padding:20px 0 0 20px; background:url(../images/form_bg_footer.jpg) repeat-x bottom; }
.form_login table {  font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.form_login table input[type=text] {width:200px; border:1px solid #CCC; background-color:#F2F2F2;}
.form_login table input[type=password] {width:200px; border:1px solid #CCC; background-color:#F2F2F2;}
.form_login table textarea { width:360px; height:200px;border:1px solid #CCC; background-color:#F2F2F2;}


.rightBar {}
.rightBar h2 {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#003838; padding-bottom:10px;}
.leftSide {}
.leftSide h2 { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#003838; padding-bottom:10px;}

/********************************      Photos Classes      ********************************/

/********************************      jQuery plugins styles      ********************************/


.slideshow { height: 282px; width: 390px;  }
.slideshow img { float: left; border: none; }


/*************** Facebox ***************/

#facebox .b { background:url(/images/b.png);}
#facebox .tl {background:url(/images/tl.png);}
#facebox .tr {background:url(/images/tr.png);}
#facebox .bl {background:url(/images/bl.png);}
#facebox .br {background:url(/images/br.png);}
#facebox {position: absolute;top: 0;left: 0;z-index: 100;text-align: left;}
#facebox .popup { position: relative;}
#facebox table {border-collapse: collapse;}
#facebox td {border-bottom: 0; padding: 0;}
#facebox .body {padding: 10px;background: #fff;width: 370px;}
#facebox .loading {text-align: center;}
#facebox .image { text-align: center;}
#facebox img {border: 0; margin: 0;}
#facebox .footer {border-top: 1px solid #DDDDDD;padding-top: 5px;margin-top: 10px;text-align: right;}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {height: 10px;width: 10px;overflow: hidden;padding: 0;}
#facebox_overlay {position: fixed;top: 0px;left: 0px;height:100%;width:100%;}
.facebox_hide { z-index:-100;}
.facebox_overlayBG {background-color: #000; z-index: 99;}