@charset "UTF-8";

@import url("normalization.css");

body {
	font-size: 13px;
	font-family: Georgia, Garamond, "Times New Roman", serif;
	background: #29190c url("bgPage3.jpg") repeat top center;
	color: #fff;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

/* header */
#header {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 224px;
	background: transparent url("bgHeader2.png") repeat-x top center;
	_background-image: url("bgHeader2.ie6.png");
	text-align: center;
	z-index: 3;
}
#header .logo {
	position: relative;
	z-index: 3;
	width: 1000px;
	height: 1px;
	margin: 0em auto;
}
#header .logo a img {
	position: absolute;
	top: 2px;
	left: 50%;
	margin-left: -54px;
	width: 91px;
	height: 119px;
}
#header .menu {
	position: relative;
	width: 1000px;
	height: 100%;
	margin: 0em auto;
	background: transparent url("bgMenu2.png") no-repeat top center;
	_background-image: url("bgMenu2.ie6.png");
}
#header .menu li {
	position: absolute;
	top: 63px;
}
#header .menu li a {
	display: block;
	text-indent: -999em;
	height: 31px;
	background: transparent none no-repeat center center;
}
#header .menu .visitors {
	left: 50px;
}
#header .menu .visitors a {
	background-image: url("bgMenuVisitors.png");
	_background-image: url("bgMenuVisitors.ie6.png");
	width: 85px;
}
#header .menu .visitors .selected, #header .menu .visitors a:hover {
	background-image: url("bgMenuVisitorsSelected.png");
	_background-image: url("bgMenuVisitorsSelected.ie6.png");
}
#header .menu .activities {
	left: 150px;
}
#header .menu .activities a {
	background-image: url("bgMenuActivities.png");
	_background-image: url("bgMenuActivities.ie6.png");
	width: 104px;
}
#header .menu .activities .selected, #header .menu .activities a:hover {
	background-image: url("bgMenuActivitiesSelected.png");
	_background-image: url("bgMenuActivitiesSelected.ie6.png");
}
#header .menu .preschool {
	left: 272px;
}
#header .menu .preschool a {
	background-image: url("bgMenuPreschool.png");
	_background-image: url("bgMenuPreschool.ie6.png");
	width: 105px;
}
#header .menu .preschool .selected, #header .menu .preschool a:hover {
	background-image: url("bgMenuPreschoolSelected.png");
	_background-image: url("bgMenuPreschoolSelected.ie6.png");
}
#header .menu .support {
	left: 611px;
}
#header .menu .support a {
	background-image: url("bgMenuSupport.png");
	_background-image: url("bgMenuSupport.ie6.png");
	width: 89px;
}
#header .menu .support .selected, #header .menu .support a:hover {
	background-image: url("bgMenuSupportSelected.png");
	_background-image: url("bgMenuSupportSelected.ie6.png");
}
#header .menu .about {
	left: 713px;
}
#header .menu .about a {
	background-image: url("bgMenuAbout.png");
	_background-image: url("bgMenuAbout.ie6.png");
	width: 72px;
}
#header .menu .about .selected, #header .menu .about a:hover {
	background-image: url("bgMenuAboutSelected.png");
	_background-image: url("bgMenuAboutSelected.ie6.png");
}
#header .menu .search {
	left: 807px;
	*right: 100px;
	_margin-top: -20px;
	top: 65px;
}

/* searchForm */
#searchForm fieldset * {
	display: none;
}
#searchForm fieldset #search {
	display: block;
	float: right;
	width: 103px;
	background: #8a4d20 url("bgFormField.png") repeat-x top left;
	border: 1px solid #623316;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 2px;
	color: #fff;
}

input, select, textarea {
	color: #333;	
}
select {
	padding-left: 0px;
	padding-right: 0px;
}

