body {
    margin: 0;
    padding: 0;
    background: url(../images/bg.jpg) top center no-repeat #132b0a;
    font: 13px/1.5 Arial,Helvetica,sans-serif;
    color: #c5bfbf;
}

p {
    margin: 0;
    padding: .75em 0 0 0;
}

a.nouline {
    text-decoration: none !important;
}
a:hover.nouline {
    text-decoration: underline !important;
}

a.arrow {
    padding-right: 14px;
    background: url(../images/arrow.png) right center no-repeat;
    min-height: 9px;
    text-decoration: none;
}
a.arrow:hover {
    text-decoration: underline;
}

img {
    border: 0;
}
.caps {
    text-transform: uppercase;
}

.bold {
    font-weight: bold;
}
.fac .image img, .youth .image img {
	height:164px;
	width:207px;
}

.left {
    float: left !important;
}

.right {
    float: right !important;
}

.clear {
    clear: both !important;
}
.red {
    color: #f00 !important;
}
.blue {
    color: #06f !important;
}
.white {
    color: #fff !important;
}
.orangeLinks a, a.orange {
	color: #de4a1f !important;
}

h4 {
	margin: 0;
	padding: 0;
}

/** Main Structure **/
#main {
    width: 948px;
    margin: 0 auto;
    background: url(../images/bg_main.gif) 0 135px repeat-y #022742;
}
#logo {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -486px;
    z-index: 20;
}

.topBar {
    clear: right;
    float: right;
    width: 756px;
    height: 21px;
    color: #99968d;
    text-transform: uppercase;
    font-size: .85em;
    border-bottom: 2px solid #155b83;
}
.topBar .crumbs {
    padding: 2px 0 0 12px;
    float: left;
}
.topBar a {
    color: #99968d;
}
.topBar strong, .topBar h1  {
    color: #dbdad8;
}
.topBar h1 {
    font-size: 1em;
    margin: 0;
    padding: 0;
    display: inline;
}

.headgfx {
    background: url(../images/bg_headgfx.gif) 0 0 repeat-x #003a62;
    height: 190px;
    width: 756px;
    position: relative;
    float: right;
}
#headImage {
    width: 716px;
    height: 190px;
    float: right;
    background-position: right top;
    background-repeat: no-repeat;
}
#headImage h1 {
    margin: 0;
    padding: 0;
}
#headImage img {
    margin: 38px 0 12px 0;
}
#headImage p {
    color: #a4a0a0;
    margin: 0;
    padding: 0;
    font-size: 1em;
}

/** Nav **/
ul#nav, ul#nav li {
    margin: 0;
    list-style:none;
    float: right;
}
ul#nav li {
    margin: 0;
    list-style:none;
    float: left;
}

a.fadeNav {
    position:relative;
    display:block;
    height: 60px;
    background-repeat: no-repeat;
    cursor: pointer;
}
a#navAbout, a#navAbout span.hover {
    width: 143px; background-image: url(../images/nav_about.gif); }
a#navPrograms, a#navPrograms span.hover {
    width: 145px; background-image: url(../images/nav_programs.gif); }
a#navFacil, a#navFacil span.hover {
    width: 135px; background-image: url(../images/nav_facil.gif); }
a#navContact, a#navContact span.hover {
    width: 138px; background-image: url(../images/nav_contact.gif); }

a.fadeNav * {
    display: none;
}

a.fadeNav span.hover {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 60px;
    width: 104px;
    background-position: 0 -60px;
}

/** Left Nav **/
#leftNav {
    float: left;
    width: 182px;
    margin: 86px 0 0 5px;
    background: url(../images/bg_subnav_list.gif) 0 0 repeat-y #3C4246;
}

#leftNav h4 {
    margin: 0;
    padding: 0;
    background: url(../images/bg_subnav.gif) 0 0 no-repeat #3C4246;
    height: 31px;
    width: 182px;
    text-transform: uppercase;
    font-size: 1em;
}
#leftNav h4 a {
    display: block;
    padding: 5px 0 0 13px;
    text-decoration: none;
    color: #e27102;
}
#leftNav h4 a:hover {
    text-decoration: underline;
}
#leftNav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#leftNav ul li {
    padding: 0;
    margin: 5px 0;
    width: auto;
}
#leftNav ul a {
    color: #b5babd;
    text-decoration: none;
    background: transparent;
    padding: 0 0 0 24px;
    margin: 0;
    display: block;
    width: auto;
}
#leftNav ul a:hover, #leftNav ul a.current {
    background: url(../images/bg_subnav_arrow.gif) 0 0 no-repeat;
    color: #fff;
}
#leftNav img {
    position: absolute;
}

