/* @override http://rainier.sitecrafting.com/Workspace/nwilliams/ymca/html/css/style_new.css */

/*
009F4F - Dark Green
A6CE39 - Olive Green
569A05 - Nav dark green
8ED8F8 - Blue
FEF664 - Yellow
F8B927 - Orange
EB2A2F - Red

FEF664 - Dark Green Text
79180D - Red Link Active
*/


body {
	margin: 0 auto;
	padding: 0;
	font: 0.80em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	letter-spacing: .2px;
	background: #EB2A2F;
}


h1, h2, h3, h4, h5, h6 {
	font-family: georgia, "Times New Roman", times, serif;
	line-height: 1.3em;
}

h1 {
	font-size: 32px;
	line-height: 36px;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 18px;
}

a { text-decoration: none; }
a:hover{ text-decoration: underline; }
a img{ border: none; }

#main_content a:link {
	color: black;
	text-decoration: underline;
}

#main_content a:visited {
	color: #555;
	text-decoration: underline;
}

#main_content a:hover {
	color: #888;
}

#main_content h2 {
	margin-top: 0;
	padding-top: 1em;
	font-size: 20px;
}

.cleaner {
	clear: both;
	font-size: 0px;
	margin: 0; padding: 0;
	background: transparent;
}

.content {
	width: 775px;
	margin: 0 auto;
}	

.left {
	float: left;
}

.right {
	float: right;
}

p {
	margin: 0 0 1em 0;
}

#main_content .orange {
	font-size: .9em;
	font-weight: bold;
	background: #F4AA1D;
	padding: 20px;
}

/*#breadcrumbs {
	padding-top: 1em;
}*/
#bc_container{
	height: 50px;
}
#breadcrumbs{
	padding: 0 0 0 0;
	margin: 0;
	float: left;
	list-style-type: none; 
	height: 25px; 

}
#breadcrumbs li{
	float: left;
	background: url('../images/bc_greenLT.jpg') top left no-repeat;
	border-right: 4px solid #fef664;
	height: 25px; 
	padding: 0; margin: 0;
}
#breadcrumbs li.active{ background: url('../images/bc_activeLT.jpg') top left no-repeat; margin: 0; }
#breadcrumbs li.active .bc_right{ background: transparent url('../images/bc_activeRT.jpg') top right no-repeat; padding: 4px 8px 0 8px; margin: 0; }

#breadcrumbs li .bc_right{
	background: transparent url('../images/bc_greenRT.jpg') top right no-repeat;
	display: block;
	padding: 4px 5px 0 5px;
	margin: 0;
	height: 21px;
	float: left;
}
#bc_bottom{ 
	/*margin: 35px 0 0 0;*/
	float: left;
	margin: 0;
	padding: 0;
	background: url('../images/bc_activebar.jpg') 0 0 repeat-x;
	height: 20px; width: 520px;

}
body.page #main_content .orange h3 {
	margin: 0 0 8px -10px;
}

.success {
	border: 1px solid #9c9;
	background: #cfc;
	padding: 1em;
	margin: 1em 0;
}

.success p {
	margin: 0 !important;
	padding: 0 !important;
}

.error {
	background: #fcc;
	border: 1px solid #f99;
	width: 350px;
	padding: .5em;
	margin: 1em 0;
}

div.message {
	padding: 0 0em 0 30px;
	margin: 0 0 1em 0;
	background: #e7e7e7 url(../images/icons/tango/applications-system.png) no-repeat;
	background-position: 10px center;
	border: 2px solid #aaa;
	border-width: 2px;
	width: inherit;
}

.message p {
	margin: 1em;
}

div.error {
	border-color: #f00;	
	background-color: #fcc;
	background-image: url(../images/icons/sc_cancel_24.gif);
}

div.success{
	border-color: #0c0;
	background-color: #cfc;
	background-image: url(../images/icons/sc_confirm_24.gif);
}

div.warning{
	border-color: #F50;
	background-color: #FFB;
	background-image: url(../images/icons/emblem-important.png);
}

