/*
  Green: #78bb37
  Brown: #bc8b46
  Subdued Green: #8bbb5c
*/
html {
  overflow-y: scroll;
}
body {
  background-color: #78bb37;
  text-align: center;
  margin: 8px 0;
  font-family: arial,sans-serif;
  font-size: 0.9em;
}

#main {
  width: 870px;
  margin: 0 auto;
  text-align: left;
  position: relative;
}

#top {
  height: 130px;
  background: url(../images/banner.jpg) #ffffff no-repeat;
  margin-right: 138px;
  padding: 0;
  position: relative;
}
#top h1 {
  text-align: left;
  top: 70px;
  left: 300px;
  position: absolute;
  z-index: 1;
}
#dates {
  text-align: center;
  top: 75px;
  left: 300px;
  position: absolute;
  z-index: 1;
  line-height: 30px;
  font-size: 1.2em;
  font-weight: bold;
  color: black;
}
#countdown {
  text-align: center;
  top: 100px;
  left: 300px;
  position: absolute;
  z-index: 1;
  line-height: 30px;
  color: #78bb37;
}
#countdown span {
  font-size: 1.4em;
  font-weight: bold;
  color: black;
}
#sponsor_1 {
  top: 65px;
  left: 575px;
  position: absolute;
  z-index: 1;
}
#sponsor_2 {
  top: 80px;
  left: 540px;
  position: absolute;
  z-index: 1;
}
#sponsor_3 {
  top: 65px;
  left: 520px;
  position: absolute;
  z-index: 1;
}
#logo {
    z-index: 2;
    position: relative;
}
#home_caption {
    z-index: 1;
    position: relative;
    top: -50px;
    left: 190px;
    font-weight: bold;
    font-size: 1.3em;
    color: #bc8b46;
}
#cp {
  position: absolute;
  right: 0;
  z-index: 1;
}
#cp a {
  display: block;
  color: black;
}
#side {
  float: right;
  width: 200px;
}
#footer {
  background-image: url(../images/left.gif);
  background-repeat: no-repeat;
  margin: 0;
  padding: 50px 70px 8px 8px;
  overflow: hidden;
  margin-right: 138px;
  text-align: left;
}
#footer p {
  margin: 0;
  text-align: center;
}
#content {
  background-color: white;
  margin-right: 138px;
  padding: 16px 80px 0 16px;
}

