body {
	background-color: #fff;
	font-family: arial;
	font-size: 9pt;
	background-image: url('../images/home_bg.png');
	background-repeat: repeat-x;
	background-color: #cccccc;
	color: #333333;
    overflow-x: hidden;
}
body, h1, h2, h3, h4,
form, img, table, p, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
}

.on-top {
   z-index: 10000;
}

a, a:visited { color: #669933; }
a:hover { color: #223a0b; }

.container {
	position: relative;
	width: 981px;
	margin: 0 auto;
}
.home {
	border: 1px solid #fff;
}

#header {
	height: 119px;
	z-index: 900;
}
#feature {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	width: 979px;
	height: 367px;
  overflow: hidden;
}

#header ul#nav {
	position: absolute;
	top: 89px;
	left: 324px;
	z-index: 950;
}
#header ul#nav li {
	position: relative;
	list-style-type: none;
	display: block;
	float: left;
	z-index: 1000;
}
#header ul#nav li.main {
	height: 30px;
	z-index: 1100;
}
#header ul#nav li a {
	position: relative;
	background-repeat: no-repeat;
	display: block;
	text-decoration: none;
	padding-right: 19px;
}
#header ul#nav li a.contact.last { padding-right: 0; }

a.home, a.home:visited { width: 46px; height: 16px; background-image: url('../images/home.png'); }
a.home:hover,
a.home.active { background-position: 0 -16px; }

a.aboutus, a.aboutus:visited { width: 71px; height: 16px; background-image: url('../images/aboutus.png'); }
a.aboutus:hover,
a.aboutus.active { background-position: 0 -16px; }

a.facilities, a.facilities:visited { width: 79px; height: 23px; background-image: url('../images/facilities.png'); }
a.facilities:hover,
a.facilities.active { background-position: 0 -23px; }

a.summercamps, a.summercamps:visited { width: 65px; height: 32px; background-image: url('../images/summercamps.png'); top: -9px; }
a.summercamps:hover,
a.summercamps.active { background-position: 0 -32px; }

a.retreatsandevents, a.retreatsandevents:visited { width: 69px; height: 28px; background-image: url('../images/retreatsandevents.png'); top: -12px; }
a.retreatsandevents:hover,
a.retreatsandevents.active { background-position: 0 -28px; }

a.outdooreducation, a.outdooreducation:visited { width: 77px; height: 36px; background-image: url('../images/outdooreducation.png'); top: -13px; }
a.outdooreducation:hover,
a.outdooreducation.active { background-position: 0 -36px; }

a.media, a.media:visited { width: 51px; height: 16px; background-image: url('../images/media.png'); }
a.media:hover,
a.media.active { background-position: 0 -16px; }

a.contact, a.contact:visited { width: 59px; height: 11px; background-image: url('../images/contact.png'); top: 5px; }
a.contact:hover,
a.contact.active { background-position: 0 -11px; }


#header ul#nav li ul.sub {
   display: none;
	/* background-color: #f0f0f0; */
	background-image: url('../images/li_trans_bg.png');
	width: 143px;
	position: absolute;
	top: 30px;
	left: -20px;
	font-size: 8pt;
	padding: 10px 0 10px 0;
	z-index: 1200;
	border: 1px solid #fff;
}
#header ul#nav li#home ul.sub {  }
#header ul#nav li#aboutus ul.sub {  }
#header ul#nav li#facilities ul.sub {  }
#header ul#nav li#summer ul.sub {  }
#header ul#nav li#retreats ul.sub {  }
#header ul#nav li#outdoor ul.sub {  }
#header ul#nav li#media ul.sub { left: -35px; }
#header ul#nav li#contact ul.sub { left: -50px; }

#header ul#nav li ul.sub li {
	display: block;
	width: 143px;
	padding: 0;
	margin: 0;
	clear: both;
}
#header ul#nav li ul.sub li.hr {
	background-image: url('../images/li_sub_hr.png');
	background-repeat: repeat-x;
	background-position: 0 5px;
	padding-top: 15px;
}
#header ul#nav li ul.sub li.green a {
	color: #669933;
}

	
#header ul#nav li ul.sub li a {
	display: block;
	height: 15px;
	margin: 0;
	color: #666666;
	padding: 5px 5px 5px 15px;
}
#header ul#nav li ul.sub li a.active,
#header ul#nav li ul.sub li a:hover {
	background-color: #fff;
}


#header #weather_forecast {
	font-size: 7pt;
	position: absolute;
	top: 0;
	right: 0;
	color: #666666;
	height: 28px;
}
#header #weather_forecast h3 {
	font-weight: normal;
	display: block;
	font-size: 8pt;
	float: left;
	padding-right: 15px;
	height: 21px;
	border-right: 1px solid #3e3e3e;
	padding-top: 7px;
}
#header #weather_forecast div.items {
	font-size: 12pt;
	float: left;
	padding: 4px 0 0 15px;
}
#header #weather_forecast div.items span {
	position: relative;
	top: -4px;
}
#header #weather_forecast div.updated {
	float: left;
	height: 21px;
	border-left: 1px solid #3e3e3e;
	padding: 7px 0 0 15px;
	margin-left: 15px;
	font-family: arial, helvetica;
	font-size: 10px;
}
#header #weather_forecast a.fullforecast {
	position: absolute;
	top: 35px;
	right: 0;
	text-transform: uppercase;
	color: #999999;
}
#header #weather_forecast a.fullforecast:hover {
	color: #223a0b;
}
#header #weather_forecast div#weather img { padding-right: 5px; }