div.info {
	border-color: #55f;
	background-color: #ddf;
	background-image: url(../images/icons/sc_info_24.gif);
}



#top_nav, #main_nav, #main_content .content,  {
	/*overflow: hidden;*/
}

#top_nav, #main_nav, #feature_content .content, #footer .content {
	overflow: hidden;
}

#top_nav {
	background: #009F4F;
	padding: 2px 0
}

#top_nav {
	text-align: right;
	color: #FEF664;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: .25px;	
}

#top_nav .content p { text-align: center; }

#top_nav a:link, #top_nav a:visited {
	color: #FEF664;
}

#main_nav {
	background: #A6CE39;
	padding: 10px 0;
}

#main_nav .nav .main_link {
	margin: 8px 3px;
	padding: 0 8px 0 10px;
	font-size: 14px;
	letter-spacing: .5px;
	line-height: 63px;
}

#main_nav li {
	/*border: 1px solid #A6CE39;*/
}

#main_nav .sfhover {
	background: url(../images/nav_active.gif) repeat-x;
}

#main_nav .sfhover .children {
	margin: 0 0 0 -10px; 
	padding: 7px;
}

/*
html>body*.children {margin: 0 !important; }
*/

#main_nav .sfhover ul li {
	background: #6EA70F;
}

#main_nav .sfhover ul li a {
	padding: 12px 8px;
}

#main_nav .sfhover ul li.sfhover {
	background: #A6CE39;
}

#main_nav a:link, #main_nav a:visited {
	color: white;
}

#main_nav .children {
	background: #6EA70F;
}

#top_content {
	background: #8ED8F8 url(../images/blue_gradient.gif) repeat-x;
	text-align: right;
}

#top_content .content {
	min-height: 200px;
}

#top_content .content .hero{
	display: block;
	float: right;
}
#main_content {
	background: #FEF664;
	padding: 0 0 20px 0;
}

#home-news{
	margin: 0 28px 0 1px;
	padding: 15px 5px 10px 15px;
	width: 220px;
	background: url(../images/home_news_bg.jpg) 0 0 no-repeat;
	font-size: 12px;
}
#register {
	margin: -20px 28px 0 0 ;
	padding: 0 0 0 10px;
	background: url(../images/yellow_gradient.gif) repeat-y;
}

/***FEATURED PROGRAMS****/
.content2{ width: 840px; margin: 0 auto; }
.content2 h3{ margin: 0 0 10px 42px; }

#feat-prog {
	width: 840px;
	height: 187px;
	overflow: hidden; 
	position:relative;
}
#next, #prev {
	display: block;
	width: 27px;
	height: 182px;
	outline: none;
}

#next { float: right; background: url('../images/feature_arrow_right.jpg') 0 0 no-repeat; }
#prev { float: left; background: url('../images/feature_arrow_left.jpg') 0 0 no-repeat; }

#arrow_space_right, #arrow_space_left{
	display: block;
	width: 27px;
	height: 182px;
}
#arrow_space_right{ float: right; }
#arrow_space_left{ float: left; }
#prog-mask {
	overflow: hidden;
	width: 756px;
	position: relative;
	height: 187px;
	margin: 0 15px;
	float: left;
}
#prog-scroll {
	position: absolute;
	left: 0;
	top: 0;
	width: 10000px;
}

.feat-box{ float: left; padding: 0 12px 0 2px; width: 178px; }
.feat-box h4{ padding: 0; margin: 0 0 0 0; font-size: 12px; font-family: verdana; }
.feat-box a{ color: #000; text-decoration: underline; }
#prog-scroll img { display: block; padding: 0; margin: 0 0 5px 0 !important; border: 0; }

#mustard{
	padding-top: 19px;
	margin-top: 10px;
	background: #F8B927 url('../images/mustard_gradient.jpg') 0 0 repeat-x;	
}
#mustard .ad_container{ padding: 0 0 0 8px; }
#mustard .boxad{
	width: 213px;
	height: 129px;
	background: url('../images/boxad_bg.jpg')  0 0 repeat-x;
	border: 1px solid #fac549;
	float: left;
	padding: 13px 8px 8px 8px;
	overflow: hidden;
	font-size: 11px;
}
#mustard .boxad h3{ font-size: 13px; margin: 0 0 5px 0; padding: 0; }
#mustard .boxad img{ margin: 0 5px 0 0; padding: 0; float: left; }
#mustard .boxad a{ color: #000; text-decoration: underline; }

