body {background: #dbdba8 url('images/body-bg.jpg') repeat-x; font-family: Georgia, Helvetica, serif; color: #000; font-size: 10pt}

#rapper{width: 100%; min-height: 446px; position: relative;}

.home-rap{background: transparent url('images/home-bg.jpg') no-repeat top center;}

.program-rap{background: transparent url('images/programs-bg.jpg') no-repeat top center;}

.retreat-rap{background: transparent url('images/retreat-bg.jpg') no-repeat top center;}

.youth-rap{background: transparent url('images/youth-bg.jpg') no-repeat top center;}

.about-rap{background: transparent url('images/about-bg.jpg') no-repeat top center;}

.accom-rap{background: transparent url('images/accom-bg.jpg') no-repeat top center;}

.cal-rap{background: transparent url('images/cal-bg.jpg') no-repeat top center;}

.support-rap{background: transparent url('images/support-bg.jpg') no-repeat top center;}

.vol-rap{background: transparent url('images/vol-bg.jpg') no-repeat top center;}

.contact-rap{background: transparent url('images/contact-bg.jpg') no-repeat top center;}

#static{width: 1000px; height: 446px; margin: auto;  position: relative; /*top: 5px;*/}

#logo{ position: relative; top: 5px;}

#pre-callout{width: 791px; height: 245px; background: transparent url('images/callout-box-bg.png') no-repeat; position: absolute; left: 224px; top: 55px;}

#callout{width: 791px; height: 245px; position: static}

#theclampdown{width: 406px; height: 168px;  position: absolute; right: 55px; top: 25px; /*overflow: hidden;*/  color: #333300; font-size: 10pt; line-height: 1.8em}

a#clampdown_gal_link{width: 288px; height: 217px; display: block; position: absolute; top: 0; left: 0; z-index: 2 }

#clampdown-image{width: 285px; height: 216px; display: block; position: absolute; top: 2px; left: 4px;}

#theclampdown-lyrics{width: 406px; height: 168px; overflow: hidden; }

a.read_more, a.read_less{ position: absolute; top: 200px; color: #660000; text-decoration: none;}

a.read_more{ right: 95px;}
	
a.read_less{right: 170px;}

/*J SCROLL PANE CSS AT BOTTOM OF FILE*/

#theclampdown h1{color: #660000; font-size: 17pt; font-style: italic; padding: 0 0 10px 0;}

#theclampdown p{padding: 0 0 10px 0;}

#theclampdown strong{color: #660000;}

#theclampdown a{color: #333300; text-decoration: underline; font-weight: bold;}

#big-stick{width: 100%; height: 53px; background: transparent url('images/big-stick-trans.png') no-repeat top center; position: absolute; top: 305px; z-index: 2}

#mid-range{ width: 100%;  min-height: 444px; background: #e5e5b2 url('images/mid-range-bg.jpg') repeat-x; position: relative; padding: 0 0 25px 0; top: -115px; /*to reduce the size of the header without reslicing images*/}

#leafy-wrap{ width: 100%;  min-height: 159px; background: transparent url('images/leafy-wrap.jpg') no-repeat top center;}

#slim{ width: 1000px; margin: auto; position: relative;}

#enews{ position: absolute; font-style: italic; font-size: 11pt; color: #fff; right: 0; top: 75px; width: 375px;}

#enews input.clear-me{ width: 197px; height: 18px; background: #fff url('images/text-input-bg.jpg') repeat-x; border: 1px solid #cac99c; color: #999; font-size: 9pt;}

input#enews-submit{ position: relative; top: 4px;}

#enews label{ padding: 0 5px 0 0;}

/*content containers*/
#guard, #center, #forward, #cal-top{float: left; margin: 20px 0 0 0;}

#guard{width: 211px; min-height: 200px; padding: 0 0 25px 0;}

#center{width: 525px; padding: 10px 15px 0 24px;}

#center p,#cal-top p{ padding: 0 0 10px 0; line-height: 2.0em;}

#center ul, #center ol, #cal-top ul, #cal-top ol{ padding: 0 0 10px 25px; line-height: 2.0em}

#center ul li, #cal-top ul li{ list-style: disc; padding: 0 0 5px 0; }

#center ol li, #cal-top ol li{ list-style: decimal;  padding: 0 0 5px 0;}

#forward{ min-height: 250px; border-left: 1px solid #660000; margin: 70px 0 0 0; padding: 0 0 0 10px }

.home-forward{ width: 200px; padding: 0 0 0 20px}

.challice{ padding: 25px 0 0 0;}

.sub-forward{ width: 211px;}

#forward img.red-border{ border: 1px solid #a16e54;}

#forward a { text-decoration: none;}

#cal-top{ width: 700px; min-height: 242px;  padding: 0 0 0 36px;}

#cal-bottom{clear: both; width: 100%; }

.month{ width: 460px; float: left; }

table.event {width: 100%;}

table.event td {padding: 0 25px 8px 0; vertical-align: top; }

.col1{ margin: 0 65px 0 0;}

h1.date{ width: 460px;  height: 37px;  background: transparent url('images/date-bg-trans.png') no-repeat; font-family: Georgia, serif; font-style: italic; font-size: 13pt; text-align: center; padding: 7px 0 0 0; color: #333;}

.date-range{font-size: 13pt; width: 25%}

.descript{width: 75%; }


/* end content containers */
#foot{width: 100%; background: #dbdba8 url('images/foot-bg.jpg') repeat-x; min-height: 250px; position: relative; top: -115px; /*hack to reduce height in header without reslicing images */}

#ankle{width: 1000px; height: 33px; margin: auto; background: transparent url('images/ankle-trans.png') no-repeat; position: relative ; top: -14px;}

#toes{width: 1000px; margin: auto; /*padding: 25px 0 0 0;*/ position: relative;}

#big-toe{width: 396px; float: left; color: #333300; font-size: 8pt;}

#big-toe ul { float: left; padding: 0 20px 0 0;}

#big-toe ul li{ padding: 0 0 3px 0;}

#big-toe ul li a{ text-transform: uppercase; color: #493314; font-size: 9pt; text-decoration: none; }

#big-toe p{ padding: 10px 0 0 0;}

div.toe{ float: left; min-height: 60px; color: #493314; font-size: 10pt; padding: 0 35px 0 0;}

div.toe h1{ color: #333300; font-style: normal; font-size: 15pt}

div.toe a{ color: #405202; text-decoration: none;}

.jam{ background: transparent url('images/dotted-divider.jpg') no-repeat top right; padding: 0 15px 0 0; margin: 0 15px 0 0 }

#integ-link{ color: #333300;  font-size: 9pt; text-decoration: none; position: absolute; top: 80px; right: 91px;}
/*navigations*/

/*utility nav*/
#utility-nav{ position: absolute; top: 5px; right: 0; color: #333300;}

#utility-nav ul li{ display: inline;}

#utility-nav ul li a{color: #333300; font-size: 9pt; padding: 0 15px 0 15px; text-decoration: none;}

#utility-nav ul li.pre-icon a {padding-right: 0;}

#utility-nav img.icon{ position: relative; top: 4px;}

/*top three nav*/
#top-three{ position: absolute; top: 148px; left: 0;}

#top-three ul li, #top-three a{ display: block;}

#top-three ul li a{ padding: 0 0 10px 0}

#nav-programs a{ width: 224px; height: 36px; background: url('images/nav-programs-off-trans.png') no-repeat;}

#nav-programs a:hover, #nav-programs-on a{ width: 224px; height: 36px; background: url('images/nav-programs-on-trans.png') no-repeat;}

#nav-retreats a{ width: 224px; height: 36px; background: url('images/nav-retreats-off-trans.png') no-repeat;}

#nav-retreats a:hover, #nav-retreats-on a{ width: 224px; height: 36px; background: url('images/nav-retreats-on-trans.png') no-repeat;}

#nav-youth a{ width: 224px; height: 36px; background: url('images/nav-youth-off-trans.png') no-repeat;}

#nav-youth a:hover, #nav-youth-on a{ width: 224px; height: 36px; background: url('images/nav-youth-on-trans.png') no-repeat;}

/*navi*/
#navi{}

#navi ul{width:1000px; height:75px}

#navi ul li, #navi a{ display: block;}

#navi-list li {float:left; list-style:none; display:inline; padding: 0 4px 0 0;}

#home a{ width: 104px; height: 56px; background: url('images/nav-home-off.jpg') no-repeat;}

#home a:hover, #home-on a{ width: 104px; height: 75px; background: url('images/nav-home-on.jpg') no-repeat;}

#about a{ width: 104px; height: 56px; background: url('images/nav-about-off.jpg') no-repeat;}

#about a:hover, #about-on a{ width: 104px; height: 75px; background: url('images/nav-about-on.jpg') no-repeat;}

#accomodations a{ width: 192px; height: 56px; background: url('images/nav-accomodations-off.jpg') no-repeat;}

#accomodations a:hover, #accomodations-on a{ width: 192px; height: 75px; background: url('images/nav-accomodations-on.jpg') no-repeat;}

#calendar a{ width: 130px; height: 56px; background: url('images/nav-calendar-off.jpg') no-repeat;}

#calendar a:hover, #calendar-on a{ width: 130px; height: 75px; background: url('images/nav-calendar-on.jpg') no-repeat;}

#support a{ width: 117px; height: 56px; background: url('images/nav-support-off.jpg') no-repeat;}

#support a:hover, #support-on a{ width: 117px; height: 75px; background: url('images/nav-support-on.jpg') no-repeat;}

#volunteer a{ width: 162px; height: 56px; background: url('images/nav-volunteer-off.jpg') no-repeat;}

#volunteer a:hover, #volunteer-on a{ width: 162px; height: 75px; background: url('images/nav-volunteer-on.jpg') no-repeat;}

#contact a{ width: 157px; height: 56px; background: url('images/nav-contact-off.jpg') no-repeat;}

#contact a:hover, #contact-on a{ width: 157px; height: 75px; background: url('images/nav-contact-on.jpg') no-repeat;}
/*end navi*/

/*sub navs*/

ul#sub-navi li, ul#sub-cali li{display: block;margin: 0;padding: 0;}


ul#sub-navi li a, ul#sub-cali li a{display: block;width: 211px; height:36px;padding: 7px 0 0 0;color: #000; font-style: italic; text-decoration: none;text-decoration: none;text-align: center; font-size: 11pt; background: transparent url('images/subnavi-off-trans.png') no-repeat;}

ul#sub-navi li a:hover, ul#sub-navi li.menu-current, ul#sub-navi li.menu-parent, ul#sub-cali li a:hover, ul#sub-cali li.cali-on  {background: transparent url('images/subnavi-on-trans.png') no-repeat;}

ul#sub-navi li ul, ul#sub-cali li ul{ display: none;}

/*end navigations*/

/*FAQ accordion*/
.question, .answer{ font-size: 14pt; padding: 3px 0 0 0;  }

.accordion-header{ padding: 20px 0 10px 0; cursor: pointer}

.accordion-content{ padding: 0 0 10px 0;}

h1{ padding: 0 0 10px 0; font-size: 18pt; font-style: italic;}

h2,h3,h4,h5,h6{ padding: 0 0 10px 0; font-size: 14pt; font-style: italic;}

a{color: #000;}

a:hover{text-decoration: none;}

/*misc*/
#preload{ display: none;}

.lg-red-link{color: #660000; font-size: 12pt;}

.lg-red-link-ital{color: #660000; font-size: 12pt; font-style: italic; text-decoration: none;}

.lg-quote{color: #ffffcc; font-size: 14pt; font-style: italic; top: 15px; position: relative;}

.red-heading{color: #660000;}

.clear{ clear: both;}

/*blog*/
/*.captcha-table,
.captcha_table,
.news-table {
	border: 0px;
}

.post_title, .post_date,
.post-title, .post-date {
	border-bottom: 1px solid #DDDDDD;
}*/
.post_title,
.post-title {
padding: 0 0 10px 0; font-size: 14pt; font-style: italic;
}
.post_date,
.post-date {
	text-align: right;
	font-weight: bold;
}
.post_short,
.post-short {
	padding-bottom: 55px;
}

/*** Don't remove the class nixhier, this is required for ASP ***/
.nixhier {
	display:none;
}
.loop_header,
.loop-header {
	width: 100%;
	margin: 15px 0 0 0;
}
.page_header,
.page-header {
	width: 100%;	
	margin: 15px 0 0 0;	
}
.post_header,
.post-header {
	width: 100%;
	margin: 15px 0 0 0;	
}
.page_left,
.page-left {
	text-align: left;	
	width: 33%
}
.page_center,
.page-center {
	text-align: center;
	padding: 0 10px 0 10px;
	width: 33%
}
.page_right,
.page-right {
	text-align: right;	
	width: 33%
}

.paginate {
	width: 100%;	
	margin: 15px 0 0 0;	
}

.anynews ul li { padding: 0 0 8px 0;}

.anynews ul li a{ text-decoration: none; font-weight: bold;}

.anynews ul li a:hover{color: #660000;}

/*forms*/

table.form td{ padding: 5px; vertical-align: top;}
.required {
	color: #660000;
}
.field_title {
	width: 30%;
	vertical-align: top;
	text-align:right;
	font-weight: bold;
	font-size: 9pt
}

.field{ width: 70%;}

.textfield {
	width: 90%;
	border: 1px solid #dbdba8;
	height: 25px;
}
.textarea {
	width:90%;
	height: 100px;
	border: 1px solid #dbdba8
}
.field_heading {
	font-weight: bold;
	padding: 20px 0 20px 0;
    color: #660000;
}

.field_heading_sm{ font-weight: bold; padding: 0 2px 0 5px; color: #660000;}

.select {padding: 0 5px 0 5px}

.checkbox_label {
	cursor: pointer;
	padding: 0 5px 0 5px;
}
.radio_label {
	cursor: pointer;
	padding: 0 5px 0 5px;
}
.email {
	width: 200px;
}
/*** Don't remove the class nixhier, this is required for ASP ***/
.nixhier {
	display:none;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #ccc;
	display: none;
}
.jScrollPaneDrag {
	position: absolute;
	background: #006699;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}