/* ------MAIN STYLES----- */

body{ margin:0; background:#fff; color:#000;}
body,input,select,textarea{ font-family:Verdana, Geneva, sans-serif;}
body,input,select,textarea{ font-size:0.75em;}
p{ margin:0 0 1.5em 0;}
form{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;}
a{ color:#000; text-decoration:underline;}
a:hover{ text-decoration:none;}
a img{ border:none;}


@font-face {
	font-family: 'CachetBookRegular';
	src: url('../fonts/cachet-book-webfont.eot');
	src: url('../fonts/cachet-book-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/cachet-book-webfont.woff') format('woff'), 
		 url('../fonts/cachet-book-webfont.ttf') format('truetype'), 
		 url('../fonts/cachet-book-webfont.svg#webfonttbnCSELi') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CachetBoldRegular';
	src: url('../fonts/cachet-bold-webfont.eot');
	src: url('../fonts/cachet-bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/cachet-bold-webfont.woff') format('woff'), 
		 url('../fonts/cachet-bold-webfont.ttf') format('truetype'), 
		 url('../fonts/cachet-bold-webfont.svg#webfontiduPVrXK') format('svg');
	font-weight: normal;
	font-style: normal;
}


H1 { font-family:'CachetBoldRegular'; font-size:2.5em; font-weight:normal; color:#0061af;}  
H2 { font-family:'CachetBoldRegular'; font-size:2em; font-weight:normal; color:#0089d0;} 
H3 { font-family:'CachetBoldRegular'; font-size:1.5em; font-weight:normal; color:#00adee;}
H4 { font-family:Verdana, Geneva, sans-serif; font-size:1.167em; font-weight:bold; color:#727173;} 
H5 { font-family:Verdana, Geneva, sans-serif; font-size:1em; font-weight:bold; color:#000;}  



.size14text{font-size:14px; line-height:1.2em;}
.size16text{font-size:16px; line-height:1.2em;}
.size20text{font-size:20px; line-height:1.2em;}
.size22text{font-size:22px; line-height:1.2em;}
.size24text{font-size:24px; line-height:1.2em;}



hr{ color:#fff; background-color:#fff;  border-bottom: 1px solid #ccc;  border-style: none none solid;}



#tblACMAdminToolbar { z-index:9999;}



/* ------CLEARING FLOATS------*/

.clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden;} 
.clear { display: inline-block;}
/* Hides from IE-mac \*/
* html .clear { height: 1%;} 
.clear { display: block;}
/* End hide from IE-mac */ 


/* ------WRAPPER STLYLS------ */

#wrapper { width:1011px; margin:0 auto;} 


.content-bg{ background:url(../images/content-bg.jpg) left top repeat-y;}
.content-top-bg{ min-height:60px; height:auto !important; height:60px; padding:24px 24px 0; background:url(../images/content-top-bg.jpg) left top no-repeat;}
.content-bottom-bg{ *display:inline-block; padding:0 0 24px; *padding:0 0 12px; background:url(../images/content-bottom-bg.jpg) left bottom no-repeat;}




/* ------TOOLBAR STYLES------ */

#toolbar { height:40px; position:relative;}
	
	#search { position:absolute; top:8px; right:150px;}
	#search br { line-height:0; display:none;}
	#search .ipf-PageSearch-Button 
		{ background:url(../images/search-submit-btn-bg.jpg) no-repeat; border:none; cursor:pointer; margin-left:2px; width:27px; height:24px; text-indent:-2000px; overflow:hidden; white-space:nowrap; line-height:0;}
	#search .ipf-PageSearch-TextField 
		{ background:url(../images/search-input-box-bg.jpg) no-repeat; border:none; font-family:'CachetBookRegular'; font-size:1.5em; font-weight:normal; color:#999; padding:0 5px 3px; width:176px; height:24px; float:left;}
		
			
		
	#media { position:absolute; top:12px; right:24px; font-weight:bold; color:#231f20;}
	#media img { vertical-align:middle;}


/* ------HEADER STYLES------ */

#header { margin:0 0 20px;}

	.Level1 #primary-nav-area { height:31px; margin:0 0 20px; padding:0 3px; background:url(../images/primary-nav-bg.jpg) left top no-repeat;}
	.Level2 #primary-nav-area { height:31px; margin:0 0 10px; padding:0 3px; background:url(../images/primary-nav-bg.jpg) left top no-repeat;}
		
		#YMCA { width:180px; padding:3px 10px; font-family:'CachetBoldRegular'; font-size:1.667em; font-weight:bold; color:#fff; float:left;}
	
		#nav{}
		#nav ul { margin:0; padding:0; list-style:none; list-style-image:none; line-height:1; z-index:2;}
		#nav ul li { margin:0; list-style:none; list-style-image:none; float:left; z-index:2;}
	
		/* Level 1 */
	
		#nav ul li a{ display:block; text-decoration:none; color:#fff;}
		#nav ul li a:hover{}
		#nav ul li.ipf-parent div a{}
		#nav ul li.ipf-parent div a:hover{}
		#nav ul li.ipf-parent div li a{}
		#nav ul li.ipf-parent div li a:hover{}
	
		#nav ul li div{ color:#fff; font-family:'CachetBoldRegular'; font-size:1.167em; font-weight:normal;}
		#nav ul li div a{ padding:8px 10px 8px 10px; background:url(../images/nav-fence.jpg) left center no-repeat;}/*used to be padding:8px 15px 8px 17px; */
		#nav ul li div a:hover{ background:#0079c3 url(../images/nav-fence.jpg) left center no-repeat;}
		#nav ul li.ipf-active1 div a{ background:#0079c3 url(../images/nav-fence.jpg) left center no-repeat;}
		
		#nav ul li#pageid1849 div a { padding:4px 15px 5px 7px; font-size:1.5em; font-weight:bold; background-image:none;}
		
	
		/* Level 2 */
	
		#nav ul li ul{ width:180px; margin:0 0 0 1px; position:absolute; background:#0062b0; border-top:1px solid #0079c3; border-left:1px solid #0079c3;border-right:1px solid #0079c3; left:-999em; z-index:999;}
		#nav ul li ul li a{ width:150px; padding:8px 15px; text-indent:none; font-size:1em; color:#fff; border-bottom:1px solid #0079c3; background-image:none;}
		#nav ul li ul li a:hover{ background:#0079c3;}
		#nav ul li ul li.ipf-parent a{}
		#nav ul li ul li.ipf-parent a:hover{}
		#nav ul li.ipf-active1 ul li a { background-color:#0062b0; background-image:none;}
		#nav ul li.ipf-active1 ul li a:hover{ background-color:#0079c3; background-image:none;}
	
		/* Level 3 */
	
		#nav ul li ul li ul { margin:-30px 0 0 180px;}
		#nav ul li ul li ul li a{}
		#nav ul li ul li ul li a:hover{}
	
		#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left:-999em;}
		#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left:auto;}
		#nav li:hover, #nav li.hover { position:static;}


	#logo-hero {}
		#logo-area { width:222px; float:left;}
			#logo { margin:0 0 20px;}
			#slogen { margin:0 0 15px; font-family:'CachetBoldRegular'; font-size:1.333em; font-weight:bold; text-transform:uppercase; color:#0089d0; line-height:1.5;}
			.Level1 #register {}
			.Level2 #register { margin:0 0 30px;}
			
			.pagelet { padding:15px 0; line-height:1.5;}
			.pagelet ul { margin:5px 0 5px 15px; padding:0;}
			.pagelet ul li { margin:0 0 0 5px; padding:3px 0;}
		
		#hero { width:714px; padding:0 0 0 24px; float:left;}



/* ------CONTENT STYLES------ */

#content { margin:0 0 20px; line-height:1.5;}
#content h1 { margin:0 0 10px; line-height:1;}
#content h2 { line-height:1;}
#content h3 { line-height:1;}

#content ul { margin:5px 0 5px 15px; padding:0;}
#content ul li { margin:0 0 0 5px; padding:3px 0;}


	
	#crumb { margin:0 0 10px; padding:0 0 10px; font-size:0.833em; border-bottom:1px solid #d7d7d7;}
	
	#main-content { width:702px; padding:0 0 0 36px; line-height:1.5; float:left;}
	#main-content h1 { margin:0 0 10px; line-height:1;}
	#main-content h2 { line-height:1;}
	#main-content h3 { line-height:1;}
	#main-content ul { margin:5px 0 5px 15px; padding:0;}
	#main-content ul li { margin:0 0 0 5px; padding:3px 0;}

	


/* ------SECTION STYLES------ */

#section { margin:0;}
#section table { border-collapse:collapse;}
#section table td { vertical-align:top;}


/* ------OPTIONAL STYLES------ */
#optional{ margin:20px 0;}


/* ------FOOTER STYLES------ */
	
#footer{ padding:15px 24px; background:url(../images/footer-bg.jpg) left top no-repeat; font-size:0.833em;}
	#footer a{ color:#000; text-decoration:none;}
	#seo {}
	#poweredbyactive { margin:0; float:right;}

/* -----LOGIN STYLES------- */	
#public-login { margin:0 0 20px; text-align:center; font-size:0.833em;}
#public-login a { padding:5px 0 5px 15px; background:url(../images/icon-login.jpg) left center no-repeat;}


/* ------ FIX THE ENHANCED PHOTO GALLERY BACKGROUND COLOR ------- */

div#ctl06_fullsize { background:none; border:none;}

div#slideleft { background-color:#fff;}
div#slideleft:hover { background-color:#fff;}

div#slideright { background-color:#fff;}
div#slideright:hover { background-color:#fff;}

div.ipb-epg-information { background:#1970b7; filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;}
div.ipb-epg-information span { padding:10px 15px 5px; font-family:'CachetBoldRegular'; color:#fff; text-transform:uppercase; font-size:30px;}
div.ipb-epg-information p { padding:0 15px 10px; color:#fff;}