/*CSS FILE CONTENT
  1:  Global styles
  2:  Div which centers page in window
  3:  Header divs
    3a:  Main menu
    3b:  Mini menu
    3c:  Individual Mini Menu Divs
  4:  Pageholder div (holds left/content/right)
    4a:  Home pageholder div (i.e. Headlineholder div)
    4b:  Headlines
  5:  Left div
  6:  Content div
    6a:  Content
    6b:  Content Images
    6c:  Photo Gallery
  7: Right div
  8: Bottom & footer divs
*/

/*1: GLOBAL STYLES*/
body {
  margin: 0px;
  padding: 0px;
  background-color: #000000;
  color: #CCCCCC;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  list-style-image: none;
  list-style-type: none;
  text-decoration: none;
  visibility: visible;
}
a {
  color: #FFDB55;
  text-decoration: none;
  font-size: 12px;
}
a:hover {
  color: #FF5500;
}
ul {
}
li {
}
img {
  border: 0px;
  margin: 0px;
  padding: 0px;
}
p {
  margin: 0px;
  padding: 0px;
  border: 0px;
  color: #CCCCCC;
}
div {
  display: inline;
  margin: 0px;
  padding: 0px;
}
span {
  color: #006699;
}

/*2: DIV WHICH CENTERS PAGE IN WINDOW*/
div#wrapper {
  display: block;
  position: relative;
  width: 950px;
  margin-left: auto;
  margin-right: auto;
  margin: 0 auto;
  background-color: #000;
  height: auto;
}

/*3: HEADER DIVS*/
div#banner {
  position: relative;
  width: 950px;
  height: 370px;
  min-height: 370px;
  min-width: 950px;
  display: block;
}
div#tree {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 950px;
  height: 370px;
  background-image: url('../images/design/wrap_tree.gif');
  background-repeat: no-repeat;
  z-index: 2;
}
div#logo {
  position: absolute;
  top: 5px;
  left: 498px;
  background-color: transparent;
  z-index: 3;
}
div#slideshow {
  position: absolute;
  top: 65px;
  left: 248px;
  width: 685px;
  height: 260px;
  z-index: 1;
}

/*3a: MAIN MENU*/
div#mainmenu {
  position: absolute;
  top: 90px;
  left: 50px;
  width: 215px;
  height: 125px;
  background-color: transparent;
  z-index: 3;
}
#mainmenu ul {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}
#mainmenu li {
  display: block;
  text-align: left;
  font-family: Verdana;
  margin-bottom: 10px;
  height: 25px;
  width: 215;
  min-height: 25;
  min-width: 215;
}
#mainmenu a.mainnav {
  padding: 0px;
  margin: 0px;
  border: 0px;
  height: 25px;
  min-height: 25px;
  min-width: 215px;
  display: block;
  width: 215;
}
#mainmenu a#summercamp {
  background-image: url('../images/design/off_mainnav_summercamp.gif');
}
#mainmenu a#retreats {
  background-image: url('../images/design/off_mainnav_retreats.gif');
}
#mainmenu a#outdooreducation {
  background-image: url('../images/design/off_mainnav_outdooreducation.gif');
}
#mainmenu a#facilityrental {
  background-image: url('../images/design/off_mainnav_facilityrental.gif');
}
#mainmenu a#summercamp:hover {
  background-image: url('../images/design/on_mainnav_summercamp.gif');
}
#mainmenu a#retreats:hover {
  background-image: url('../images/design/on_mainnav_retreats.gif');
}
#mainmenu a#outdooreducation:hover {
  background-image: url('../images/design/on_mainnav_outdooreducation.gif');
}
#mainmenu a#facilityrental:hover {
  background-image: url('../images/design/on_mainnav_facilityrental.gif');
}

/*3b: MINI MENU*/
div#minimenu {
  position: absolute;
  bottom: 20px;
  left: 287px;
  height: 28px;
  background-color: transparent;
  z-index: 4;
}
#minimenu ul.mininav {
  padding: 0;
  margin: 0;
  list-style-type: none;
  height: 28px;
}
#minimenu li.mininav {
  padding: 0px;
  margin: 0px;
  text-align: center;
  width: 94px;
  height: 28px;
  line-height: 28px;
  display: inline;
}
#minimenu a.mininav {
  border-style: none;
  border-color: inherit;
  border-width: 0px;
  float: left;
  width: 94px;
  height: 28px;
  text-decoration: none;
  color: #FFDB55;
  padding: 0px;
  text-align: center;
  background-image: url('../images/design/minibutton_off.gif');
  font-size: 10px;
  font-family: Verdana;
  font-weight: bold;
}
#minimenu a.mininav:hover {
  background-image: url('../images/design/minibutton_on.gif');
  color: #FF5500;
}