#mustard .spacer{ float: left; width: 36px; clear: none; }

body.home #main_content .content {
	/*overflow: visible;*/
}

body.home #main_content .left {
	font-size: 13px;
	line-height: 19px;
	width: 425px;
	padding: 2em 0 2em 10px;
	float: none;
}

#feature_content {
	background: #F8B927;
	padding: 2em 0;
}

#feature_content img {
	margin: 0 10px;
}

#footer {
	background: #EB2A2F url(../images/red_gradient.gif) repeat-x;
	margin: 0;
	padding: 1em 0;
	
	text-align: center;
}

#footer a:link, #footer a:visited {
	color: white;
}

#footer #privacy, #footer a.active {
	color: #79180D;
}

body.page #top_content {
	padding: 20px 0 30px 0;
	margin: 0;
}

body.page h1 {
	margin-top: 0;
}

body.page #logo {
	text-align: right;
}

body.page .right {
	/*float: none;
	margin-left: 255px;*/
	width: 520px;
	text-align: left;
}

body.page #top_content .left {
	margin: 0 0 0 20px;
	text-align: right;
}



body.page #main_content img {
	/*float: left;  removed to allow tracy to align images herself*/
	margin: 0 5px;
}

body.page #main_content .left a{ color: #000; text-decoration: none; font-weight: normal; }
body.page #main_content .left a:hover{ color: #000; text-decoration: underline; font-weight: normal;}
body.page #main_content .left a.active{ color: #000; text-decoration: underline; font-weight: normal;}
/*body.page #main_content .left a:visited{ color: #000; text-decoration: none; font-weight: normal;}*/

body.page #main_content .left {
	background: #A6CE39 url(../images/green_gradient.gif) repeat-x;
	width: 225px;
}

body.page #main_content .left h1 {
	margin: 22px 0 10px 12px;
	background: #b7e049 url(../images/sidenav_titletop.jpg) 0 0 no-repeat;
	width: 195px;
	font-size: 16px;
	padding: 3px 3px 3px 5px;
	line-height: 18px;
	/*font-family: verdana, helvetica, arial, sans-serif;*/
}
body.page #main_content .left h1 a{ font-weight: bold; }
body.page #main_content .left h1 a:hover{ font-weight: bold; }

body.page #main_content .left ul{ list-style-type: none; margin: 0; padding: 0 0 0 15px; }
body.page #main_content .left li.arrow_active{ background: url(../images/sidenav_arrowdown.jpg) 0 8px no-repeat; }
body.page #main_content .left li {
	margin: 5px 5px 5px 0;
	background: url(../images/sidenav_arrowright.jpg) 0 8px no-repeat;
	padding-left: 15px;
}

body.page #main_content .left li.active {
	/*font-weight: bold;*/
}

body.page #main_content .right {
	padding: 10px 0 0;
	min-height: 250px;
}

body.page #main_content .right img {
	/*float: none;
	margin: 0px;*/
}

body.page #main_content h3 {
	
}

body.page .images {
	margin-top: 20px;
	min-height: 175px;
}
body.page .images img{ margin: 0 3px !important; }

/****
Calendar Styles
****/
body.calendar #top_content .content div {
	float: none;
}

body.calendar #top_content .content {
	text-align: left;
}

body.calendar #main_content .content .left {
	width: 475px;
	float: none;
	padding: 1em 0;
	min-height: 600px;
}

body.calendar #main_content .left h2 {
	margin: 0;
}

body.calendar #top_content .content div#logo {
	float: right;
	padding: 15px 0;
	margin-right: 40px;
}