#home_blocks {
	display: block;
	padding-top: 5px;
}
#home_blocks div.intro {
	background-color: #fbfbfb;
	border: 1px solid #fff;
	float: left;
	padding: 20px;
	width: 380px;
	height: 150px;
	line-height: 13pt;
}
div.highlight {
	position: relative;
/*	background-color: #e8e8e8; */
	background-color: #ffffff;
	border: 1px solid #fff;
	float: left;
	width: 270px;
	height: 190px;
	margin-left: 10px;
  cursor: pointer;
}
div.highlight.shoe {
	margin-left: 5px;
}
div.highlight img.hbg {
	position: absolute;
	top: 0;
	left: 0;
}
div.highlight div.hcontent {
	display: block;
	position: absolute;
	top: 20px; 
	left: 20px;
	z-index: 100;
	width: 230px;
	height: 190px;
}
div.highlight div.hcontent p {
	width: 127px;
	font-size: 8pt;
	line-height: 11pt;
}
div.highlight div.hcontent h2 {
	width: 127px;
	font-size: 13pt;
	color: #669933;
	padding-bottom: 10px;
    font-weight: normal;
}
a.register_btn,
a.register_btn:visited {
	position: absolute;
	top: 0;
	left: 164px;
	width: 67px;
	height: 69px;
	background-image: url('../images/register_btn.png');
	background-repeat: no-repeat;
	text-decoration: none;
}
a.register_btn:hover {
	background-position: 0 -69px;
}
div.highlight a.hover {
	display: none;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 250;
	height: 13px;
	background-image: url('../images/highlight_over_stripe_bg.png');
	background-repeat: repeat-x;
	width: 255px;
	text-transform: uppercase;
	font-size: 8px;
	color: #999999; 
	text-decoration: none;
	padding: 2px 0 0 15px;
	font-family: verdana;
}
a.minilink {
    display: block;
	height: 13px;
	background-image: url('../images/highlight_over_stripe_bg.png');
	background-repeat: repeat-x;
	text-transform: uppercase;
	font-size: 8px;
	color: #999999; 
	text-decoration: none;
	padding: 2px 0 0 15px;
	font-family: verdana;
}
a.minilink.fake {
    cursor: default;
}
#right div.highlight {
    margin: 0;
    border-right: 0;
    border-left: 0;
}

#columns {
	position: relative;
	display: block;
	clear: both;
	background-image: url('../images/columns_bg.png');
	background-repeat: repeat-y;
	margin-top: 10px;
}
#columns div.column {
	float: left;
}
#columns.map {
   background-image: url('../images/columns_map_bg.png');
}
#left {
   float: left;
	width: 150px;
	font-size: 8pt;
	color: #666666;
	z-index: 1300;
	padding: 0 0 30px 0;
}
#right {
   position: absolute;
   top: 1px;
   right: 2px;
   float: right;
	width: 270px;
}
#main {
   float: left;
   padding: 20px 20px 25px 30px;
	width: 496px;
}
#main.wide {
   width: 819px;
   padding-right: 0;
   padding-left: 181px;
}

#main h1 {
	color: #669933;
	font-size: 22pt;
	font-weight: normal;
	padding: 20px 0 15px 0;
}
#main h2 {
	color: #669933;
	font-size: 14pt;
	font-weight: normal;
	padding: 15px 0 0 0;
    margin-bottom: 0;
    padding-bottom: 0;
/*	background-image: url('../images/left_hr_bg.png');
	background-position: bottom center;
	background-repeat: repeat-x; */
}
#main h2 a { text-decoration: none; }
#main h2.tableheader {
	background-image: url('../images/left_hr_bg.png');
	background-position: bottom center;
	background-repeat: repeat-x;
    padding-bottom: 5px;
}
#main p {
	padding: 0 0 14px 0;
	line-height: 12pt;
}

#main div#map_flash {
	position: relative;
	left: -20px;
}

