/* CSS Document */

/* ********************************
GLOBAL STYLES
********************************* */
body{ padding: 0; margin: 0; background-color: #ccc; font-family: Arial, Helvetica, sans-serif;}
form{ margin: 0; padding: 0;}
img{ float: left;}


/* ********************************
CONTENT WRAP
********************************* */
#wrap{ margin: 0 auto; padding: 10px; text-align: left; width: 750px; background-color: #fff; overflow:auto;}

/* FLAGS ************************************************************* */
#flags{ margin: 20px auto 0 auto; padding: 0; text-align: left; width: 750px;}
#flags img{padding-left: 10px; float: right;}
#flags p{padding: 0; margin: 0; float: right; font-size: 65%; color: #996633; text-transform: uppercase;}

/* ********************************
HEADER
********************************* */
#header{ margin: 0; padding: 0; width: 750px; height: 250px; float: left;}
#header img{ float: left; margin: 150px 0 0 0;}


/* ********************************
TOP NAVIGATION
********************************* */
#topNav{ float: left; width: 750px;background: #660;  margin: 1px auto 0 auto;  position: relative; z-index: 100;}

#topNav ul { float: left; width: 756px; height: 28px; margin: 0; padding: 0; list-style: none;}
#topNav a{display: block; width: auto; text-decoration: none; padding: 0; text-align: left; margin: 0; color: #fff; }

#topNav li {float: left; margin: 0; padding: 0; width: auto; color: #fff; font-size: 80%; line-height: 100%; font-weight: normal; cursor: pointer; white-space: nowrap;}
#topNav li a{padding: 0 10px; border-left: 1px solid #979700; border-right: 1px solid #3E3E00; line-height: 28px; color: #fff;}

#topNav li ul {position: absolute; left: -999em; height: auto; width: 184px; w\idth: 174px; font-weight: normal; padding: 0; margin: 0; border-top: 1px solid #fff;}
#topNav li li {padding: 0; background-color: #3E3E00; font-size: 90%;}

#topNav li li a{padding: 0 0 0 15px; line-height: 26px; border-left: 1px solid #979700; border-right: 1px solid #fff; border-bottom: 1px solid #fff;}
#topNav li li a:hover{ background-color: #717100; color: #fff;}

#topNav li ul ul {margin: -23px 0 0 120px;}
#topNav li li li{ font-size: 100%;}
#topNav li ul a {width: 162px; width: 157px;}

#topNav li:hover ul ul, #topNav li:hover ul ul ul, #topNav li.sfhover ul ul, #topNav li.sfhover ul ul ul {left: -999em;}
#topNav li:hover ul, #topNav li li:hover ul, #topNav li li li:hover ul, #topNav li.sfhover ul, #topNav li li.sfhover ul, #topNav li li li.sfhover ul {	left: auto;}
#topNav li:hover, #topNav li.sfhover { background-color: #3E3E00; }

#topNav a.active{background-color:#3E3E00; color: #fff;}


/* ********************************
CONTENT BODY
********************************* */
#contentBody{ float: left; width: 300px; margin: 20px 0 0 0;}
#contentBody h1{ float: left; width: 100%; margin: 0 0 10px 0; padding: 0; font-size: 140%; font-weight: normal; color: #000; letter-spacing: -0.03em;}
#contentBody h2{ float: left; width: 100%; margin: 0 0 20px 0; padding: 0; font-size: 120%; letter-spacing: -0.03em; color: #666; font-weight: normal;}
#contentBody h3{ float: left; width: 100%; margin: 0 0 10px 0; padding: 0; font-size: 90%; color: #660;}
#contentBody p{ float: left; width: 100%; margin: 0 0 20px 0; padding: 0; clear: both; font-size: 75%; line-height: 180%;text-align: justify;}
#contentBody table{float: left; clear: both; margin: 0 0 20px 0;}
#contentBody td{ font-size: 75%; padding: 5px 0;}
#contentBody li{ font-size: 80%; color: #000; line-height: 150%;}
#contentBody li a{ color: #000;}
#contentBody p a{ color: #660;}
#contentBody p a:hover{ color: #9B9B00; }


#activities{width: 710px; margin: 20px 0 0 0; padding:0; float: left; text-align: left; display: inline;}
#activities h1{font-size: 140%; line-height: 150%; color: #660; margin: 0 0 10px 0; padding: 0; font-weight: normal;}
#activities p{ font-size: 75%; line-height: 150%; padding: 0; margin: 0; text-align:justify;}
#activities p a{ color: #660;}
#activities p a:hover{ color: #9B9B00; }
#activities h2{font-size: 100%; line-height: 130%; color: #BFBF00; margin: 0 0 10px 0; padding: 0;}
#activities h2 a{font-size: 60%; color: #660; margin-left: 10px;}
#activities h2 a:hover{ font-weight: bold; color: #660;}
#activities h3{font-size: 90%; line-height: 130%; color: #BFBF00; margin: 10px 0 2	px 0; padding: 0;}
#activities h3 a{font-size: 60%; color: #660; margin-left: 10px;}
#activities h3 a:hover{ font-weight: bold; color: #660;}
#activities .imgLeft{ margin:0 10px 10px 0; border:0;}
#activities .imgRight{ margin:0 0 10px 10px; border:0;}
#activities .line{ border:0; border-bottom:1px dashed #D4D4D4; margin:10px 0 10px 0; display:block; width:100%; clear:both;}
.photo {float: left;  border: 1px solid #E0E0E0; padding: 1px; margin:0 10px 10px 0;}
#activities ol, #activities ul{ width: 100%; float: left; clear: both; list-style: none; margin: 0 0 10px 0; padding: 0;}
#activities ol li, #activities ul li{ font-size: 75%; line-height: 160%; padding: 0 0 0 15px;}



ul.gallery { float: left; list-style: none; margin: 15px 0; padding: 0;  width:100%;}
.gallery li { list-style:none;padding: 0; margin: 2px 0; float: left; line-height: 100%; font-size: 70%;}
.gallery li.intro {margin: 25px 15px 0 0; float: left; line-height: 100%; font-size: 70%; font-weight:bold; }
.gallery li a{ color: #666; text-decoration: none;}

.gallery a.img_mask{ float: left; width: 50px; height: 50px; border:1px solid #D4D4D4; padding:1px; background-position: center; background-repeat: no-repeat; margin: 0 0 3px 5px;}


/* *************************************************************
HOMEPAGE STYLES
************************************************************* */
#homepage { float: left; width: 100%; margin: 20px 0 0 0;}
#homepage h1{ float: left; width: 100%; margin: 0 0 10px 0; padding: 0; font-size: 140%; font-weight: normal; color: #000; letter-spacing: -0.03em;}
#homepage h2{ float: left; width: 100%; margin: 0 0 20px 0; padding: 0; font-size: 120%; letter-spacing: -0.03em; color: #666; font-weight: normal;}
#homepage h3{ float: left; width: 100%; margin: 0 0 10px 0; padding: 0; font-size: 90%; color: #660;}
#homepage p{ float: none; width: auto; margin: 0 0 20px 0; padding: 0; clear: none; font-size: 75%; line-height: 180%;text-align: justify;}

#homepage #subContent{ margin: 0 0 0 30px; float: right; clear: none;}


/* *************************************************************
PAGE NAVIGATION
************************************************************* */

#pageNav { float: right; width: 200px; padding: 0; margin: 10px 0 10px 0; color: #666; display: inline; }
#pageNav p{color: #F09; font-size: 70%; line-height: 100%; float: left; width: 200px; margin: 0; padding: 0;}
#pageNav form{ float: right; width: auto; text-align: right; padding: 0; margin: 0; color: #666; display: inline;}
#pageNav select{ font-size: 70%; margin: 0 5px; float: left; display: inline;}
#pageNav a{padding: 0; margin: 1px 0 0 0; color: #666; line-height: 150%; text-decoration: none; float: left;}
#pageNav img{ float: left; padding: 0; margin: 0;}

/* ********************************
SUB CONTENT
********************************* */
#subContent{ float: right; width: 400px; margin: 20px 0 0 0;}
#subContent h1{ float: left; width: 100%; margin: 0 0 20px 0; padding: 0;}
#subContent .img{ float: left; margin: 10px 0 0 0;}


/* ********************************
CAROUSEL
********************************* */
#carousel{ float: left; width: 398px; height: 95px; background-color: #F9F9F9; border: 1px solid #ccc; overflow: hidden; margin: 10px 0 0 0;}
#carousel ul{ float: left; list-style: none; margin: 0; padding: 0;}


/* ********************************
FORM
********************************* */
fieldset{ background: #F8F8F8; border: 1px solid #ccc; margin-top:20px; padding:10px; width: 330px; clear: both;}
#contentBody legend{ font-size: 80%; background: #fff; color: #666; border: 1px solid #ccc; display: block; width:160px; padding: 5px 10px;}
#contentBody form p{ clear:left; margin:0; padding:0; float: left; width: 330px; font-size: 70%;}
#contentBody form p label{ float:left; width: 110px; }
#contentBody input{ margin-left:10px;}
#contentBody input.txt{ color:#666; border: 1px solid #ccc;}
#contentBody textarea{ margin-left:10px; color:#666; border: 1px solid #ccc; width:200px; font: 100% Arial, Helvetica, sans-serif;}
#contentBody select { color:#000000;}

#contentBody form img{ float: none;}

#contentBody p.footnote{ font-size: 70%; color: #999; width: 350px;}

/* ********************************
ALERT BOX
********************************* */
#alertBox,#promo{ float: left; width: 290px; border: 1px solid #ccc; background:#F4F4F4; margin: 0 0 20px 0; padding: 10px;}
#alertBox p,#promo p{ color: #000; margin: 0; padding: 0; width: 100%; font-size: 70%; line-height: 160%;}

/* Specific to contact page */
#contact form #alertBox p{ color: #000; margin: 0; padding: 0; width: 280px; font-size: 70%; line-height: 160%;}


/* ********************************
TOP NAVIGATION
********************************* */
#btmNav{ background: #E6E6E6; clear: both; width: 750px; float: left; margin: 10px auto 0 auto; padding: 0;}
#btmNav ul{list-style: none; margin: 0 auto; padding: 0; width: 700px; float: left;}
#btmNav li { padding: 0 15px; margin: 10px 0; float: left; line-height: 100%; font-size: 70%; border-right: 1px solid #999;}
#btmNav li a{ color: #666; text-decoration: none;}
#btmNav a:hover{text-decoration: underline; color: #000;}
#btmNav .noBorder{ border-left: none;}

#products_result{border-bottom: 1px dotted #9F9F00; background-color:#FAFEE0;  margin: 0 0 20px 0;  padding: 0 0 5px 0; text-align: left; float: left; clear: both; width: 100%; height: 30px;}
#activities #products_result p{color: #660; font-size: 70%; line-height: 100%; float: left; width: 250px; margin: 10px 0 0 10px; padding: 0;}