/***********************************
RESETS
***********************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
}
body { line-height: 1;
}
ol, ul { list-style: none;
}
blockquote, q { quotes: none;
}

/ remember to define focus styles! /
:focus { outline: 0;
}

/ remember to highlight inserts somehow! /
ins { text-decoration: none;
}
del { text-decoration: line-through;
}

/ tables still need ‘cellspacing=”0”’ in the markup /
table { border-collapse: collapse; border-spacing: 0;
}
/***********************************
GLOBAL
***********************************/
html,body,head{height:100%;}
body{
	background:#000 url(../images/bg.jpg) top center no-repeat;
	font: 12px Verdana, sans-serif;
	color:#4c4c4c;
}
#container{
	margin:22px auto 0 auto;
	width:1000px;
	position:relative;
}
h1 a{
	display:block;
	width:328px;
	height:70px;
	background:url(../images/logo.png);
	text-indent:-9999px;
}
#content{
	background:#fff url(../images/BGContent.png) no-repeat;
	padding:28px;
	overflow:auto;
}
#main{
	float:left;
	width:635px;
}
#sidebar{
	float:right;
	width:280px;
}
#footer{
	background:#e7e7e7 url(../images/footerBottom.png) bottom left no-repeat;
	border-top:1px dashed #d3d3d3;
	clear:both;
	overflow:auto;
	font:bold 11px "verdana", sans-serif;
	color:#888;
	padding:10px 10px 20px 10px;
	margin:-1px 0 10px 0;
}
#footer img{
	border:none;
	background:transparent;
	float:left;
	vertical-align:middle;
	margin-right:10px;
}
#footer strong{
	font:bold 15px "verdana", sans-serif;
	color:#666;
	margin:15px 0 3px 0;
	display:block;
}
.tagline{
	float:right;
	font-weight:normal;
}
/***********************************
NAVIGATION
***********************************/
#nav{
	height:48px;
	background:url(../images/BGNav.png);
	margin-top:10px;
}
#nav li{
	float:left;
}
#nav li a{
	background-image:url(../images/navSprite.png);
	display:block;
	height:48px;
	line-height:48px;
	text-indent:-9999px;
}


#navHome{
	width:98px;
}
#navHome:hover{background-position:0 -48px;}
#navHome:active{background-position:0 -96px;}
#navHome.active{background-position:0 -144px;}


#navAbout{
	width:101px;
	background-position:-98px 0;
}
#navAbout:hover{background-position:-98px -48px;}
#navAbout:active{background-position:-98px -96px;}
#navAbout.active{background-position:-98px -144px;}


#navStaff{
	width:95px;
	background-position:-199px 0;
}
#navStaff:hover{background-position:-199px -48px;}
#navStaff:active{background-position:-199px -96px;}
#navStaff.active{background-position:-199px -144px;}


#navPrograms{
	width:128px;
	background-position:-294px 0;
}
#navPrograms:hover{background-position:-294px -48px;}
#navPrograms:active{background-position:-294px -96px;}
#navPrograms.active{background-position:-294px -144px;}


#navEnroll{
	width:107px;
	background-position:-422px 0;
}
#navEnroll:hover{background-position:-422px -48px;}
#navEnroll:active{background-position:-422px -96px;}
#navEnroll.active{background-position:-422px -144px;}


#navContact{
	width:117px;
	background-position:-529px 0;
}
#navContact:hover{background-position:-529px -48px;}
#navContact:active{background-position:-529px -96px;}
#navContact.active{background-position:-529px -144px;}