/* body */
#body {
	position: relative;
	width: 858px;
	margin: 0em auto;
	text-align: left;
	padding-top: 260px;
	z-index: 2;
}
#body:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* submenu */
#submenu {
	position: absolute;
	top: 256px;
	left: -4px;
	width: 142px;
	height: 518px;
	padding-top: 17px;
	padding-left: 17px;
	padding-right: 21px;
	background: transparent url("bgSidebar.png") no-repeat top center;
	_background-image: url("bgSidebar.ie6.png");
}
#submenu ul, #submenu dl {
	margin-bottom: 16px;
}
#submenu ul li {
	background: transparent url("bgSubmenuT.png") no-repeat top center;
	margin-bottom: 4px;
	_height: 1px;
}
#submenu ul li a {
	display: block;
	font-size: 12px;
	color: #5d270e;
	padding: 4px;
	padding-left: 8px;
	background: transparent url("bgSubmenuB.png") no-repeat bottom center;
}
#submenu ul li.selected, #submenu ul li:hover {
	background-image: url("bgSubmenuSelectedT.png");
}
#submenu ul .selected a, #submenu ul li a:hover {
	background-image: url("bgSubmenuSelectedB.png");
	color: #b8e087;
	text-decoration: none;
	_background-color: #598930;
	_background-image: url("bgSubmenuSelected.png");
}
#submenu ul li a:hover {
	color: #fff;
}

/* highlights */
#submenu .highlights {
	height: 490px;
}
#submenu .highlights dt {
	background: transparent url("bgSidebarItemT.png") no-repeat top center;
	color: #41512d;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 13px;
	padding-top: 16px;
	padding-bottom: 0px;
}
#submenu .highlights dd {
	background: transparent url("bgSidebarItemB.png") no-repeat bottom center;
	margin-bottom: 10px;
	_margin-bottom: 0px;
	padding: 13px;
	padding-top: 2px;
}
#submenu .highlights dd a {
	color: #5d270e;
	font-size: 16px;
}


/* content */
#content {
	min-height: 760px;
	_height: 760px;
	margin-left: 196px;
	line-height: 1.5em;
	margin-right: 256px;
}
#full #content {
	margin-left: 0px;
	margin-right: 0px;
}
#content .offset {
	position: relative;
	top: -8px;
}
#content p {
	margin-bottom: 1em;
}
#content a {
	text-decoration: underline;
}
.registration #content, .registration #cms {
	margin-left: 0em;
	margin-right: 0em;
}

/* activities */
#activities {
	position: absolute;
	top: 260px;
	right: 0px;
	width: 220px;
}
#contactMenu {
	margin-bottom: 19px;
}
#contactMenu li {
	height: 23px;
	margin-bottom: 4px;
	background: transparent url("bgActivitiesHeader.png") no-repeat top center;
}
#contactMenu li a {
	display: block;
	padding-left: 29px;
	line-height: 23px;
	height: 23px;
	background: transparent none no-repeat 7px center;
	text-decoration: none;
}
#contactMenu li a:hover, #contactMenu li a:active {
	color: #fff;
}
#contactMenu .newsletter a {
	background-image: url("bgNewsletter.png");
}
#contactMenu .contact a {
	background-image: url("bgContact.png");
}
#contactMenu .donate a {
	background-image: url("bgDonate.png");
}
#contactMenu .store a {
	background-image: url("bgStore.png");
	background-position: 10px center;
}
#contactMenu .facebook a {
	background-image: url("bgFacebook.png");
	background-position: 10px center;
}
#contactMenu .twitter a {
	background-image: url("bgTwitter.png");
	background-position: 8px center;
}
#activityBlurbs {
	margin-top: 1em;
}
#activities h2, #activityBlurbs h2 {
	height: 23px;
	line-height: 23px;
	background: #618a30 url("bgActivitiesHeader.png") no-repeat top center;
	padding-left: 9px;
	padding-right: 0px;
	font-size: 14px;
	color: #fff;
	margin-bottom: 8px;
}
#activityBlurbs h2 {
	background-image: url("bgActivityBlurbsHeader.png");
}
#activityBlurbs dt {
	margin-top: 5px;
	padding-top: 8px;
	background: transparent url("bgBlackScreen.png");
	_background: #111 none;
	padding-left: 6px;
	padding-right: 6px;
}
#activityBlurbs dt a {
	color: #7caf3f;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	display: block;
}
#activityBlurbs dt a:hover, #activityBlurbs dt a:active {
	text-decoration: underline;
}
#activityBlurbs dt span {
	display: block;
	color: #b8e087;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
