body {background: white; margin: 0; padding: 0; color: #333;}

#header {overflow: hidden; margin: 0; padding-top: 5px;}
#logo {}
#search {padding-top: 81px; text-align: right; font-size: 88%;}
#search p {margin-bottom: 10px; color: #999;}
#search p a {padding: 3px 9px;}

#navigation {overflow: auto; margin: 0 0 20px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
#navigation ul {float: right; margin: 0; padding: 0; list-style: none;}
#navigation li {float: left; margin: 0; padding: 0;}
#navigation li a {display: block; margin: 0; padding: .8em 1.6em; font-size: 85%; text-decoration: none; text-transform: uppercase; font-weight: bold; color: black; border-bottom: none; border-left: 1px solid #ccc;}
#navigation li a:hover {color: #999;}
#navigation li a.on {color: #cc0c00;}

#slideshow {}
#slideshow #frame {border: 2px solid #ccc; overflow: hidden;}
#slideshow #pic {width: 456px; height: 356px; overflow: hidden;}
#slideshow #pic img {}

#left {}
#left hr {border-top-width: 1px; border-top: 1px solid #ccc;}
#left p, #left label {font-size: 86%;}

#blog-bar hr {}
#blog-bar h3 {margin-bottom: .5em; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; font-family: verdana, arial, sans-serif;}
#blog-bar ul {margin: 0 0 20px 0; padding: 0; list-style: none;}
#blog-bar li {}

#content {}

#home-news {}

#right-side-image {border: 2px solid #ccc; overflow: hidden;}
#right-side-image img {display: block; overflow: hidden;}
#credit, div.credits {margin: 0 0 20px 0; padding: 2px 4px; font-size: 86%; /*text-transform: uppercase;*/ text-align: right; font-style: italic;}

.bios img {margin: 2px 20px 10px 0 !important; border: 2px solid #ccc !important;}

#sub-navigation {margin: 0;}
#sub-navigation ul {margin: 0 0 20px 0; padding: 0; list-style: none; border-top: 1px solid #ccc;}
#sub-navigation li {margin: 0; padding: 0;}
#sub-navigation li a {display: block; width: 124px; margin: 0; padding: .75em 8px; font-size: 82%; text-decoration: none; text-transform: uppercase; font-weight: bold; color: #111; border-bottom: 1px solid #ccc; background: #e3e3e3; line-height: 1.1;}
#sub-navigation li a:hover {color: #111; background: #ccc;}
#sub-navigation li a.on {background: #e3e3e3; color: #bf0d00;}


#sub-navigation ul ul {margin: 10px 0; padding: 0; list-style: none; border-top: none;}
#sub-navigation ul ul li {margin: 0; padding: 0;}
#sub-navigation ul ul li a {display: block; margin: 0; width: 110px; padding: .5em 10px .5em 20px !important; font-size: 86%; text-decoration: none; text-transform: none; font-weight: normal; color: #444; border-bottom: none; background: transparent url(../images/sub-nav-arrow.png) no-repeat 7px 8px;}
#sub-navigation ul ul li a:hover {color: #cc0c00; background: transparent url(../images/sub-nav-arrow.png) no-repeat 7px -42px;}
#sub-navigation ul ul li a.selected {color: #cc0c00; background: transparent url(../images/sub-nav-arrow.png) no-repeat 7px -42px;}

/*.no-sub #sub-navigation ul ul {display: none !important;}*/

#footer {margin-top: 20px; padding-top: 20px; padding-bottom: 40px; border-top: 1px solid #ccc;}
#footer p {font-size: 94%;}
#footer a, #pitch a {}
#footer a:hover, #footer a:focus, #pitch a:hover, #pitch a:focus {color: #333;}

.padding-top {padding-top: 1.5em;}

ul.arrow {margin: 0 0 1.5em 0; padding: 0; list-style: none;}
ul.arrow li {background: url(../images/circle.png) no-repeat 0 50%; padding-left: 18px;}

/* links */
a {outline: 0;}
a:link {color: #CC0C00; text-decoration: none;}
a:visited {color: #CC0C00; text-decoration: none;}
a:hover, a:active {color: #999; text-decoration: none;}

a img {background-color: #fff; border-bottom: none !important;}
a.btn {border: none !important;}

img {-ms-interpolation-mode:bicubic;}

.more a, a.more {font-size: .8em; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; font-family: verdana, arial, sans-serif; border-bottom: none !important; /*background: url(../images/swirl.gif) no-repeat 0 0px;*/ padding: 3px; margin: -3px; color: #cc0c00;}
.more a:hover, .more a:focus, a.more:hover, a.more:focus {color: #333; /*background: url(../images/swirl.gif) no-repeat 0 -16px;*/ padding: 3px; margin: -3px;}

.box {}
.box p {margin: 0 0 2px 0; padding: 0 !important;}
.more-link {margin: 0 0 20px 0; display: block;}
.last .more-link {margin-bottom: 0;}
.last {margin-bottom: 0;}

.home-blog-title {margin-bottom: 2px;}
.home-blog-snippet {margin-bottom: 10px;}
.home-blog-date {text-transform: uppercase; font-size: 88%; color: #999;}
.posted {font-style: italic; color: #999;}
.continue {}

h1, h2, h3, h4, h5 {color: #222;}
h1 {margin: 0; padding: 0;}
h1 a  {margin: 0 0 0 107px; padding: 0; display: block; height: 150px; width: 300px; background: url(../images/logo.png) no-repeat 0 0; text-indent:-9999px; border-bottom: none !important;}
/*h1 a:hover {border-bottom: none !important; background-position: 0 -150px;}*/
h2 {margin: 0 0 20px 0; padding: 0; font-size: 19px; font-family: "Lucida Grande", Lucida, "Trebuchet ms", sans-serif; text-transform: uppercase; color: #000;} 
.box h2 {
	font-family: "Lucida Grande", Consolas, arial, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	height: 23px;
	line-height: 23px;
	padding: 0 0 0 6px;
	margin: 0 0 8px;
	background: #000; 
	}
.box h2 a:visited, .box h2 a:link {color: #EF1100; color: white; border-bottom: none; text-decoration: none; display: block;}
.box h2 a:hover, .box h2 a:focus {border-bottom: none; color: white; text-decoration: none;}

ul#zones {list-style: none; margin: 0; padding: 0;}
ul#zones li {margin: 0 0 20px 0; padding: 0 !important; height: 1%;}
ul#zones li h2 {height: 1px !important; /*float: left;*/ margin: 0 !important; padding: 0 !important; text-indent: -9999px;}
ul#zones li a {display: block; color: #333; text-decoration: none;}
ul#zones li a span.title {display: block; font-weight: bold; font-family: "Lucida Grande", Candara, arial, sans-serif; font-size: 14px; text-transform: uppercase; height: 23px; line-height: 23px; padding: 0 0 0 6px; margin: 0 0 8px; background: #000; color: #DF1000;}
ul#zones li a:hover span.title {color: white;}

ul#zones li a span.more {display: block; padding: 6px 0 0 0; font-size: .8em; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; font-family: verdana, arial, sans-serif; color: #cc0c00;}
ul#zones li a:hover span.more, ul#zones li a:focus span.more {color: #999;}

#home-news h3, #home-workshops h3, #home-gear h3 {
	font-family: "Lucida Grande", Candara, arial, sans-serif;
	font-size: 110%;
	text-transform: uppercase;
	padding: 0 0 .25em 0;
	margin: 0 0 .5em 0;
	letter-spacing: 1px;
}
#home-news h3 a, #home-workshops h3 a, #home-gear h3 a {display: block; color: #111;}
#home-news h3 a:hover, #home-workshops h3 a:hover, #home-gear h3 a:hover {color: #888; text-decoration: none;} 
h3 {margin-bottom: .5em; padding: .25em 0; font-size: 110%; letter-spacing: 1px; text-transform: uppercase; font-family: "Lucida Grande", Candara, "Trebuchet ms", sans-serif;}
h3.blog-headline {text-transform: none; letter-spacing: 0 !important;}
h4 {color: #111; font-size: 110%; font-weight: normal; te/xt-transform: uppercase; margin-bottom: .45em;}
h5 {margin-bottom: .5em; font-size: .8em; text-transform: uppercase; letter-spacing: 1px; font-family: helvetica, Candara, arial, sans-serif; color: #111;}

h2 span, h3 span, h4 span, h5 span, h6 span {color: #999;}

p {}
blockquote {margin: 1.5em 0; padding-left: 1.8em; color: grey;}
blockquote a:link, blockquote a:visited {color: gray;}
hr {}
ul, ol {margin: 0 0 20px 2em; padding: 0;}
ol {padding-left: .75em;}
li {margin: .25em 0; padding: 0;}

.bold {font-weight: bold;}
.normal {font-weight: normal;}
.italics {font-style: italic;}

.height_20 {height: 20px;}
.height_5 {height: .5em;}

fieldset {margin: 0 0 20px 0; padding: 0; border: none;}
legend {font-size: 110%; padding: 0 0 1em 0; font-weight: bold;}
code, abbr {font-family: monaco, courier, monospace; color: #0066ff;}
dl, dt {margin: 0; padding: 0;}
dl {margin-bottom: .25em;}
dd {margin: 0; padding: 0 0 .25em 0;}

.bold {font-weight: bold;}

.border-left {border-left: 1px solid #ccc; margin-right: -1px;}
.border-right {border-right: 1px solid #ccc; margin-left: -1px;}

.subscribe {margin-top: 3px;}

/* error messaging */
#error {margin: 1.2em 0; padding: .25em 0; background: #FFDFDF; color: #d82016; border: 1px solid #EFA4A4;}
#error ul {margin: 0; padding: .25em 2em; font-weight: bold;}
#action {margin: 1.2em 0; padding: .25em 0; background: #EDFFDF; color: #009900; border: 1px solid #B6EFA4;}
#action ul {margin: 0; padding: .25em 2em; font-weight: bold;}

table.table {margin: 0 0 30px 0; width: 100%; /*font-size: 88%;*/ border-collapse: collapse;}
table.table th {padding: .5em 0; text-align: left; border-bottom: 1px solid #ccc; font-size: .77em; text-transform: uppercase; letter-spacing: 1px; font-family: helvetica, verdana, arial, sans-serif; color: #111;}
table.table td {padding: .5em 0 !important; border-bottom: 1px solid #ccc; vertical-align: top;}
table.table td.center {text-align: center;}
table.table td.no-padding {padding: 0;}

table.donate {margin: 0 0 30px 0; border-bottom: 1px solid #ccc; width: 50%;}
table.donate th {padding: .5em 0; text-align: center; border-bottom: 1px solid #ccc; font-size: .77em; text-transform: uppercase; letter-spacing: 1px; font-family: helvetica, verdana, arial, sans-serif; color: #111;}
table.donate td {padding: .5em 0 !important; text-align: center; border-bottom: 1px solid #ccc; vertical-align: top;}

.register a {padding: 4px; background: #cc0c00; color: white; font-weight: bold;}

/*
table.table {margin: 0 0 20px 0; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; width: 100%; border-collapse: collapse;}
table.table caption {padding: .25em; text-align: left; font-weight: bold; color: white; background: black; border: 1px solid black;}
table.table th {padding: .5em; text-align: left; border-left: 1px solid #ccc; border-top: 1px solid #ccc; background: #f0f0f0; font-weight: bold !important; text-transform: uppercase;}
table.table td {padding: .5em !important; border-left: 1px solid #ccc; border-top: 1px solid #ccc; vertical-align: top;}
table.table td.center {text-align: center;}
table.table td.no-padding {padding: 0;}*/

/*gallery junk - credits is up near slideshow fyi */
#latest-galleries {clear: both; overflow: hidden; list-style: none; margin: 0 0 20px 0;}
#latest-galleries li {clear: both; list-style: none; margin: 0; padding: 0;}
#latest-galleries li h4 {margin-bottom: .25em !important;}
#latest-galleries li a img {float: left; margin: 0 10px 8px 0; border: 2px solid #ccc !important; height: 100px; width: 100px;}
#latest-galleries li a:hover img {border: 2px solid #aaa !important;}
#latest-galleries li strong.sub {display: block; color: #666; font-size: 80%; text-transform: uppercase; font-weight: normal;}

#gallery-content {padding-top: 60px;}
#gallery-nav {margin: 0 0 20px 0; padding: 0; overflow: hidden;}
#gallery-nav ul {list-style: none; margin: 0 !important; padding: 0 !important; clear: left;}
#gallery-nav li {list-style: none; position: relative; height: 104px; width: 104px; overflow: hidden; /*display: inline;*/ float: left; margin-right: 7px; padding: 0 !important; background-image: none !important; background: #fff;}
#gallery-nav a {display: block; width: 100px; overflow: hidden; border: 2px solid #fff !important;}
#gallery-nav li a.activeSlide {border: 2px solid #DF1000 !important; background-color: #fff;}
#gallery-nav a:focus {outline: none; }
#gallery-nav img {display: block; height: 100px; width: auto; max-widt/h: 100px; padding: 0; margin: 0 auto;}

#gallery {}
#gallery-frame {/*width: 458px; height: 378px;*/ overflow: hidden; height: 376px; text-align: center !important;}
.gallery-pic {overflow:hidden; width: 100%; height: 376px; text-align: center; background-color: #fff;}
#gallery-frame img {height: 100% !important; width: auto !important;}

/* blog */
.author {margin: -.75em 0 1em 0; color: #999;}
#comments {clear: both; margin: 1.5em 0; padding: 1.5em 0; border-top: 1px solid #999;}
#comments hr {display: none;}
#comments .comment-postline {margin-bottom: .25em;}
#comments .commentby {color: #000;}
.comment-body {margin-bottom: 1.2em; padding: 1.2em 0; border-bottom: 1px solid #ddd;}
.comments-link {margin-bottom: 2.5em; color: #AFAD8E;} /* margin for post spacing */
.captcha-msg {font-size: 90%; color: #999; padding: 0;}

/* connect */
ul.connect {list-style: none; margin: 0 0 20px 0; padding: 0;}
ul.connect li {margin: 0 0 2px 0; padding: 0; font-size: 86%;}
ul.connect li a {line-height: 16px; padding: 0 0 0 20px;}
ul.connect li.facebook {background: url(../images/facebook.png) no-repeat 0 50%;}
ul.connect li.twitter {background: url(../images/twitter.png) no-repeat 0 50%;}