body {background-color: #062714; margin-top: 15px; color: #fff; font-family: georgia;}
a {color: #f1e6b5;}

a, a:active, input:active, button:visited, a:visited, input:visited{
    outline: none;
    border: none;
    border-width: 0;
}

#home div#container {width: 802px; margin: auto; position: relative; }
div#container {width: 802px; margin: auto; position: relative; }

div#menu_home {
    position: absolute;
    top: 279px;
}

div#cit {
    position: relative;
    top: 3px;
    align: center;
}

div#container { 
    background-color:#18462C;
    border: 3px solid #18462C;
    border-top: none;
    height: 805px;
}

#home div#container {
    height: 600px;
}

#campinfo div#container {
    height: 835px;
}

span.footer, span.footer a {
    color: #f1e6b5;
    font-size: 14px;
    text-align: center;
    font-family: scala sans; !important
}

div#logo {
    position: absolute;
    top: -50px;
    left: 435px;
    z-index: 100;
}

#staffinfo div#logo {
    left: 385px;
}

div#gradient {
    background: transparent url(images/gradientBelief.png);
    position: relative;
    top: -50px;
    padding: 10px 10px 0px 10px;
    z-index: 100;
}

.clearBoth {clear: both;}

div#menu {position: absolute;
          top: 15px;
          z-index: 10000;
}
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.preload1 {background: url(three_1.gif);}
.preload2 {background: url(three_1a.gif);}

#nav {padding:0; margin:0; list-style:none; height:36px; background:#25332B url(images/menu.jpg); z-index:500; font-family:arial, verdana, sans-serif; text-indent: -20000px;}
#home #nav {
    background: #25332B url(images/menu.jpg); 
}

#nav li.top {display:block; float:left; height:36px; position: relative; top: 2px;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(three_0.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(three_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(three_0a.gif) no-repeat right top;}

#nav li:hover a.top_link {color:#d3c19d; background: url(three_1.gif) no-repeat;}
#nav li:hover a.top_link span {background:url(three_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down {background:url(three_1a.gif) no-repeat right top;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:1px; top:36px; background: #062714; padding:3px; border:1px solid #18462C; white-space:nowrap; width:150px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:150px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:18px; width:148px; line-height:18px; text-indent:5px; color:#d3c19d; text-decoration:none;border:1px solid #bbd37e;}
#nav li ul.sub li a.fly
{background:#bbd37e;}
#nav li:hover ul.sub li a:hover 
{background:#18462C; color:#d3c19d; border-color:#d3c19d;}
#nav li:hover ul.sub li a.fly:hover
{background-color:#18462C; color:#d3c19d;}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:150px; top:-4px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:150px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#18462C; color:#d3c19d; border-color:#d3c19d;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#bbd37e url(arrow.gif) 80px 6px no-repeat; color:#d3c19d; border-color:#bbd37e;} 
#nav li.menuHome {background: url(images/menuHome.png) no-repeat center center; width: 60px; top: 1px;}
#nav li.menuHome a {width: 60px;}
#nav li.menuBelief a {width: 85px;}
#nav li.menuBelief {background: url(images/menuBelief.png) no-repeat center center; width: 85px;}
#nav li.menuProgram a {width: 115px;}
#nav li.menuProgram {background: url(images/menuProgram.png) no-repeat center center; width: 115px;}
#nav li.menuTradition a {width: 125px;}
#nav li.menuTradition {background: url(images/menuTradition.png) no-repeat center center; width: 125px;}
#nav li.menuPlace a {width: 85px;}
#nav li.menuPlace {background: url(images/menuPlace.png) no-repeat center center; width: 85px;}
#nav li.menuLeadership a {width: 130px;}
#nav li.menuLeadership {background: url(images/menuLeadership.png) no-repeat center center; width: 130px;}
#nav li.menuStaff a {width: 80px;}
#nav li.menuStaff {background: url(images/menuStaff.png) no-repeat center center; width: 80px;}
#nav li.menuInfo a {width: 85px;}
#nav li.menuInfo {background: url(images/menuInfo.png) no-repeat center center; width: 85px;}
#nav {padding-left: 10px;}
#home #nav li.menuHome {background: url(images/menuHome.png) no-repeat center center; width: 7px; top: 1px;}
#home #nav li.menuHome a {width: 70px;}
#home #nav li.menuBelief a {width: 95px;}
#home #nav li.menuBelief {background: url(images/menuBelief.png) no-repeat center center; width: 95px;}
#home #nav li.menuProgram < a {width: 125px;}
#home #nav li.menuProgram {background: url(images/menuProgram.png) no-repeat center center; width: 125px;}
#home #nav li.menuTradition a {width: 135px;}
#home #nav li.menuTradition {background: url(images/menuTradition.png) no-repeat center center; width: 135px;}
#home #nav li.menuPlace a {width: 95px;}
#home #nav li.menuPlace {background: url(images/menuPlace.png) no-repeat center center; width: 95px;}
#home #nav li.menuLeadership a {width: 140px;}
#home #nav li.menuLeadership {background: url(images/menuLeadership.png) no-repeat center center; width: 140px;}
#home #nav li.menuStaff < a {width: 90px;}
#home #nav li.menuStaff {background: url(images/menuStaff.png) no-repeat center center; width: 89px;}
#home #nav li.menuInfo a {width: 95px;}
#home #nav li.menuInfo {background: url(images/menuInfo.png) no-repeat center center; width: 95px;}
#home #nav {padding-left: 10px;}
#footer {text-align: center; position: absolute; bottom: 0px; width: 100%; font-family: scala sans-serif !important;}
#footerhome {text-align: center; position: relative; width: 100%; font-family: scala sans-serif;}
span.footer {font-family: scala sans-serif !important;}
.formcol1 {
    float:left;
    text-align:left;
    width:180px;
}

#place div#background {
    background: url(images/Our-Place.jpg);
    height: 608px;
}
#leadership div#background {
    background: url(images/bobbijeff.jpg);
    height: 570px;
}

#campinfo div#background {
    background: url(images/campinfo.jpg);
    height: 275px;
}