#activityBlurbs dd {
	padding: 6px;
	padding-top: 4px;
	padding-bottom: 8px;
	clear: both;
	background: transparent url("bgBlackScreen.png");
	_background: #111 none;
}
#content #activityCategoriesMenu {
	margin-left: 0em;
	text-align: center;
}
#activityCategoriesMenu li {
	display: inline;
	list-style: none inside none;
	padding-left: 1em;
	padding-right: 1em;
	border-left: 1px solid #fff;
	margin-left: 0em;
}
#activityCategoriesMenu li.first {
	border-left: none;
}

/* calendar */
.calendar {
	margin-bottom: 19px;
}
.calendar table {
	width: 100%;
	margin-bottom: 8px;
	position: relative;
	left: -2px;
}
.calendar table th, .calendar table td {
	color: #b8e087;
	text-align: center;
}
.calendar table th {
	font-weight: normal;
}
.calendar table td {
	background: transparent url("bgCalendarCell.png") no-repeat center center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	padding-top: 1px;
}
.calendar table .activity {
	
}
.calendar table .activity a {
	display: block;
	width: auto;
	height: 100%;
	background: transparent url("bgCalendarCellActivity.png") no-repeat center center;
	color: #fff;
}
.calendar table .activity a:hover, .calendar table .activity a:active {
	text-decoration: none;
	background-image: url("bgCalendarCell.png");
}
.calendar ul {
	padding-left: 2px;
	padding-right: 4px;
	height: 18px;
}
.calendar ul .prev, .calendar ul .next {
	_width: 1em;
}
.calendar ul .prev {
	float: left;
}
.calendar ul .next {
	float: right;
}

/* footer */
#footer {
	position: relative;
	height: 26px;
	background: transparent url("bgFooter.png") repeat-x bottom center;
	_background-image: url("bgFooter.ie6.png");
	padding-top: 30px;
	text-align: center;
}
#footer p {
	display: inline;
	color: #392414;
}
#footer ul {
	position: relative;
	z-index: 2;
	display: inline;
	margin-left: 21px;
	border-right: 1px solid #392414;
}
#footer ul li {
	display: inline;
	border-left: 1px solid #392414;
}
#footer ul li a {
	padding-left: 8px;
	padding-right: 8px;
	color: #392414;
}

/* Butterfly */
#butterfly {
	position: absolute;
	z-index: 1;
	top: -60px;
	left: 50%;
	width: 436px;
	height: 114px;
	background: transparent url("bgButterfly.png") no-repeat right center;
	_background-image: url("bgButterfly.ie6.png");
}

/* h1 */
h1 {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 24px;
	color: #fcc414;
	font-weight: normal;
	margin-bottom: 1em;
	line-height: 1.25em;
}
h2 {
	color: #7caf3f;
	font-size: 19px;
	font-weight: normal;
	margin-bottom: 0.5em;
	line-height: 1.25em;
}
#content ul {
	list-style: disc outside;
	margin-left: 1.5em;
	margin-bottom: 1em;
}

/* a */
a {
	color: #b8e087;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
	
}

/* table */
table {
	width: 100%;
}
th, td {
	padding: 0.25em;
}
thead th {
	
}