h1.post {
  border-bottom: 3px solid #ccc;
}
h1 {
  font-size: 1.1em;
}
h2 {
  font-size: 1em;
}
h3 {
  font-size: 1em;
}
a {
  color: blue;
}
a.invisible {
    color: black;
    text-decoration: none;
}
a img {
  border: none;
}
li {padding-top: 2px; padding-bottom: 4px;}
b {font-weight: normal; background-color: #ffff77; padding: 0;}
span.emphasis {padding: 0 2px; background-color: #ffff66;}
blockquote {margin-bottom: 0; font-style: italic;}
p.quoted {font-weight: bold; text-align: right; font-size: 0.9em; margin-top: 0;}

div.menu a, div.sitemap a {
  display: block;
  text-decoration: none;
  color: black;
}
div.menu a:hover h2, div.sitemap a:hover h2 {
  text-decoration: underline;
  color: blue;
}
div.menu a:hover p, div.sitemap a:hover p {
  color: blue;
}
div.menu h2, div.sitemap h2 {
  font-weight: bold;
  margin: 0;
  padding: 0;
}
div.menu p, div.sitemap p {
  margin-left: 16px;
  font-size: 0.9em;
  color: #333333;
}
div.teaser {
  margin: 8px 0 0 0;
}
div.panel {
  margin: 0 0 8px 0;
}
div.teaser h1, div.panel h1 {
  font-size: 1em;
}
div.teaser p, div.panel p {
}

a.link {
  display: block;
  text-align: right;
}

table.itinerary {
  clear: left;
  margin-top: 8px;
}
table.itinerary td {
  padding: 4px;
  vertical-align: top;
}
table.itinerary td h1 {
  font-size: 1em;
  padding: 0;
  margin: 0;
}
table.itinerary td p {
  padding: 0;
  margin: 0;
}
div.calendar p {
  margin: 0;
  text-align: center;
  padding: 0;
}
div.calendar p.month {
}
div.calendar p.day {
  font-weight: bold;
}
div.calendar p.date {
  font-size: 2em;
  font-weight: bold;
}
div.float_left {
  float: left;
}

div.slideshow {
  float: left;
  clear: left;
  width: 435px;
}

div.blog h1 {
  font-size: 1em;
}
div.blog p {
  font-size: 1em;
}

table.disciplines td {
  padding: 8px;
  vertical-align: top;
}
table.disciplines h1 {
  font-size: 1em;
  margin: 0;
  padding: 0;
}
table.disciplines h1 a {
  text-decoration: none;
  color: black;
}
a.more {
  display: block;
  margin: 0;
  background-image: url(../images/link.gif);
  background-position: left 50%;
  background-repeat: no-repeat;
  padding: 0 0 0 25px;
  height: 16px;  
}

a.discipline_more {
  margin: 0;
  float: right;
}
div.step ul, div.step blockquote {
  margin-bottom: 0;
  padding-bottom: 8px;
}
div.left {
  padding: 8px 250px 32px 8px;
  position: relative;
}
div.left img {
  z-index: 1;
  position: absolute;
  left: 390px;
  top: -30px;
}
div.right {
  margin: 8px 8px 32px 250px;
  position: relative;
}
div.right img {
  z-index: 1;
  position: absolute;
  left: -75px;
  top: -30px;
}



table.results {
  border-collapse: collapse;
  width: 100%;
}
table.results td {
  padding: 4px 8px;
  border: 1px solid #a5d674;
}
table.results td.position {
  text-align: right;
  padding-right: 1em;
  width: 3em;
}
table.results td.time {
  text-align: right;
  padding-right: 1em;
  width: 6em;
}

form table  {
  border-collapse: collapse;
  background-color: #eee;
}
form table td, form table th {
  padding: 4px;
  vertical-align: top;
  border: 1px solid #a5d674;
}
form table ol {
  margin: 0;
  padding: 0 0 0 2em;
}
form table li {
  margin: 8px 0;
}

div.info, div.error, div.warning {
    padding: 8px;
    color: red;
    background-color: #ffffcc;
    font-size: 0.9em;
}

form table td.control {
  text-align: right;
  background-color: white;
  border: none;
}

p.menu a {
  padding: 2px 6px;
  border: 1px solid white;
}
p.menu a.active {
  background-color: #ffff66;
  border: 1px solid black;
}

table.index td {
  position: relative;
  vertical-align: top;
  padding: 8px;
}
table.index td h1 {
  position: absolute;
  z-index: 1;
  text-align: center;
  font-size: 2em;
  color:white;
  width: 100px;
  margin: 4px 0 0 0;
}

div.sitemap table td {
  padding: 8px;
  width: 50%;
  vertical-align: top;
}
div.sitemap li {
  margin-top: 8px;
  list-style-image: url(../images/link.gif);
}
div.sitemap li li {
  list-style-image: url(../images/little_link.gif);
}

div.teams {
  margin: 8px 0 0 0;
}

div.feed  {
  text-align: right;
}
div.feed a {
  background-image: url(../images/feed.gif);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 0 8px 0 20px;
  font-size: 0.9em;
  color: black;
  text-decoration: none;
}

ul.posts {
  padding: 0;
}
ul.posts li {
  list-style: none;
  background-image: url(../images/footprint_small.gif);
  background-repeat: no-repeat;
  background-position: 0px 16px;
  padding: 8px 8px 8px 60px;
  margin: 0;
}
ul.seeks {
  padding: 0;
}
ul.seeks li {
  list-style: none;
  background-repeat: no-repeat;
  background-position: 0px 16px;
  padding: 8px 8px 8px 60px;
  margin: 0;
}
ul.seeks li.seek_false a {
}
ul.seeks li.seek_true a {
  text-decoration: line-through;
  color: #666666;
}
a.delete {
  background-image: url(../images/delete.gif);
  background-position: left 50%;
  background-repeat: no-repeat;
  padding: 0 0 0 18px;
  height: 16px;
  text-decoration: none;
  color: black;
}
a.delete:hover {
  text-decoration: underline;
  color: blue;
}

label {
  display: block;
}
li.newsletter_0 {
  color: blue;
}
li.newsletter_1 {
  color: #999;
}
li.newsletter_2 {
  color: green;
}
li.newsletter_3 {
  color: red;
}
li.newsletter_4 {
  color: black;
}

ul.compact {
  display: inline;
  padding: 0;
}
ul.compact li {
  display: inline;
  margin: 0;
  line-height: 1.6em;
}
ul.compact li a {
  text-decoration: none;
}
ul.compact li.active a {
  text-decoration: underline;
}
ul.compact li a:hover {
  text-decoration: underline;
  color: black;
}
li.cloud_1 a, span.cloud_1 {
  color: #6667ff;
}
li.cloud_2 a, span.cloud_2 {
  color: #0000ff;
}
li.cloud_3 a, span.cloud_3 {
  color: #0000ff;
  font-size: 1.1em;
  font-weight: bold;
}
li.cloud_4 a {
  color: #0000ff;
  font-size: 1.2em;
  font-weight: bold;
}
li.cloud_5 a {
  color: #0000ff;
  font-size: 1.2em;
  font-weight: bold;
}
li.cloud_6 a {
  color: #0000ff;
  font-size: 1.2em;
  font-weight: bold;
}
li.cloud_7 a {
  color: #0000ff;
  font-size: 1.2em;
  font-weight: bold;
}
li.cloud_8 a {
  color: #0000ff;
  font-size: 1.2em;
  font-weight: bold;
}
li.cloud_9 a {
  color: #0000ff;
  font-size: 1.2em;
  font-weight: bold;
}
ul.org img {float: left; margin: 8px;}
ul.org li {clear: left;}

table.mailer {border-collapse: collapse;}
table.mailer th {font-weight: normal}
table.mailer td, table.mailer th {vertical-align: top; padding: 4px; margin: 0;}
table.mailer td.number {text-align: right; padding: 12px 22px 4px 4px;  border: 1px solid #999;}
table.mailer td.links {text-align: left; }
table.mailer td.links a {display: block;}

table.format {border-collapse: collapse; width: 500px;}
table.format th.column {width: 47%; text-align: center; vertical-align: top;}
table.format th.wet {background-color: #0060cf; color: white; border: 1px solid #0060cf;}
table.format th.dry {background-color: #bc8b46; color: black;  border: 1px solid #bc8b46;}
table.format td.wet {background: url(../images/kayaker.gif) no-repeat 4px 4px;}
table.format td.new {background: url(../images/new.gif) no-repeat 4px 4px;}
table.format td.wet {border: 2px solid #0060cf;}
table.format td.dry {border: 2px solid #bc8b46;}
table.format th h2 {margin: 4px;}
table.format th p {font-weight: normal; padding: 4px; margin: 4px;}
table.format th.dry p a {text-decoration: none; color: black;}
table.format th.wet p a {text-decoration: none; color: white;}
table.format th p a:hover {text-decoration: underline;}
table.format td {padding: 8px; vertical-align: top;}
table.format td p.entry-criteria {text-align: right;}
table.format th h2 {font-size: 1.2em; text-align: center;}
table.format td h2 {font-size: 1em; text-align: center;}
table.format td div.strap {position: absolute; top: -5px; left: -5px; font-style: italic; font-size: 15px;}
ul.format li {list-style-type: square; clear: both;}
div.count {text-align: right; position: relative;}

table.compact {border-collapse: collapse;}
table.compact td {padding: 1px 4px; background: #f7f7f7; border: 1px solid #999999;}
div.box {padding: 2px 8px; margin: 0 0 8px 0;}
div.box h1, h2 {margin: 6px 0;}
div.box p {margin: 4px 0;}

div.pale-green {background: url(../images/pale-green-bg.jpg) #a3db6b top left repeat-x;}
div.pale-brown {background: url(../images/pale-brown-bg.jpg) #FFC273 top left repeat-x;}
div.bright-yellow {background:  #ffff77 top left repeat-x;}
div.grey {background: url(../images/grey-bg.jpg) #E0E0E0 top left repeat-x;}
div.dull-brown {background: #E6BF8A top left repeat-x;}
div#shelterbox {padding: 0 0 8px 0; text-align: center;}
div#shelterbox img {}

dl b {font-weight: bold; background: none;}
dl dt {margin: 8px 0; color: #990000;}
dl dd {margin: 0 0 16px 24px;}
div.members a {text-decoration: none; color: black; font-size: 0.9em;}
div.members a:hover {text-decoration: underline; color: blue;}

#twitter {
  position: absolute;
  top: 93px;
  right: 146px;
  z-index: 2;
}
#sleepmonsters {
  position: absolute;
  top: 25px;
  right: 0px;
  z-index: 2;
}

#fb {
  float: right;
  padding: 5px 0 0 0;
}

/*--- clear ---*/

br.clear {
clear: both;    
}

.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.clearfix {
display: inline-block;  
}

html[xmlns] .clearfix {
display: block; 
}

* html .clearfix {
height: 1%;     
}