#staffinfo div#background {
    background: url(images/staffimportant.jpg);
    height: 275px;
}

h2 {
    color: #f1e6b5;
    margin-bottom: 0;
    font-size: 1.2em;
}

#naturalplay h2 {
    margin-top: 0;
}

a.staffbutton, span.staffbutton {
    float: left;
    padding: 0 25px;
    text-decoration: none;
}

#campinfo a.staffbutton {
    float: left;
    padding: 0 17px;
}

.staffbuttoncontainer {
    width: 700px;
    margin: auto;
    text-align: center;
}

img {border: none;}

ul#image_rotate {
    padding: 3px 0 0 1px;
}

div.scroll {
    overflow-y: scroll;
    height: 200px;
}

.formcol1 {
    float:left;
    padding-bottom:4px;
    text-align:left;
    width:180px;
}

.formcol2 {
    float:left;
    padding-bottom:4px;
    text-align:left;
    width:250px;
}
.formcol3 {
    float:left;
    padding-bottom:4px;
    text-align:left;
    width:600px;
}

.scroll3 {
    height:360px;
    padding-left:10px;
    text-align:left;
    width:500px;
}

#apply #background {height: 155px;}
div.scrollArea {height: 570px; overflow-y: scroll; overflow-x: hidden;}
#leadership div.scrollArea {height: 162px;}
#staffinfo div.scrollArea {height: 460px; padding-right: 15px;}
#program div.scrollArea {height: 200px; padding-right: 15px;}
.basiccol {
    float:left;
    padding-bottom:4px;
    text-align:center;
    width:100px;
}

.basiccol2 {
    float:left;
    padding-bottom:4px;
    text-align:left;
    width:140px;
}

.basiccol3 {
    float:left;
    width:80px;
}

#apply form {width: 600px;}

p.regular_text{width: 700px;}
div.center {width: 640px; margin-left: auto; margin-right: auto; text-align: center;}

body#staffinfo td {
    padding: 2px;
}

a.staffbutton img {
    width: 120px;
}

/*---------------------------------- Theater Camp ----------------------------*/

body#theater {background-color: #000000; margin-top: 15px; color: #fff; font: 12px/14px "Times New Roman", "Georgia", serif;}


#theater div#container {
    background: url('images/theater-camp.jpg') no-repeat 0 0;
    height: 797px;
    border-color: #005C76;
}

#theater div#container #main{
    width: 669px;
    height: 541px;
    margin: 180px 0px 0px 65px;
    float: left;
    color: #005a73;
    font-size: 1.2em;
    line-height: 1.1em;
}