/* buttons */
.btn, .btn * {
	display: block;
	height: 18px;
	line-height: 18px;
	color: #fff;
	text-decoration: none;
	white-space: nowrap;
}
.btn {
	background: transparent url("bgButtonL.png") no-repeat left center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.btn * {
	background: transparent url("bgButtonR.png") no-repeat right center;
	padding-left: 7px;
	padding-right: 7px;
	cursor: pointer;
}

/* forms */
input, select, textarea {
	color: #333;
	font-family: Georgia, Garamond, "Times New Roman", serif;
}
form {
	text-align: center;
	margin-bottom: 1em;
}
form .field, form .buttons {
	clear: both;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	text-align: left;
}
form .field:after, form .buttons:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
form .buttons {
	padding-top: 0.75em;
}
form .buttons input {
	padding: 0.1em;
	cursor: pointer;
}
form .field label, form .fieldCheck div {
	float: left;
	width: 50%;
	line-height: 1.25em;
}
form .field div, form .fieldCheck label {
	float: right;
	width: 50%;
	text-align: left;
}
form .field input, form .field textarea {
	width: 97%;
}
form .field select {
	width: 75%;
}
form .field textarea {
	height: 12em;
	font-family: Granjon, Garamond, "Times New Roman", serif;
	font-size: 1em;
}

/* admin */
.admin form .field label, .admin form .fieldCheck div {
	width: 20%;
}
.admin form .field div, .admin form .fieldCheck label {
	width: 77%;
}
.admin form .field input, .admin form .field textarea {
	width: 55%;
}
.admin form .field select {
	width: 45%;
}

/* floats */
.left {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}
.right {
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
}
.center {
	text-align: center;
}

/* contact */
#contact {
	margin-top: 2em;
}
#contact dt {
	float: left;
	width: 6em;
	clear: left;
	margin-top: 0em;
	margin-bottom: 1em;
}
#contact dd {
	margin-bottom: 1em;
}
#contactForm .field div select {
	width: auto;
}
#contactForm .field label {
	width: 30%;
}
#contactForm .field div {
	width: 65%;
}

/* errors */
.errors {
	margin: 1em auto;
	width: 80%;
	padding: 1em;
	border: 1px solid #ccc;
	background: #eee;
	color: #c00;
}
#content .errors p {
	margin-bottom: 0em;
}
#content .errors ul {
	margin-top: 0em;
	margin-bottom: 0em;
}

/* message */
#content .message {
	text-align: center;
}

/* upcomingActivities */
#upcomingActivities {
	clear: both;
}
#upcomingActivities li {
	background: transparent url("bgBlackScreen.png");
	_background: #111 none;
	line-height: 1em;
	clear: both;
	padding-top: 5px;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-right: 6px;
	line-height: 20px;
	margin-bottom: 3px;
}
#upcomingActivities li:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#upcomingActivities li a span {
	float: right;
	width: 48px;
	text-align: center;
	background: transparent url("bgActivityDate.png") no-repeat center center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 19px;
	margin-left: 3px;
}

/* cms */
#cms {
	margin-left: 196px;
	margin-right: 256px;
}
#full #cms {
	margin-left: 0px;
	margin-right: 0px;
}
#cms fieldset {
	padding-top: 24px;
	padding-left: 0px;
}
#cms ul {
	text-align: center;
	margin-top: 1em;
}
#cms ul li {
	display: inline;
}
#cms ul .first {
	border-right: 1px solid #666;
}
#cms ul li a {
	padding-left: 1em;
	padding-right: 1em;
	margin-left: 2em;
}

/* admin */
#admin {
	text-align: left;
}
#admin li {
	margin-bottom: 1em;
	margin-top: 1em;
	clear: both;
}
#admin li span {
	float: left;
	width: 20em;
}
.admin #content {
	margin-left: 0px;
	margin-right: 0px;
}
.admin input {
	
}
.admin #content .messages {
	border: 1px solid #ccc;
	background: #eee;
	padding: 1em;
	margin: 1em;
	color: #333;
	list-style-type: none;
}
.admin #content .errors {
	border: 1px solid #c00;
	background: #fee;
	padding: 1em;
	margin: 1em;
	color: #f00;
	list-style-type: none;
}
#adminMenu {
	text-align: center;
}
#adminMenu li {
	display: inline;
	padding-left: 2em;
	padding-right: 2em;
	border-right: 1px solid #fff;
}
#adminMenu li.last {
	border-right: none;
}

address {
	margin-bottom: 1em;
}
dd address {
	margin-bottom: 0em;
}
dt {
	font-weight: bold;
	margin-top: 1em;
}
dl {
	margin-bottom: 1em;
}

#content .programInfo, #content .programInfo li, #content #activityInfo, #content #activityInfo li {
	list-style: none inside none;	
	margin-left: 0em;
}
#activityInfo {
	margin-bottom: 0em;
}