/** Inside Grid **/
#twoCol {
    width: 756px;
    padding-top: 12px;
    float: right;
}
.mainCol {
    width: 497px;
    float: left;
    margin-left: 13px;
    color: #1f1e1e;
    background: url(../images/bg_maincol.gif) 0 0 repeat-y #d9d7c5;
}
.mainCol img {
    position: absolute;
}
.mainCol .insides {
    padding: 10px 15px 15px 25px;
}
.mainCol .insides img {
    position: static;
}
.mainCol h2, .mainCol h1 {
    font-size: 2em;
    color: #302e2e;
    font-weight: normal;
    padding: 0;
    margin: 0;
}

h2.landing, h1.landing {
    font-weight: normal;
    margin: 5px 0 0 25px;
    font-size: 2em;
    color: #fff;
}

h3 {
  font-size: 1.4em;
  margin-bottom: 0;
  padding-bottom: 0;
  font-weight: normal;
  color: #302e2e;
}
h3.bigorange {
  color: #e7491e;
  text-transform: uppercase;
  padding-top: 0;
  margin-top: 25px;
  font-weight: bold;
}

.mainCol ul {
    list-style-type: none;
    padding: 0;
    margin: 0 0 0 5px;
}
.mainCol li {
    background: url(../images/bull.gif) 0 6px no-repeat;
    margin: 0;
    padding: 0 0 0 14px;
}
.black { color: #000 !important; }

.rightCol {
    width: 229px;
    float: left;
    margin-left: 9px;
}
.rightCol .greyBox {
    background: url(../images/bg_greybox.gif) 0 0 repeat-x #302e2e;
    width: 220px;
    margin-bottom: 30px;
    box-shadow: 3px 5px 5px 1px #01111c;
    -webkit-box-shadow: 3px 5px 5px 1px #01111c;
    -moz-box-shadow: 3px 5px 5px 1px #01111c;
}
.rightCol .greyBox .insides {
    padding: 13px 18px;
    font-size: .85em;
    line-height: 1.6em;
}
.rightCol .greyBox .insides, .rightCol .greyBox .insides a {
    color: #a4a0a0;
}

.roundGrey {
    margin-top: 4px;
}

.rightCol .tickerText {
    font-size: .85em;
    padding: 0 14px 14px 14px;
}
.rightCol .tickerText a {
    color: #d4c2c2;
}
.rightCol .tickerText strong, .tabContainer strong {
    color: #fff;
    display: block;
    margin-top: 7px;
}

/** Misc inside bits **/
.featureEven, .featureOdd {
    margin: 0 5px 0 4px;
    width: 488px;
    padding: 15px 0;
    border-bottom: 1px solid #fff;
    clear: both;
}
.featureOdd
{
    background-color: #c0bfaf;
}
.featureEven p, .featureOdd p {
    float: right;
    margin: 0 20px 0 0;
    padding: 0;
    width: 300px;
}

.mainCol .insides p {
	margin:14px 0px 14px 0px;
	padding:0px;
	font-size:12px;
	font-family:arial;
}

/** ORDERED LIST **/
.insides .ordered-list {
	margin:9px 0px 9px 0px;
	overflow:auto;
}

.insides .ordered-list .item {
	margin:15px 0px 15px 0px;
	padding-left:10px;
}

.insides .ordered-list .item .label {
	float:left;
	width:26px;
	height:26px;
	background:url('../images/bg_bullet_item.png') top left no-repeat;
	font-size:20px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	line-height:26px;
}

.insides .ordered-list .item .content {
	padding:0px 15px 0px 36px;
}

/** Footer **/
#footer {
    clear: both;
    background: #022742;
    padding: 23px 12px 10px 12px;
}

#footerBottom {
    margin: 10px 0 20px 0;
    font-size: 0.85em;
    text-align: center;
    line-height: 1.8;
}
#footerBottom a {
    color: #c5bfbf;
}

/** Homepage **/
#ytvideo {
    border: 1px solid #c1c1c1;
    width: 300px;
}
ul#vidQueue {
    width: 300px;
    height: 83px;
    background: url(../images/bg_home_vids.gif) 0 0 repeat-x #2e2e2e;
    border: 1px solid #767676;
    border-width-top: 0;
    overflow: auto;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul#vidQueue li {
    padding: 3px 0 3px 24px;
    margin: 0 0 0 10px;
    background: url(../images/bg_home_vids_list.png) left center no-repeat;
}
ul#vidQueue li a {
    color: #b7b6b6;
}
.roundBlue {
	width: 613px;
	height: 330px;
	border: 1px solid #394045;
	background-color: #011626;
}
.roundBlue .insides {
	padding: 25px 30px;
}

