body { background: #FFF url(../media/images/bg.jpg) repeat top center; color: #222; font-family: lucida grande, "Lucida Grande", sans-serif; font-size:13px; }
#stick {min-height: 100%; margin:0; padding:0; background: url(../media/images/bg_content.png) repeat-y center center;}
* html #stick {height: 100%;}
#wrap-hdr {background: url(../media/images/basecamptonsai.jpg) no-repeat top center;}
#wrap-content {position: relative; padding: 20px 0 70px 0;}
#content {min-height:600px; height:auto !important; height:600px;}
#wrap-ftr {margin-top:-70px; height:70px; clear: both; position: relative;}

h1 {font-size: 24px; font-weight: normal; color: #000; float: right; padding: 25px 0 0; font-style: italic;}
h2 {font-size: 24px; font-weight: bold; margin: 0 0 0.8em 0; font-family: "Trebuchet MS", Arial, Verdana;}
h3 {font-size: 16px; font-weight: bold; margin: 0 0 0.5em 0; color: #555;}
h4 {font-size: 12px; line-height: 1.5em;}

/* Navigation */
#nav-main {padding: 10px 10px 0 10px; font-size: 13px; font-weight: bold; height: 27px; border-bottom: 1px solid #828078; text-transform: capitalize; margin-bottom: 0; clear:both;}
#nav-main li {padding: 0 0 0 9px; background: url(../media/images/left.gif) no-repeat left top; float: left; margin-right: 2px;}
#nav-main a {padding: 7px 15px 4px 6px; display: block; font-weight: bold; background: url(../media/images/right.gif) no-repeat right top; float: left; color: #584B3F; text-decoration: none;}
#nav-main a {float: none;}
#nav-main a:hover {color: #000; text-decoration: none;}
#nav-main #current {background-image: url(../media/images/left_on.gif);}
#current a {background-image: url(../media/images/right_on.gif); padding-top: 8px; color: #333;}

.nav-sub {float: left; width: 235px; padding: 50px 0 15px 25px;}
.nav-sub li {display: block; line-height: 1.5em;}
.nav-sub li a {display: block; padding: 10px 0;}
.nav-sub li a, .nav-sub li a:visited {color: #645549; text-decoration: none; font-size: 13px; padding-left: 15px; font-weight: bold;}
.nav-sub li a:hover {color: #999;}
.active {color: #999;}
#dws .nav-sub { padding: 50px 0 15px 10px;}

#nav-footer {}
#nav-footer li {display: inline; margin: 0 10px; font-size: 13px;}
#nav-footer li a, #nav-footer li a:visited {color: #333; text-decoration: none; font-weight: bold; text-transform: uppercase;}
#nav-footer li a:hover {color: #000; text-decoration: underline;}

/* Header */
#header {position: relative; padding-top: 10px;}

/* Content */
.col-main, .col-main-other {float: right; width: 620px; padding: 15px 25px 15px 15px;}
.col-main-left {float: left; width: 610px; padding: 15px 15px 15px 25px;}
p, .col-main ul, .col-main ol, address, .col-main-left ul {margin-bottom: 1em; line-height: 1.5em;}
.col-main ul, .col-main-left ul {list-style: disc; margin-left: 15px;}
.col-main li, .features li, .col-main-left li {padding-left: 5px;line-height: 1.5em;}
.col-full {padding: 15px 25px;}
.col-right {float: right; width: 250px; padding: 62px 25px 15px 0;}
.bg-side {padding: 10px; background: #eeebdd; border: 1px solid #e2decd; font-size: 12px;}
.bg-side h3 {font-size: 13px; font-weight: bold; margin: 0; color: #424036; line-height: 1.5em;}
.bg-side .border-bottom {border-bottom: 1px dotted #d2ccb5; padding-bottom: 10px; margin-bottom: 10px;}
.bg-side ul {line-height: 1.5em;}

.features {float: left; width: 290px; margin-right: 15px;}
.features ul {margin-bottom: 1em;}

#map-mini {width: 300px; height: 280px; margin: 0 0 10px 20px; border: 7px solid #ececec; float: right;}
.img-map {margin: 0 0 10px 20px; border: 1px solid #ccc; float: right;}
#map {width: 610px; height: 400px; border: 10px solid #fff; margin-bottom: 10px;}
.address {float: left; width: 300px; font-size: 13px; padding-top: 7px;}

ul.photo-gallery {margin: 0; clear: both;}
.photo-gallery li {padding-left: 0; text-align: center; float: left; display: inline; margin-right: 30px; font-size: 11px;}
.photo-gallery li a {text-decoration: none; float: left; display: block; color: #333; padding-bottom: 10px; width: 176px; height: 170px;}
.photo-gallery li a img {background: #fff; border: 1px solid #ccc; padding: 7px; margin-bottom: 0;}

.photo-gallery.staff li a {text-decoration: none; float: none; display: inline; color: #333; padding: 0;}
.photo-gallery.staff li {text-align: center; float: left; display: block; margin: 0 10px 20px 0; font-size: 12px; width: 300px; position: relative; padding-bottom: 30px;}
.photo-gallery.staff li a img {width: 130px; padding: 3px; margin: 0 5px;}
.photo-gallery.staff li span {position: absolute; bottom: 2px; left: 0; width: 300px; text-align: center; font-weight: bold; border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; padding: 2px 0;}

#dws  {float: left; width: 245px; padding: 0 15px 0 15px;}
#dws .photo-gallery {}
#dws .photo-gallery li {padding-left: 0; text-align: center; float: left; display: inline; margin-right: 3px; font-size: 11px;}
#dws .photo-gallery li a {text-decoration: none; display: inline; padding: 0; width: 78px; height: 65px;}
#dws .photo-gallery li a img {background: #fff; border: 1px solid #ccc; padding: 1px; margin-bottom: 0; width:65px;}

h3.h3-dws {font-size: 13px; padding: 10px 10px 10px 25px; border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; clear:both; margin-bottom: 10px; color: #222;}

.tbl-bdr {border-top: 1px solid #ccc; border-left: 1px solid #ccc; margin-bottom: 15px;}

.tbl-bdr td {padding: 5px 7px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.odd {background-color: #EBFAFE;}
.even {background: #ffffff;}

#course {text-align: center; margin-bottom: 10px; border-top: 1px solid #71BDB8; border-right: 1px solid #71BDB8; border-left: 1px solid #71BDB8; background: url(../media/images/bg_table.png) repeat-y top right;}
#course h4 {font-size: 14px; font-weight: bold; padding: 5px; text-transform: uppercase;}
#course td {border-bottom: 1px solid #71BDB8; line-height: 1.5em;}
.beginner, .intermediate {}
.course-hdr {border-bottom: 1px solid #ccc;}
.course-text {padding-top: 10px;}
.course-text h3 {padding-top: 10px;}
#course a {text-decoration: none; display: block; padding: 7px 5px; height: 80px; color: #333;}
#course a:hover {text-decoration: none; background: #fff;}
.border-right {border-right: 1px solid #71BDB8;}
.border-bottom {border-bottom: 1px solid #71BDB8;}
.border-bottom-white {border-bottom: 2px solid #fff;}
.course-border {border-top: 2px solid #58a7a2; border-right: 2px solid #58a7a2; border-left: 2px solid #58a7a2;}
.course-border-btm {border-bottom: 2px solid #58a7a2;}

#gear-shop {list-style: none; float: left;}
#gear-shop li {list-style: none; margin: 0 0 15px 0;}
#rental {margin-bottom: 10px; border-top: 1px solid #71BDB8; border-right: 1px solid #71BDB8; border-left: 1px solid #71BDB8;}
#rental td {border-bottom: 1px solid #71BDB8; line-height: 1.5em; padding: 5px 7px;}

.yt_holder {width: 355px; text-align: center;}
#ytvideo2 {text-align: center; background: #ccc; border: 5px solid #ccc; border-bottom-width: 3px; width: 330px; margin: 10px 0 10px 10px; float: right;}
#video-div {display: none; padding: 0;}
#video li {float: left; display: block; width: 120px; height: 125px; padding: 5px; border: 1px solid #e0e0e0; background: #e3e3e3; margin: 0 10px 5px 0; text-align: center; font-size: 11px; line-height: 1.3em;}
#video li a {text-decoration: none; color: #000;}
#video li img {margin-bottom: 5px; width: 120px;}
#hide-list {display: none;}
#video-list {padding: 10px; text-align: center; display: block; color: #000; text-decoration: none; font-weight: bold;}
#video-list:hover {text-decoration: underline;}

/* Footer */
#footer {text-align: center; height: 70px; position: relative;}
#copyright {position: absolute; width: 960px; bottom: 10px; left: 0; font-size: 11px; text-align: center; color: #857856;}
#copyright a {color: #333; text-decoration: underline;}
#copyright a:hover {color: #000; text-decoration: underline;}

/* Common Classes */
.wrap {width: 940px; margin: 0 auto;}
.clear {clear: both;}
.pad { padding: 10px; }
.float-left {float: left;}
.float-right {float: right;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.img-left {border: 1px solid #CCC; padding: 7px; background: #FFF; float: left; margin: 0 20px 5px 0;}
.img-right {border: 1px solid #CCC; padding: 7px; background: #FFF; float: right; margin: 0 0 5px 20px;}
.img-border-right {border: 1px solid #CCC; padding: 7px; background: #FFF; margin: 0 0 20px 20px;}
.margin-bottom {margin-bottom: 10px;}
/* Text Styles */
.note { font-size: 12px; }
.italic { font-style: italic }
.underline { text-decoration: underline; }
.bold { font-weight: bold; }
.margin-bottom {margin-bottom: 15px;}

/*Form styles*/
.form-container { margin: 10px 0; padding: 0px; }
.form-container form fieldset { margin: 10px; padding: 10px; border: 1px solid #ececec; }
.form-container form legend { font-family: 'Tahoma', 'Arial', sans-serif; font-size: 16px; color: #666666; line-height: 24px; font-weight: bold; text-transform: capitalize; padding: 5px; border: 1px solid #FFF; background: #FFF; }
.form-container form fieldset div, .form-row { padding: 3px 5px; margin-bottom: 5px; clear: both; }
.form-container form label { font-size: 14px; line-height: 19px; margin-right: 5px; padding-right: 5px; width: 115px; display: block; float: left; text-align: right; position: relative; margin-top: 2px; clear: both; }
.form-container form label span { color: #990000; font-weight: bold; }
.form-container input, .form-container textarea, .form-container select { font-size: 12px; padding: 3px; background: #FFF; border: 1px solid #B0ADAA; }
.form-container input[type="text"] { background: #FFF; }
div.form-container label.error, div.form-container span.error { color: #C00; font-size: 12px; margin-left: 125px; }
div.form-container input.error { border-color: #C00; background-color: #FEF; }
.form-container input:focus, .form-container input.error:focus, .form-container textarea:focus { font-size: 12px; padding: 3px; background: #FFF; border: 1px solid #9B9793; }

/* Buttons */
.buttons a, .buttons button { display:block; float:left; margin:0 0 7px 0; background-color:#f5f5f5; border-top:1px solid #dedede; border-left:1px solid #dedede; font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size:12px; line-height:19px; text-decoration:none; font-weight:bold; color:#0E3F43; cursor:pointer; padding:5px 10px 6px 7px; border-right: 1px solid #C3C3C3; border-bottom: 1px solid #C3C3C3; }
.buttons-r button { display:block; float:right; margin:0 0 7px 0; background-color:#f5f5f5; border-top:1px solid #dedede; border-left:1px solid #dedede; font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size:12px; line-height:19px; text-decoration:none; font-weight:bold; color:#0E3F43; cursor:pointer; padding:5px 10px 6px 7px; border-right: 1px solid #C3C3C3; border-bottom: 1px solid #C3C3C3; }
.buttons button { width:auto; overflow:visible; padding:4px 10px 3px 7px; /* IE6 */ }
.buttons button[type] { padding:5px 10px 5px 7px; /* Firefox */ line-height:17px; /* Safari */ }
*:first-child+html button[type] { padding:4px 10px 3px 7px; /* IE7 */ }
.buttons button img, .buttons a img { margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; }

.buttons button:hover, .buttons a:hover {background-color:#dff4ff; border:1px solid #c2e1ef; color:#336699; }
.buttons a:active { background-color:#6299c5; border:1px solid #6299c5; color:#fff; }

button.positive, .buttons a.positive { color:#0E3F43; }
.buttons a.positive:hover, button.positive:hover { border:1px solid #DCD689; color:#134C55; background: #F0EECE; }
.buttons a.positive:active { background-color:#529214; border:1px solid #529214; color:#fff; }

.buttons a.negative, button.negative { color:#d12f19; }
.buttons a.negative:hover, button.negative:hover { background:#fbe3e4; border:1px solid #fbc2c4; color:#d12f19; }
.buttons a.negative:active { background-color:#d12f19; border:1px solid #d12f19; color:#fff; }