/* registration form */
#register {
	text-align: left;
}
#register fieldset {
	margin-bottom: 2em;
}
#register h2 {
	text-align: left;
	margin-bottom: 1em;
}
#register h3 {
	height: 23px;
	line-height: 23px;
	background: #618a30 url("bgActivityBlurbsHeader.png") no-repeat top center;
	padding-left: 9px;
	padding-right: 0px;
	font-size: 14px;
	color: #fff;
	margin-bottom: 8px;
	font-weight: normal;
	margin-top: 1em;
}
#register #btnAdd {
	display: block;
	float: right;
	width: 39px;
	height: 19px;
	background: transparent url("bgBtnAdd.png") no-repeat center center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 19px;
	text-align: center;
	color: #fff;
	text-decoration: none;
}
#register #registrant_state {
	float: left;
	width: 56px;
	margin-right: 3px;
}
#register #registrant_zip {
	float: right;
	width: 130px;
}
#register #registrant_address_1 {
	margin-bottom: 0.5em;
}
#register #registrant_referral {
	margin-bottom: 0.5em;
}
#register .field .inline input, #register .field .inline label
{
	width: auto;
	float: none;
}
#register .field .inline label {
	line-height: 24px;
}
#register .field .inline input, #register .field .inline select {
	float: right;
	width: 60%;
	margin-bottom: 0.5em;
}
#register p {
	margin-top: 1em;
}
#register fieldset fieldset {
	margin-bottom: 0em;
	clear: both;
}
#register fieldset .template {
	display: none;
}

#instances div span {
	height: 20px;
	overflow: hidden;
	display: block;
}
#instances div span.hidden {
	display: none;
}

/* activityInfo */
#activityInfo, #registrationSummary, #joinInfo, blockquote, .registrationLog {
	position: relative;
	background: transparent url("bgBlackScreen.png");
	_background: #111 none;
	padding: 12px;
	padding-top: 0px;
	margin-bottom: 2em;
	_padding-top: 12px;
}
.registrationLog h3 {
	padding-top: 1em;
}
blockquote {
	padding-top: 12px;
}
blockquote p {
	margin-bottom: 0em;
}
#activityInfo:after, #registrationSummary:after, #joinInfo:after, .registrationLog:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#activityInfo .register, #joinInfo .join, blockquote .donate {
	position: absolute;
	top: 12px;
	right: 12px;
	display: block;
	width: 119px;
	height: 27px;
	color: #fff;
	font-size: 17px;
	line-height: 25px;
	background: transparent url("bgBtnRegister.png") no-repeat center center;
	text-align: center;
	text-decoration: none;
}
blockquote .donate {
	position: static;
	float: right;
	margin-left: 1em;
	margin-bottom: 0.5em;
	text-decoration: none ! important;
}
#activityInfo dt, #registrationSummary dt, #joinInfo dt, .registrationLog dt {
	float: left;
	_float: none;
	width: 4em;
	clear: left;
	margin-top: 8px;
	font-size: 14px;
	font-weight: normal;
	color: #b8e087;
}
#registrationSummary dt {
	width: 6em;
}
#joinInfo dt {
	width: 10em;
}
.registrationLog dt {
	width: 10em;
}
#joinInfo h2 {
	padding-top: 8px;
	margin-bottom: 0em;
	color: #fff;
	font-size: 1.25em;
}
#activityInfo dt.cost {
	*height: 35px;
	_height: auto;
}
#activityInfo dd, #registrationSummary dd, #joinInfo dd, .registrationLog dd {
	float: left;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.25em;
	padding-top: 11px;
	_padding-top: 0px;
	*float: none;
}
#activityInfo dd.date {
	margin-right: 128px;
}
#activityInfo dd ul, #registrationSummary dd ul, #joinInfo dd ul {
	margin-left: 0em;
	margin-bottom: 0em;
	*position: relative;
	*left: -1.5em;
	list-style: none;
}

#submitRegistration {
	clear: both;
	padding-top: 1em;
	text-align: center;
}

.video {
	text-align: center;
	background: #000;
}