body.calendar #top_content .content div.left h1  {
	margin: 0;
	padding: 55px 0 20px 0;
}

body.calendar #main_content .right {
	padding: 15px 20px ;
	margin: 0 0 20px 0;
	background: #FEFCA0 url(../images/light_yellow_gradient.gif) repeat-x;
}

body.calendar .right tr th {
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	color: #63A211;
}

body.calendar .right tr td {
	padding: 0 3px;
	text-align: center;
}

body.calendar #main_content .right td.hilite {
	background: #ccc;
}

body.calendar .right table {
	border-bottom: 1px solid black;
}

body.calendar h4 {
	font-family: "Lucida Grande", verdana, arial, sans-serif;
	font-size: 14px;
	margin: 15px 0 0 0;
}

body.calendar #main_content p {
	margin: 0 0 10px 0;
}

body.calendar h3 {
	font-family: "Lucida Grande", verdana, arial, sans-serif;
}

body.calendar #main_content .left img {
	float: right;
}

/****
Gallery Style
****/
body.gallery #top_content .content div {
	float: none;
}

body.gallery #top_content .content {
	text-align: left;
}

body.gallery #top_content .right {
	margin-left: 230px;
}


body.gallery #top_content .content div#logo {
	float: right;
	padding: 15px 0;
	margin-right: 40px;
}

body.gallery #top_content .content h1  {
	margin: 0 0 0 20px;
	padding: 55px 0 20px 0;
}

body.gallery #main_content .left {
	background: #A6CE39 url(../images/green_gradient.gif) repeat-x;
	width: 200px;
	margin-bottom: 20px;
}
body.gallery #main_content .left h1 {
	margin: 22px 0 10px 12px;
	/*background: #b7e049 url(../images/sidenav_titletop.jpg) 0 0 no-repeat;
	width: 195px;*/
	font-size: 16px;
	line-height: 18px;
	/*font-family: verdana, helvetica, arial, sans-serif;*/
}
body.gallery #main_content .right {
	margin: 0 0 0 250px;
	float: none;
	min-height: 300px;
	padding-top: 10px;
}

body.gallery table {
	margin: 20px 0;
}

body.gallery td {
	width: 150px;
}

body.gallery #main_content .left h3 {
	font-family: "Lucida Grande", verdana, arial, sans-serif;
	font-size: 14px;
	margin: 15px 0 0 30px;
}

body.gallery #main_content .left a{ color: #000; text-decoration: none; font-weight: normal; }
body.gallery #main_content .left a:hover{ color: #000; text-decoration: underline; font-weight: normal;}
body.gallery #main_content .left a.active{ color: #000; text-decoration: underline; font-weight: normal;}
/*body.page #main_content .left a:visited{ color: #000; text-decoration: none; font-weight: normal;}*/

body.gallery #main_content .left ul{ list-style-type: none; margin: 0 !important; padding: 0 0 10px 15px; }

body.gallery #main_content .left li {
	margin: 5px 5px 5px 0;
	background: url(../images/sidenav_arrowright.jpg) 0 8px no-repeat;
	padding-left: 15px;
}
/*
body.gallery #main_content .left ul {
	font-family: "Lucida Grande", verdana, arial, sans-serif;
	margin: 0 0 30px 0;
}

body.gallery #main_content .left li {
	margin: 5px 0;
}
*/
/****
Testimonials
****/

body.testimonials #main_content p {
	font-style: italic;
	color: #333;
	/*margin-left: 20px;*/
}

body.testimonials #main_content p * {
	font-style: normal;
	color: black;
}

body.testimonials .small {
	font-size: .75em;
	color: #555;
	font-style: italic;
}

body.testimonials form {
	padding: 1em;
	margin: 0 0 1em 0;
	background: #ddd;
	border: 1px solid #999;
	width: 350px;
	
}

body.testimonials form div {
	margin: 4px 0;
}

body.testimonials form label {
	
}

body.testimonials #testimonials {
	margin: 2em 0;
}

body.testimonials #testimonials p {
	/*margin-left: 20px;	*/
}