#main table {
	border-collapse: collapse;
	width: 100%;
}
#main table caption {
	color: #669933;
	text-align: left;
	font-size: 14pt;
	font-weight: normal;
	padding: 20px 0 10px 0;
	background-image: url('../images/left_hr_bg.png');
	background-repeat: repeat-x;
	background-position: bottom left;
}
#main table tr.odd,
#main table thead.odd {
	background-color: #e9e9e9; 
} 
#main table tr td { line-height: 11pt; }
#main table tr td p { margin: 0; padding: 0; }
#main table tr th,
#main table tr td,
#main table thead th {
	text-align: left;
    vertical-align: top;
	font-size: 8pt;
	padding: 5px;   
}
#main table tr td a { text-decoration: none; }
#main table tr th,
#main table thead th {
	text-transform: uppercase;
	font-size: 9px;
    font-weight: normal;
	font-family: verdana;
	color: #666666;
	text-align: left;
    width: 100px;
}
#main ul {
	padding-left: 30px;
	line-height: 14pt;
  padding-bottom: 20px;
}

#left h3 {
	font-size: 8pt;
	color: #666666;
}

#left #left_nav ul {
	list-style-type: none;
	margin: 0;
	padding: 10px 0 10px 0;
	background-image: url('../images/left_hr_bg.png');
	background-repeat: repeat-x;
	background-position: bottom left;
}
#left #left_nav ul.sub { padding: 0; background-image: none; }

#left #left_nav ul li {
	font-size: 8pt;
	display: block;
	clear: both;
	padding-left: 1px;
}
#left #left_nav ul li a,
#left #left_nav ul li a:visited {
	display: block;
	clear: both;
	padding: 5px 5px 5px 15px;
	text-decoration: none;
	color: #666666;
}
#left #left_nav ul li a:hover,
#left #left_nav ul li a.active  { 
	color: #669933; 
	background-color: #cccccc;
}
#left #left_nav ul li.hr {
	background-image: url('../images/left_hr_bg.png');
	background-repeat: repeat-x;
	background-position: 0 5px;
	padding: 15px 0 0 0;  
    margin: 0;  
}
#left #left_nav ul.sub li a { 
	padding-left: 25px; 
	font-style: italic;
}

#left div.item {
	display: block;
	background-image: url('../images/left_hr_bg.png');
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 15px 0 15px 16px;
}
#left div.item h3 {
	padding: 5px 0 0 0;
}
#left div.item ul {
	list-style-type: none;
}
#left div.item ul li {
	font-size: 8pt;
	padding: 5px 0 0px 0;
}
#left div.item p {
	padding: 5px 5px 5px 0;
	font-size: 8pt;
	color: #666666;
}

p.news_details {
	font-size: 8pt;
}

#videos {
	display: block;
	padding-top: 15px;
}

#videos div.video {
	float: left;
	width: 205px;
	height: 115px;
	padding: 15px;
	background-color: #fff;
	margin-bottom: 20px;
	text-align: center;
}
#videos div.video img {
	border: 3px solid #e5e5e5;
}
div.video.even {
	margin-left: 20px;
}
#videos div.video p {
	font-size: 8pt;
}
div.clear {
	display: block;
	clear: both;
}

#photos {
    display: block;
    padding-top: 15px;
}
#photos a.photo {
  float: left;
  display: block;
  margin: 0 15px 15px 0;
  background-repeat: no-repeat;
  background-position: center center;
  width: 145px;
  height: 96px;
}






#footer {
	position: relative;
	padding-top: 22px;
	clear: both;
	display: block;
	height: 318px;
	background-image: url('../images/footer_bg.png');
	background-position: 0 7px;
	background-repeat: repeat-x;
	color: #737373;
	font-size: 8pt;
}
#footer div.container img#flower {
	position: absolute;
	top: -406px;
	right: -185px;
	z-index: -1;
}
#footer .container {
  clear: both;
  display: block;
	height: 280px;
}
#footer ul.column {
	margin: 0 15px 0 0;
	padding: 0;
	list-style-type: none;
	width: 124px;
	float: left;
}
#footer ul.column li {
	margin: 0;
	padding: 0 0 7px 0;
}
#footer ul.column li.title {
	font-weight: bold;
	padding-bottom: 25px;
}
#footer ul.column li a,
#footer ul.column li a:visited {
	text-decoration: none;
	color: #737373;
}
#footer ul.column li a:hover { color: #b2b2b2; }
#footer ul.column .green a, 
#footer ul.column .green a:visited {
	color: #669933;
}
#footer ul.column .green a:hover { color: #b2b2b2; }

#footer ul.column li.hr {
	background-image: url('../images/li_hr.png');
	background-repeat: repeat-x;
	background-position: 0 5px;
	padding: 15px 0 5px 0;
}
#footer #firestain {
	position: absolute;
	bottom: 0;
	left: 0;
	padding-left: 20px;
}
#footer #firestain img {
	position: absolute;
	bottom: -5px;
	left: 0;
}
#footer #firestain.mini a {
 	color: #737373;
  text-decoration: none;
}
#footer #copyright {
	position: absolute;
	bottom: 0;
	right: 0;
}
.mini {
	font-family: arial, helvetica;
	font-size: 8px;
	text-transform: uppercase;
	color: #525252;
}
#social {
	position: fixed;
	top: 40%;
	right: 0;
	z-index: 9999;
	text-align: center;
}
#social a {
	display: block;
	padding-bottom: 3px;
}