.homeblurb {
  padding: 10px 10px 0 10px;
}
.homeblurb h1 {
  margin: 0; padding: 0; font-size: 1em;
}

.tabNav {
  margin: 9px 0 0 0; height: 23px;
}
.tabNav a {
  float: left;
  display: block;
  height: 23px;
}

#tabBtn1 {
  background: url(../images/tab_summer.gif) 0 0 no-repeat;
  background-position: 0 0;
  width: 138px;
}
#tabBtn2 {
  background: url(../images/tab_facilities.gif) 0 0 no-repeat;
  background-position: 0 0;
  width: 157px;
}
#tabBtn3 {
  background: url(../images/tab_rsl.gif) 0 0 no-repeat;
  background-position: 0 0;
  width: 213px;
}


#tabBtn1:hover, #tabBtn2:hover, #tabBtn3:hover, .tabNav .current {
  background-position: 0 -23px !important;
}
.tabNav a span {
  display: none;
}

.tabContainer {
  margin: 12px 0 0 8px;
  width: 596px;
  height: 338px;
  background-color: #464038;
  font-size: 0.9em;
  line-height: 1.4em;
}
.tabContainer h2 {
  color: #dfdada;
  font-size: 1.2em;
  font-weight: normal;
  margin: 0;
  padding: 0;
}
.tabContents {
  display: none;
  background-repeat: no-repeat;
  height: 338px;
}
.tabContents a {
  color: #ff7f01;
}

.blogData {
  color: #9b9b9b;
  margin-bottom: 25px;
}
.blogData .blogDate {
  font-size: .75em;
}
.blogData h3 {
  font-weight: normal;
  font-size: 1.3em;
  margin: 2px 0 4px 0;
  padding: 0;
}
.blogData h3 a {
  color: #dd5e19;
}
.blogData p {
  margin: 0;
  padding: 0;
  font-size: 0.9em;
}

/** Landing pages **/
.aboutPanel {
    width: 236px;
    height: 199px;
    background: url(../images/bg_about_panel.png) 0 0 no-repeat;
    float: left;
}
.aboutPanel .insides {
    position: absolute;
    margin: 14px 0 0 15px;
    width: 214px;
    height: 175px;
    background-repeat: no-repeat;
}
.aboutPanel .insides .copy {
    position: absolute;
    width: 110px;
    font-size: .85em;
    margin: 15px 0 0 98px;
    color: #000;
}
.aboutPanel .insides .copy p {
    margin: 15px 0 5px 0;
    padding: 0;
}
.aboutPanel .insides .copy a {
    color: #fff;
    font-size: 1.1em;
}

.programThumb {
    background: url(../images/bg_programs_thumb.gif) 0 0 repeat-x #020d12;
    width: 142px;
    height: 142px;
    margin: 0px 4px 0 4px;
    text-align: center;
    float: left;
}
.programThumb img {
    margin: 7px 7px 12px 7px;
}
.programThumb a {
    color: #fff;
    font-size: 1.3em;
}
/** SLIDESHOW **/
.slideshow {
    width:240px;
    height:228px;
    background:url('../images/bg_slideshow.jpg') left no-repeat;
}

.slideshow .image {
    width:207px;
    height:164px;
    display:none;
    margin:16px auto 8px auto;
    overflow:hidden;
}

.slideshow .image img {
    margin:0px auto 0px auto;
}

.slideshow .dashboard {
    width:207px;
    margin:0px auto 0px auto;
}

.slideshow .dashboard a.back {
    float:left;
    width:24px;
    height:23px;
    background:url('../images/slideshow_left_off.jpg');
}


.slideshow .dashboard a.back:hover {
    background:url('../images/slideshow_left_on.jpg');
}

.slideshow .dashboard a.forward {
    float:left;
    width:24px;
    height:23px;
    background:url('../images/slideshow_right_off.jpg');
}

.slideshow .dashboard a.forward:hover {
    background:url('../images/slideshow_right_on.jpg');
}

.slideshow .dashboard .display {
    float:left;
    width:159px;
    text-align:center;
    line-height:23px;
    font-family:arial;
    font-weight:bold;
    font-size:11px;
    color:#a4a0a0;
}

/* 207 x 164 */

.required {
	font-size:11px;
	color:#de4a1f;
}

.form {
	clear:both;
	padding-top:10px;
	overflow:auto;
}

.form label {
	float:left;
	width:115px;
	height:25px;
	line-height:28px;
	margin-right:3px;
	margin-bottom:13px;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	display:block;
}

.form label.checkbox {
  font-weight:normal;
  width:auto;
  margin:0px;
  padding:0px;
}