body.testimonials .success {
	border: 1px solid #9c9;
	background: #cfc;
	padding: 1em;
}

body.testimonials .success p {
	margin: 0;
}

body.testimonials #error, body.testimonials .error {
	background: #fcc;
	border: 1px solid #f99;
	width: 350px;
	padding: .5em;
	margin: 1em 0;
}

body.testimonials #top_content {
	padding: 10px 0;
	text-align: left;
}

body.testimonials #logo {
	float: right;
}

body.testimonials #top_content h1 {
	padding-top: 75px;
}

body.testimonials #top_content .content {
	min-height: 0;
}

body.testimonials #main_content .orange {
	margin: 0;
	padding: 10px;
}


body.testimonials #main_content .left {
	float: none;
	width: 500px;
	min-height: 250px;
	padding: 1em 0;
	
}

body.testimonials	 #main_content .right {
	padding: 15px 20px ;
	margin: 0 0 20px 0;
	background: #FEFCA0 url(../images/light_yellow_gradient.gif) repeat-x;
	width: 200px;
}


/*******
Schedules styles
*******/

body.schedules #top_content {
	padding: 10px 0;
	text-align: left;
}

body.schedules #logo {
	float: right;
}

body.schedules #top_content h1 {
	padding-top: 75px;
}

body.schedules #top_content .content {
	min-height: 0;
}

body.schedules #main_content h3 {
	margin: 0;
	padding: 20px 0 0 0;
}

body.schedules #main_content .left {
	float: none;
	width: 500px;
	min-height: 250px;
	padding: 1em 0;
	
}

body.schedules #main_content .right {
	padding: 15px 20px ;
	margin: 0 0 20px 0;
	background: #FEFCA0 url(../images/light_yellow_gradient.gif) repeat-x;
	
}

body.schedules #main_content .left p {
	padding-top: 1em;
	margin: 0;
}

body.schedules #main_content .left form {
	padding: 1em;
	margin: 0 0 1em 0;
	background: #ddd;
	border: 1px solid #999;
	width: 250px;
}

#schedules {
	width: 180px;
}

/*******
Newsletters
*******/

body.newsletter #main_content p {
	margin-top: 0;
	padding-top: 1em;
}

body.newsletter #top_content {
	padding: 10px 0;
	text-align: left;
}

body.newsletter #logo {
	float: right;
}

body.newsletter #top_content h1 {
	padding-top: 75px;
}

body.newsletter #top_content .content {
	min-height: 0;
}

/***
Hover style
*/

#main_nav, #main_nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#main_nav a {
	display: block;
	width: auto;
}

#main_nav li { /* all list items */
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
}

#main_nav li ul { /* second-level lists */
	position: absolute;

	width: auto;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#main_nav li ul li  {
	float: none;
}

#main_nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	
}

.jobs table {
	border-collapse: collapse;
	margin-top: 2em;
}

.jobs .branch th {
	color: #222;
	text-align: left;
	font-size: 16px;
	line-height: 24px;
	background-color: #A6CE39;
}

.jobs td {
	background-color: #FEFCA0;
	line-height: 150%;
	padding: 2px 4px;
	vertical-align: top;
	border-top: 1px solid #cc9;
}
.jobs tr.first_job td { border: 0; }
.jobs tr.spacer_row td { height: 1.5em; background-color: transparent; border: 0; }

.jobs th {
	background-color: #8ED8F8;
	color: #1E6888;
	padding: 2px 4px;
	text-align: left;
}

.jobs #top_content .content {
	min-height: 0;
}

body.jobs #top_content .content div {
	float: none;
}

body.jobs #top_content .content {
	text-align: left;
}

body.jobs #top_content .content div#logo {
	float: right;
	padding: 15px 0;
	margin-right: 40px;
}

body.jobs #top_content .content div.left h1  {
	margin: 0;
	padding: 55px 0 20px 0;
}

.jobs #logo {
	margin: 10px 0;
}

.jobs .rss {
	float: right;
	margin-top: 4px;
}

/* @group Form Layout */

h1.form {
	
}