/*3c: INDIVIDUAL MINIMENU DIVS */
div#funstuffdiv {
  position: absolute;
  bottom: 48px;
  left: 293px;
  width: 120px;
  z-index: 3;
  visibility: hidden;
}
div#resourcesdiv {
  position: absolute;
  bottom: 48px;
  left: 387px;
  width: 120px;
  z-index: 3;
  visibility: hidden;
}
div#getinvolveddiv {
  position: absolute;
  bottom: 48px;
  left: 481px;
  width: 120px;
  z-index: 3;
  visibility: hidden;
}
div#aboutusdiv {
  position: absolute;
  bottom: 48px;
  left: 575px;
  width: 120px;
  z-index: 3;
  visibility: hidden;
}
ul.mininavsub {
  width: 115px;
  height: auto;
  display: inline;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  background: transparent;
}
li.mininavsub {
  background: transparent;
  text-align: center;
  margin: 0px;
  padding: 0px;
  width: 115px;
  display: inline;
}
a.mininavsub {
  float: left;
  width: 100%;
  text-decoration: none;
  color: #998866;
  background-color: #000000;
  padding: 2px 0px 2px 4px;
  margin: 0px;
  opacity: 0.80;
  moz-opacity: 0.80;
  filter: alpha(opacity=80);
  font-size: 10px;
  display: inline;
}
a.mininavsub:hover {
  float: left;
  width: 100%;
  text-decoration: none;
  color: #FF5500;
  background-color: #000000;
  padding: 2px 0px 2px 4px;
  margin: 0px;
  font-size: 10px;
  display: inline;
}

/*4: PAGEHOLDER DIV (LEFT/CONTENT/RIGHT)*/
div#pageholder {
  display: block;
  width: 950px;
  margin-top: 0px;
  margin-bottom: 0px;
  background-repeat: repeat-y;
  z-index: 3;
  height: auto;
  background-color: #000000;
  background-image: url('../images/design/wrap_content.gif');
  overflow: hidden;
  position: relative;
}

/*4a: HOME PAGEHOLDER DIV (I.E. HEADLINEHOLDER DIV)*/
div#headlineholder {
  display: block;
  width: 950px;
  margin-top: 0px;
  margin-bottom: 0px;
  background-repeat: repeat-y;
  z-index: 4;
  height: 308px;
  min-height: 308px;
  background-color: #000000;
  background-image: url('../images/design/wrap_content.gif');
  overflow: visible;
  position: relative;
}
div#headlineholder img.frontleft {
  position: absolute;
  top: -20px;
  left: 7px;
}
div#headlineholder img.frontright {
  position: absolute;
  top: -23px;
  right: 8px;
}
div.quicklinks {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 5;
}
/*4b: HEADLINES*/
table.headliner {
  position: relative;
  width: 520px;
  margin: 0px;
}
table.headliner img {
  margin: 0px;
}
td.headlinepic {
  width: 120px;
}
td.headline {
  width: 400px;
  font-size: 12px;
}
table.headliner h1.three {
  color: #FFDB55;
  font-weight: bold;
  font-size: 14px;
  margin-left: 0px;
  margin-bottom: 3px;
  margin-top: 0px;
}
table.headliner h1.four {
  margin: 0px auto 3px auto;
  color: #FFDB55;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 3px;
  text-align: center;
}
table.headliner p.three {
  width: 380px;
  padding: 0px;
  padding-top: 4px;
  border-top-width: 1px;
  border-top-color: #FF5500;
  border-top-style: solid;
  margin-left: 0px;
  height: 62px;
}
table.headliner p.four {
  width: 245px;
  padding: 0px;
  padding-top: 4px;
  border-top-width: 1px;
  border-top-color: #FF5500;
  border-top-style: solid;
  margin-left: 0px;
  height: 62px;
}

/*5: LEFT DIV*/
div#leftholder {
  display: inline;
  float: left;
  width: 140px;
  height: auto;
  margin-left: 30px;
  margin-right: 30px;
  min-width: 140px;
}
#leftholder h1 {
  color: #FF5500;
  font-size: 17px;
  font-variant: small-caps;
  font-weight: bold;
  margin-bottom: 7px;
  margin-top: 0px;
}
#leftholder ul {
  padding: 0px;
  margin: 0px;
  list-style-type: square;
  list-style-position: outside;
  color: #FFDB55;
  margin-left: 15px;
}
#leftholder a:hover {
  color: #FF5500;
  text-decoration: none;
}