.form input.checkbox {
  float:left;
  margin:7px 10px 0px 0px;
  padding:0px;
}

.form .text-field, .form .select {
	float:left;
	height:25px;
	border:1px solid #908f86;
	background:#FFF;
	margin-bottom:13px;
}

.form .text-area {
	float:left;
	border:1px solid #908f86;
	background:#FFF;
	margin-bottom:13px;
	overflow:auto;
}

.form label.sml {
  float:left;
  width:100px;
  height:20px;
  line-height:20px;
  margin-right:3px;
  margin-bottom:7px;
  font-family:arial;
  font-size:11px;
  font-weight:normal;
}

.form .text-field2, .form .select2 {
  float:left;
  height:18px;
  border:1px solid #908f86;
  background:#FFF;
  margin-bottom:7px;
  font-size: .9em;
}
.form .select2 {
  height: 22px;
}

.google_map {
    width: 196px;
	margin:0px 0px 0px 12px;
}

#propMap {
    width: 196px;
    height: 168px;
	margin:0px;
    overflow: hidden;
}

#sitemap div {
	width: 210px;
	z-index: 900;
	position: relative;
}

#sitemap a {
	text-decoration: none;
	color: #000;
}
#sitemap a:hover {
	text-decoration: underline;
}
textarea {
	font: 13px/1.5 Arial,Helvetica,sans-serif;
}

/* Pricing List */
#pricing-list {
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1000;
	background:url('../images/bg-pricing-list-wrapper.png') repeat;
	display:none;
}

#pricing-list #root {
	width:793px;
	margin:83px auto 25px auto;
	padding:0px 15px 15px 15px;
	background:#021c2a;
	border:1px solid #FFF;
}

#pricing-list #root #header {
	padding:10px 0px 18px 22px;
}

#pricing-list #root #content {
	width:793px;
	background:url('../images/bg-pricing-list-content.jpg') top left repeat-y;
	padding:25px 0px 25px 0px;
}

#pricing-list th, #pricing-list td {
	font-size:11px;
	font-weight:bold;
	font-family:arial;
	color:#000;
	padding:0px 0px 0px 0px;
	vertical-align:top;
}

#pricing-list td { font-weight:normal; }

#pricing-list .data th, #pricing-list .data td {
	line-height:16px;
	border-top:1px solid #d9d7c5;
	border-bottom:1px solid #d9d7c5;
	background:#d9d7c5;
	padding:10px 0px 10px 0px;
}

#pricing-list .data-offset th, #pricing-list .data-offset td {
	height:26px;
	line-height:26px;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	background:#e2e1d3;
}

#pricing-list .data td, #pricing-list .data-offset td {
	padding-left:5px;
}

#pricing-list .border-blue {
	height:3px;
	margin:5px 2px 0px 2px;
	background:#155b83;
}

#pricing-list .border-orange {
	height:3px;
	margin:5px 2px 10px 2px;
	background:#e14f26;
}

.tempTable {
  background-color: #fff;
  width: 400px;
  margin: 20px 0;
}
.tempTable th {
  background-color: #333;
  color: #fff;
}
.tempTable td {
  padding: 5px 10px;
}

a.orange {
  color: #e8561a;
  font-weight: bold;
}

div.inset {
  width: 468px;
  position: relative;
  left: -10px;
}
div.inset .top, div.inset .end {
  background: url(../images/inset_top.gif) 0 0 no-repeat;
  width: 468px;
  height: 10px;
  position: relative;
  font-size: 1px;
}
div.inset .end {
  background: url(../images/inset_bottom.gif) 0 0 no-repeat;
}
div.inset .insides {
  background-color: #fff;
  margin: 0;
  padding: 0 10px;
  color: #001065;
  font-weight: bold;
  line-height: 1.25;
}


.flipper {
  background-position: left top;
}
.flipper:hover {
  background-position: left bottom;
}
.close {
  float: right;
  position: relative;
  top: -5px;
}
.close a {
  color: #000 !important  ;
  text-decoration: none;
}
.close a:hover {
  text-decoration: underline;
}
.camp_prices {
  margin-top: 10px;
  width: 250px;
  background: #f1f0eb;
  border: 1px solid #f1f0eb;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  float: left;
}
.camp_prices .insides {
  padding: 5px;
}

.flickrStream {
  margin: 10px 0 0 8px;
}
.flickrStream a {
  border: 0;
  padding: 0;
  margin: 0;
}
.flickrStream img {
  float: left;
  padding: 0;
  margin: 0;
  border: 2px solid transparent;
}
.flickrStream img:hover {
  border: 2px solid #EF4D15;
}
.flickrStream img.nohover:hover {
  border: 2px solid transparent;
}

#directions img {
display: none;
}