h2.form {
	clear: both;
	color:  #666666;
	font-family: arial;
	font-weight: bold;
	font-size: 16pt !important;
	padding-top: 2.5em !important;
}

h3.form {
	clear: both;
	color:  #666666;
	font-family: arial;
	font-weight: bold;
	font-size: 12pt !important;
	font-style: italic;
	padding-top: 2em;
}

.col-box,
.col-1,
.col-2,
.col-4 {
	color: #888888;
	clear: both;
	width: 775px;
}

.col-1-1,
.col-2-1,
.col-4-1 {
	padding-left: 30px;
}

.col-1-1,
.col-2-1,
.col-2-2,
.col-4-1,
.col-4-2,
.col-4-3,
.col-4-4 {
	float: left;
	margin-top: 1em;
	min-height: 2em;
}

.col-1-1 {
	width: 735px;
}

.col-2-1,
.col-4-1 {
	width: 150px;
}

.col-2-2 {
	width: 595px;
}

.col-4-2 {
	width: 175px;
}

.col-4-3 {
	width: 180px;
}

.col-4-4 {
	width: 240px;
}

.col-box {
	border:  2px solid #aaa;
	margin: 1em 0 1em 30px;
	padding: 5px;
	width: 741px;
}

.col-box label {
	color: #555555;
	font-weight: bold;
	text-align: center;
	display: inherit;
}

.col-1 label,
.col-2 label,
.col-4 label {
	font-weight: bold;
}

.col-1 label.required,
.col-2 label.required,
.col-4 label.required {
	color: #555555;
}

.col-1 label.checkboxlabel,
.col-2 label.checkboxlabel,
.col-4 label.checkboxlabel {
	
	font-weight: normal;
}

.subfield {
	float: left;
	margin-right: 1em;
}

.sublabel {
	font-size: 7pt;
	float: left;
	text-transform: uppercase;
}

/* @end */





/**************************
	FORMS STYLES
**************************/

.forms fieldset { margin: 0 0 2em 0; padding: .75em 0 0 .75em; border: 1px solid #aa7; }
.forms legend { background: #fff; font-size: 11pt; margin: 0; padding: .35em .75em .25em .75em; border: 1px solid #aa7; }
.forms hr { background: transparent; height: 1px; margin: 1em .75em 2em 0 !important; border-width: 0 0 1px 0; border-style: solid; border-color: #cc9; }
.forms td hr { margin: 1em 0 1em 0 !important; }

.forms table { width: 100%; margin: 0; border-spacing: 0; }
.forms td { background: transparent; padding: 0 1.25em .75em 0; border: 0; }
.forms td.lbl { text-align: right; vertical-align: top; padding-right: .5em; }
.forms td input, .forms td textarea { width: 90%; }
.forms td>input, .forms td>textarea { width: 100%; }

.forms table.two_col_eq td { width: 50%; }
.forms table.four_col_eq td { width: 25%; }

.forms table.two_col td { width: 75%; }
.forms table.two_col td.lbl { width: 25%; }
.forms table.four_col td { width: 25%; }

.forms td.lbl, .forms .lbl {
	font-weight: bold;
}
.forms input, .forms textarea, .forms select {
	font: 9pt arial, sans-serif;
}
.forms input {
	background-color: #fff;
	padding: 2px 3px;
	border: 0;
	border-bottom: 1px solid #333;
}
.forms textarea {
	height: 7.5em;
	border: 1px solid #333;
	padding: 3px;
}

.forms .button {
	background: #009F4F;
	color: #fff;
	font-size: 11pt;
	padding: .5em;
	border: 1px outset #009F4F;
}
.forms .radio, .forms .radio input { width: auto; border: 0; }
.forms .checkbox, .forms .checkbox input { border: 0; }
.forms .normal { width: auto; }


/**************************
	GENERAL STYLES
**************************/

.full_width { width: 97% !important; }

.small { font-size: 8pt !important; }

.lowlite { color: #888 !important; }

.to_left { text-align: left !important; }
.to_right { text-align: right !important; }