#theater div#container #main #copy{
    float: left;
    height: 220px;
    margin: 109px 0 0 32px;
    width: 279px;
}

#theater div#container #main #copy p{
    margin: 10px 0 0 0;
    padding: 0;
}
#theater div#container #main #copy p.second{
    margin-top: 16px;
}

#theater div#container #main #copy p:first-letter{
    font-size: 1.4em;
}

#theater div#container #main #schedule-heading{
   float: left;
    height: 158px;
    line-height: 0.91em;
    margin: 109px 0 0;
    padding: 62px 32px 0 27px;
    text-align: right;
    width: 112px;
}

#theater div#container #main #schedule-listing{
    float: left;
    margin: 109px 0px 0px 0px;
    width: 173px;
    height: 200px;
    padding: 11px 0px 0px 0px;
    /*background: red;*/
}

#theater div#container #main #schedule-listing ul{
    margin: 0;
    padding: 0;
}

#theater div#container #main #schedule-listing li{
    display: block;
    line-height: 1.84em;
    letter-spacing: .03em;
    margin: 0px;
    padding: 0px;
}

#theater div#container #main #feature-pods{
    float: left;
    width: 652px;
    height: 128px;
    margin: 5px 0 0;
    padding: 0 0px 0 17px;
}

#theater div#container #main .feature{
    float: left;
    width: 154px;
    height: 128px;
    margin-right: 7px;
}

#theater div#container #main .feature h3{
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0;
}

#theater div#container #main .feature h3 span{
    text-indent: -3000px;
    margin-left: -3000px;
}

#theater div#container #main .feature p{
    color: #FFFFFF;
    margin: 0;
    padding: 8px 0px 0px 0px;
    font-size: .9em;
    text-align: center;
}

#theater div#container #main .feature p.first{
    padding: 10px 0px 0px 0px;
}

#theater div#container #main .feature p.hours{
    padding: 0px;
    line-height: 1.05em;
}

#theater div#container #main .feature p.place{
    padding: 20px 0 0 0;
    line-height: 1.05em;
}

#theater div#container #main .feature p.address{
    padding: 10px 0 0;
    line-height: 1.05em;
}

#theater div#container #main .feature p.city{
    padding: 4px 0 0;
    line-height: 1.05em;
}

#theater div#container #main .feature p.price{
    padding: 4px 0 0;
    line-height: 3.0em;
}

#theater div#container #main .feature p.price span{
    text-indent: -3000px;
    margin-left: -3000px;
}

#theater div#container #main .feature p.message{
    padding: 4px 5px 0 5px;
    line-height: 1.1em;
}

#theater div#container #main #base-pods{
    float: left;
    height: 72px;
    margin: 5px 0 0;
    padding: 0 0 0 17px;
    width: 652px;
}

#theater div#container #main #base-pods .pod{
    float:left;
    width: 319px;
    height: 72px;
    /*background: blue;*/
}

#theater div#container #main #base-pods .pod #register{
    float:left;
    width: 253px;
    padding-top: 13px;
    height: 59px;
}

#theater div#container #main #base-pods .pod #register p{
    margin: 0;
    padding: 0;
}

#theater div#container #main #base-pods .pod #register p a{
    color: #005a73;
    text-decoration: none;
}

#theater div#container #main #base-pods .pod #register p a:hover{
    text-decoration: underline;
}

#theater div#container #main #base-pods .pod #or{
    float:left;
    width: 55px;
    padding: 13px 11px 0px 0px;
    height: 59px;
}

#theater div#container #main #base-pods .pod #or p{
    margin: 0;
    padding: 0;
    line-height: 50px;
    font-size: 1.4em;
    text-align: right;
}

#theater div#container #main #base-pods .pod a#register-button{
    display: block;
    float: left;
    width: 260px;
    margin: 0;
    padding: 0;
    height: 50px;
    background: url('images/register-button.png') no-repeat 0 0;
}

#theater div#container #main #base-pods .pod a#register-button:hover{
    background-position: 0 -50px;
    cursor: pointer;
}


#theater div#container #main #base-pods .pod a#register-button span{
    text-indent: -3000px;
    margin-left: -3000px;
}

body#theater #footerhome{
    margin-top: 10px;
}

body#theater #footerhome span.footer, body#theater #footerhome span.footer a {
    color: #cce7db;
}