.btnSignIn,
.btnLogOut{
	display:block;
	width:108px;
	height:33px;
	background:url(../images/btnSignIn.png);
	text-indent:-9999px;
	position:absolute;
	top:-22px;
	right:0;
}
.btnLogOut{
	background:url(../images/btnLogout.png);
}
.btnSignIn:hover,
.btnLogOut:hover{
	background-position:0 -34px;
}
.btnSignIn:active,
.btnLogOut:active{
	background-position:0 -68px;
}
.myCalLink{
	background:url(../images/btnLogout.png) 0 -102px;
	display:block;
	width:115px;
	height:26px;
	position:absolute;
	top:-22px;
	right:104px;
	padding:8px 4px 0 0;
	color:#f0f0f0;
	text-decoration:none;
	text-align:center;
}
.myCalLink:hover{
	text-decoration:underline;
}
/***********************************
SIDEBAR
***********************************/
#newsletterBox{
	background:url(../images/BGNewsletterBox.png);
	width:281px;
	height:158px;
}
#newsletterBox h3{
	padding: 13px 0px 0px 44px;
}
#newsletterBox form{
	margin:30px 0 0 0;
	padding:0 10px;
}
#newsletterBox label{
	color:#999;
}
#newsletterBox .text,
#newsletterBox textarea{
	border:1px solid #ccc;
	padding:5px 4px;
	width:250px;
	margin-bottom:10px;
}
.btnSubmit{
	border:none;
	padding:0;
	width:75px;
	height:23px;
	background:url(../images/btnSubmit.png);
	padding-top:23px;
	cursor:pointer;
}
.btnSubmit:hover{
	background-position:-75px 0;
}
.btnSubmit:active{
	background-position:-150px 0;
}
address{
	font-style:normal;
	float:right;
	width:175px;
	font-size:10px;
	line-height:150%;
}
#sidebar p{
	color:#6c6c6c;
	font-size:11px;
}
.locationMap{
	float:left;
}
#signInBox{
	width:281px;
	height:158px;
	margin:10px 0;
}
#signInBox h3{
	padding: 13px 0px 9px 13px;
	background:#e3e3e3;
	border:1px solid #d3d3d3;
}
#signInBox form{
	border:1px solid #d3d3d3;
	border-top:1px solid #fff;
	background:#eaeaea;
	padding:13px;
}
#signInBox input{
	width:96%;
	margin-bottom:9px;
}
.btnSidebarLogout{
	display:block;
	background:url(../images/button.png);
	width:88px;
	height:24px;
	font:bold 12px/24px "Verdana", sans-serif;
	color:#fff;
	text-decoration:none;
	text-align:center;
	margin:7px 0;
}
.btnSidebarLogout:hover{
	background-position:-88px 0;
}
.btnSidebarLogout:active{
	background-position:-176px 0;
}
/***********************************
ACCORDION
***********************************/
#accordion{
	width:624px;
}
.accordionHeader{
	display:block;
	width:593px;
	height:26px;
	background:url(../images/BGAccordion.png);
	border:1px solid #d3d3d3;
	border-top:1px solid #fff;
	color:#5a5a5a;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	padding: 8px 0px 0px 29px;
}
.accordionHeader.ui-state-active{
	background-position:0 -35px;
}
.accordionBody{
	background:#dfdfdf;
	width:592px;
	border:1px solid #d3d3d3;
	border-top:none;
	padding:15px;
	overflow:auto;
}
.accordionBody img{
	float:left;
}
.accordionBody p{
	float:right;
	width:445px;
	padding:0;
}
/***********************************
TESTIMONIALS
***********************************/
.jcarousel-prev{
	width:25px;
	height:25px;
	background:url(../images/testimonialNav.gif);
	cursor:pointer;
	float:left;
	border-right:1px solid #ccc;
	position:absolute;
	top:-30px;
	left:582px;
}
.jcarousel-prev:hover{
	background-position:0 -25px;
}
.jcarousel-next{
	width:25px;
	height:25px;
	background:url(../images/testimonialNav.gif) -25px 0;
	cursor:pointer;
	float:left;
	position:absolute;
	top:-30px;
	left:608px;
}
.jcarousel-next:hover{
	background-position:-25px -25px;
}
.jcarousel-container {
    position: relative;
	width:622px;
}
.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
	width:622px;
	height:155px;
}
.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 622px;
    height: 155px;
}
.testimonial img{
	float:left;
}
blockquote{
	float:right;
	width:385px;
	font:bold 24px arial, sans-serif;
	color:#009d57;
	margin-bottom:-21px;
}
blockquote span{
	font:bold 24px/12px arial, sans-serif;
	color:#009d57;
	position:relative;
	top:4px;
}
blockquote p{
	padding:0 0 0 13px;
	position:relative;
	top:-21px;
	color:#3e3e3e;
	font:italic 13px arial, sans-serif;
}
cite{
	float:right;
	width:385px;
	text-align:right;
	font:bold 13px Arial, sans-serif;
	color:#949494;
	margin-top:10px;
}
cite strong{
	color:#2d2d2d;
}
/***********************************
STAFF PAGE
***********************************/
.staffBio{
	margin:10px 0  20px 0;
	overflow:auto;
	padding:10px 0 20px 0;
	border-bottom:1px dashed #ccc;
}
.staffBio img{
	float:left;
}
.staffBody{
	float:left;
	margin-left:20px;
	display:inline;
	width:435px;
}
.staffBody p{
	padding:0 0 15px 0;
}
/***********************************
CONTACT PAGE
***********************************/
#contactInfo{
	float:right;
	width:550px;
}
.contactModule{
	width:285px;
	float:left;
	margin:20px 0 0 0;
	
}
.contactModule h3{
	height:35px;
	line-height:42px;
	font-size:12px;
	text-indent:45px;
	border:1px solid #d3d3d3;
	background:#e3e3e3 url(../images/icn_registration.gif) 10px 11px no-repeat;
}
.moduleBody{
	padding:15px;
	height:200px;
	background:#eaeaea;
	border:1px solid #d3d3d3;
	border-top:1px solid #fff;
}
.moduleBody textarea{
	height:125px;
	resize:none;
	margin:5px 0;
}
#registrationModule{
	margin:20px 44px 0 44px;
}
#registrationModule .moduleBody{
	height:120px;
}
#careersModule.moduleBody{
	font:normal 12px/45px "Blair", Verdana, sans-serif;
	text-align:center;
	height:45px;
	margin-top:23px;
	padding:5px;
	border:1px solid #d3d3d3;
}
/***********************************
REGISTER
***********************************/
#registerForm{
}
#personalInfo{
	float:left;
	width:500px;
}
#accountInfo{
	float:right;
	width:250px;
	margin-right:60px;
	display:inline;
}
form ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
form li{
	display:block;
	margin:0;
	padding:6px 5px 9px 9px;
	clear:both;
}
form li div, form li span{
	margin:0 .3em 0 0;
	padding:0;
	color:#444;
}
form li div span.full input, 
form li div span.full select, 
form li div span.left input, 
form li div span.right input,
form li div span.left select,
form li div span.right select{
	width:98%;
}
form li span{
	float:left;
}
form li.complex{
	padding-bottom:0;
}
form li div span.left, form li div span.right{
	margin:0;
	width:46%;
}
form li div label, form li span label{
	margin:0;
	padding-top:6px;
	clear:both;
	font-size:85%;
	line-height:100%;
	color:#444;
	display:block;
}
form li div span label{
	padding-bottom:12px;
}
label.desc{
	font-size:95%;
	font-weight:bold;
	color:#222;
	line-height:150%;
	margin:0;
	padding:0 0 3px 0;
	border:none;
	display:block;
}
label.choice{
	display:block;
	font-size:100%;
	line-height:150%;
	margin:-17px 0 0 23px;
	padding:0 0 5px 0;
	color:#222;
	width:88%;
}
.text{
	margin:0;
	border:1px solid #ccc;
	padding:5px 4px;
}
select.select{
	padding:1px 5px 0 0;
}
input.checkbox, input.radio{
	display:block;
	margin:4px 0 0 0;
	padding:0;
}
.third{
	width:32% !important;
}
.half{
	width:48% !important;
}
.full{
	width:97% !important;
}
input.small, select.small{
	width:25%;
}
input.medium, select.medium{
	width:50%;
}
input.large, select.large, textarea.textarea{
	width:100%;
}
.col span{
	margin-right:25px;
}
.buttons{
	text-align:right;
	width:95%;
	margin:30px 0;
}
/* ----- ERRORS ----- */
#errorLi{
	width:99%;
	margin:0 auto;
	background:#fff !important;
	border:1px solid red;
	margin-bottom:1em;
	text-align:center;
	padding:1em 0 1em 0;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
}
#errorMsgLbl{
	margin:0 0 5px 0;
	padding:0;
	font-size:125%;
	color:#DF0000 !important;
}
#errorMsg{
	margin:0 0 2px 0;
	color:#000 !important;
	font-size:100%;
}
#errorMsg strong{
	padding:2px 3px;
	background-color: #FFDFDF !important;
	color:red !important;
}
form li.error{
	display:block !important;
	background-color: #FFDFDF !important;
	margin-bottom:3px !important;
	overflow:auto;
}
form li.error label, form li.error span.symbol{
	color:#DF0000 !important;
}
form p.error{
	display:none;
	margin:0 !important;
	padding:7px 0 0 0 !important;
	color:#DF0000 !important;
	font-weight:bold;
	font-size:10px;
	line-height:10px !important;
	clear:both;
}
form li.complex p.error{
	padding:0 0 9px 0 !important;
}
form li.error p.error{
	display:block;
}
.leftLabel p.error, .rightLabel p.error{
	margin-left:30%;
	padding-left:15px;
}
.noI .leftLabel p.error, .noI .rightLabel p.error{
	margin-left:35%;
	padding-left:15px;
}
#addNutrition{
	width:250px;
	float:left;
}
small{
	font-size:11px;
	color:#999;
}
#totalCost{
	width:250px;
	text-align:right;
	float:right;
	padding-top:49px;
}
#totalCost strong{
	font:bold 16px Verdana, arial, sans-serif;
	color:#000;
}
#totalPrice{
	color:#a00;
	font:bold 19px Verdana, arial, sans-serif;
}
.btnSubscribePayment{
	border:none;
	background:none;
	color:#009d57;
	text-decoration:underline;
	cursor:pointer;
}
.subscribePaymentForm{
	float:right;
	display:inline;
	vertical-align:bottom;
}
.btnBuyNow{
	float:right;
	vertical-align:bottom;
	margin-top:10px;
	margin-left:10px;
}
/***********************************
LIGHTBOX
***********************************/
#overlay{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	display:none;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter:alpha(opacity=50);
	background:#000;
	z-index:100;
}
.btnClose{
	display:block;
	width:22px;
	height:23px;
	background:url(../images/btnClose.png);
	text-indent:-9999px;
	position:absolute;
	right:8px;
	top:8px;
}
.btnClose:hover{
	background-position:0 -23px;
}
.btnClose:active{
	background-position:0 -46px;
}
.lightbox{
	width:560px;
	height:360px;
	background:#fff;
	position:absolute;
	display:none;
	z-index:101;
	padding:20px;
	-webkit-border-radius: 10px;
	-moz-border-radius:10px;
}
/***********************************
MISCELLANEOUS
***********************************/
img{
	padding:5px;
	background:#fff;
	border:1px solid #d3d3d3;
}
h2{
	font:normal 22px "Blair", Verdana, sans-serif;
	color:#009d57;
	padding:5px 0;
}
h3{
	font:normal 16px "Blair", Verdana, sans-serif;
	color:#009d57;
	padding-bottom:5px;
}
h3.eventDates{
	font:bold 14px Verdana, sans-serif;
	color:#999;
}
h4{
	font:bold 18px "verdana", sans-serif;
}
p{
	padding:9px 0;
	line-height:140%;
}
a{
	color:#009d57;
}
.left{
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both !important;
}
ul.bullets {
	list-style-type:disc;
}
ul.bullets li{
	padding:10px 0;
	margin-left:20px;
}
#sidebar ul.bullets li{
	padding:5px 0;
}
.moreLink{
	background:url(../images/BGMore.png) left bottom no-repeat;
	padding:15px 0 0 20px;
}
.price{
	font:bold 14px "verdana", sans-serif;
	color:#a00;
	padding:0 8px;
}
.section{
	border-bottom:1px solid #d3d3d3;
	padding:20px 0;
	overflow:auto;
	clear:both;
}
button,
#ppBtn{
	background:url(../images/button.png);
	border:none;
	width:88px;
	height:24px;
	font:bold 12px "Verdana", sans-serif;
	color:#fff;
	cursor:pointer;
}
button:hover,
#ppBtn:hover{
	background-position:-88px 0;
}
button:active,
#ppBtn:active{
	background-position:-176px 0;
}
@font-face{
	font-family:"Blair";
	src:url('blair.otf') format('opentype');
}