/*6: CONTENT DIV*/
div#contentholder {
  display: inline;
  float: left;
  width: 520px;
  margin-left: 15px;
  margin-right: 15px;
  height: auto;
  min-width: 520px;
}

/*6a: CONTENT*/
#contentholder h1 {
  color: #FF5500;
  font-weight: bold;
  font-size: 17px;
  margin-top: 0px;
  font-variant: small-caps;
}
#contentholder h2 {
  color: #804C16;
  font-weight: bold;
  font-size: 13px;
  font-style: italic;
}
#contentholder h3 {
  margin: 0px;
  color: #804C16;
  font-weight: bold;
  font-size: 13px;
}
#contentholder h4 {
  margin-bottom: 7px;
  color: #CCCCCC;
  font-size: 9px;
  margin-top: 0px;
}
#contentholder table {
  color: #CCCCCC;
  font-size: 12px;
  margin-left: 15px;
}
#contentholder table th {
  color: #804C16;
  text-align: left;
  font-weight: bold;
  text-decoration: underline;
  padding-top: 7px;
}
table.schedule td.time {
  text-align: right;
  padding-left: 5px;
}
table.schedule td.activity {
  text-align: left;
  padding-left: 5px;
}
table.leftaligned {
  color: #CCCCCC;
  font-size: 12px;
  margin: 0px;
}
#contentholder ol {
  list-style-type: decimal;
  margin-left: 35px;
  list-style-position: outside;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 12px;
}
#contentholder ul {
  list-style-type: square;
  margin-left: 35px;
  list-style-position: outside;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 12px;
}
span.quote {
  color: #006699;
  font-size: 11px;
  font-style: italic;
}
/*6b: CONTENT IMAGES*/
img.righttop {
  display: inline;
  float: right;
  margin: 0px 0px 7px 7px;
  padding: 0px;
  border: 0px;
}
img.right {
  display: inline;
  float: right;
  margin: 7px 0px 7px 7px;
  padding: 0px;
  border: 0px;
}
img.rightbottom {
  display: inline;
  float: right;
  margin: 7px 0px 0px 7px;
  padding: 0px;
  border: 0px;
}
img.lefttop {
  display: inline;
  float: left;
  margin: 0px 3px 3px 0px;
  padding: 0px;
  border: 0px;
}
img.left {
  display: inline;
  float: left;
  margin: 3px 3px 3px 0px;
  padding: 0px;
  border: 0px;
}
img.leftbottom {
  display: inline;
  float: left;
  margin: 3px 3px 0px 0px;
  padding: 0px;
  border: 0px;
}
img.center {
  display: block;
  margin: 3px auto;
  padding: 0px;
  border: 0px;
}
/*6c: PHOTO GALLERY*/
#contentholder table.gallery {
  color: #CCCCCC;
  font-size: 12px;
  margin: 5px 4px;
  padding: 0px;
  display: inline;
  float: left;
  width: 160px;
  min-width: 160px;
  border: 0px;
}
#contentholder table.gallery td {
  text-align: center;
  padding: 0px;
}

/*RIGHT DIV*/
div#rightholder {
  display: inline;
  float: left;
  width: 140px;
  height: auto;
  margin-left: 30px;
  margin-right: 30px;
  min-width: 140px;
}
#rightholder h1 {
  color: #FF5500;
  font-size: 17px;
  font-variant: small-caps;
  font-weight: bold;
  margin-bottom: 7px;
  margin-top: 0px;
}
#rightholder ul {
  padding: 0px;
  margin: 0px;
  list-style-type: square;
  list-style-position: outside;
  color: #FFDB55;
  margin-left: 15px;
}
#rightholder a:hover {
  color: #FF5500;
  text-decoration: none;
}
/*BOTTOM & FOOTER DIVS*/
div#bottomholder {
  width: 950px;
  height: 60px;
  background-image: url('../images/design/wrap_bottom.gif');
  background-repeat: no-repeat;
  display: block;
  clear: both;
}
div#footer {
  width: 950px;
  padding: 0px;
  text-align: center;
  font-size: 9px;
  display: block;
  margin-top: 15px;
  clear: both;
}
#footer a {
  font-size: 9px;
}