html {background:#e5e5e5 url(images/global_background.jpg) top left repeat-x;}

/* 8/19/09 movde body tag from individual templates to the main CSS */
body {margin: 0; padding: 0; font: 12px Arial, Helvetica, sans-serif;}

p {
	line-height: 120%;
}



h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #333333;
	line-height: 100%;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #253F70;
	line-height: 100%;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #264071;
	line-height: 100%;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}


h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	font-style: italic;
	margin-top: -5px;
	margin-bottom: 10px;
}
h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	font-style: italic;
	margin-top: 20px;
	margin-bottom: 0px;
}


h2 a { text-decoration: none; }

a:link {
	color: #007BB6;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #007BB6;
}
a:hover {
	text-decoration: underline;
	color: #007BB6;
}
a:active {
	color:#007BB6;
	text-decoration: underline;
}



/* updated 8/19/09 */
#container {
	margin: auto;
	width: 952px;
	text-align: left;
}

/* updated 8/19/09 */
#topnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	height: 20px;
	/*width: 665px;*/
	text-align: center;
	float: right;
	margin-top: 8px;
	margin-right:8px;
}

#topnav a:link {
	color: #FFFFFF;
	text-decoration: underline;
	
}

#topnav a:visited {
	color: #FFFFFF;
	text-decoration: underline;
	
}
#topnav a:hover {
	color: #bcbcbc;
	text-decoration: underline;
	
}
#topnav a:active {
	color: #bcbcbc;
	text-decoration: underline;
	
}


.headerimg {
	padding-left: 10px;
	padding-top: 14px;
}


#header h1 {
	font-size: 1px;
	text-align: right;
	color: #fff;
	margin: 0;
	padding: 0;
}

#navbar {
	height: 20px;
	width: 800px;
	padding-right: 0px;
}

#contents {
	margin-top: 25px;
	margin-right: 25px;
	margin-bottom: 15px;
	margin-left: 30px;
}

#contents p {
	line-height: 160%;
}

#contentsMain 
{
	margin-top: 1px;
	margin-right: 25px;
	margin-bottom: 15px;
	margin-left: 30px;
}

#contentsMain p {
	line-height: 160%;
}

#contentsRight {
	margin-top: 1px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 5px;
}

#contentsRight p {
	line-height: 160%;
}

#contentsBottom {
	margin-top: 1px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 25px;
}

#contentsBottom p {
	line-height: 160%;
}

#mainnav
{
	color: #333333;
	padding: 3px 0 5px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	background-image: url(images/main-navbackground.jpg);
	background-repeat: repeat-x;
	margin-right: 3px;
}

#mainnav ul
{
	margin: 0 0 0 0px;
	padding: 0;
	list-style-type: none;
	

}

#mainnav li
{
	display: inline;
	padding: 0 0px;
	
}

#mainnav li a
{	text-decoration: none;
	color: #333333;
}

#mainnav li a:hover
{	text-decoration: none;
	color: #128393;
}

#menu ul
{	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	line-height: 165%;
}

.imagefloat
{	float: right;
	padding: 2px;
	border: 1px solid #9FA41D;
	margin: 0 0 10px 10px;
}

/* updated 8/19/09 */
#whole {
	background-image: url(images/background.gif);
	background-repeat: repeat-y;
	background-position: center;
	margin: 0px auto;
	width: 952px;
	padding-bottom: 0px;
	padding-top: 0px;
}



#bottom p
{
	margin: 0px;
	height: 30px;
	background-position: center;
	padding: 0px;

}
#beta-inner
{width: 200px; background: #E3E3E3;
}

.module-categories
{
	background-color: e3e3e3;
	width: 200px;

	

  
}

.module-header h2
{
	margin-bottom: 5px;
  
}

.module-header
{
	/* ie win (5, 5.5, 6) bugfix */
   width: 125px;
	margin: 0;
	border-left: 5px solid #D80110;
	padding: 5px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	line-height: 1;
	text-transform: uppercase;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFCC00;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFCC00;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFCC00;
}

.module-header a,
.module-header a:hover,
{
   color: #fff;
}




.module-content
   {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 110%;
	font-weight: bold;
	color: #000000;
	text-align: right;
	padding-right: 7px;
}
.module-content ul
   {
	padding: 0;
	border: 0;
	margin: 5px 0px 5px 10px;
	list-style-type: none;
	
}

.module-content ul a:link
   {
	color: #333333;
	text-decoration: none;
 
	
}
.module-content ul a:visited
   {
	color: #333333;
	text-decoration: none;
	
}
.module-content ul a:hover
   {
	color: #F50000;
	text-decoration: none;}


.module-content li {
	line-height: 115%;
	padding-bottom: 2px;
	
	padding-left: 5px;
	padding-top: 2px;
	margin-bottom: 5px;
}
.module-content li a:link
   {
	color: #333333;
	text-decoration: none;
 
	
}
.module-content li a:visited
   {
	color: #333333;
	text-decoration: none;
	
}
.module-content li a:hover
   {
	color: #F50000;
	text-decoration: none;}
	
	
.module-content2
   {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 100%;
	font-weight: bold;
	color: #FFFFFF;
	background-position: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 8px;
	padding-right: 5px;
	padding-left: 2px;
}
.module-content2 ul
   {
	border: 0;
	position: relative;
	margin: 0px;
	list-style-type: none;
	text-align: right;
	color: #FFFFFF;
	line-height: 115%;
	padding-bottom: 2px;
	padding-left: 1px;
	padding-top: 0px;
	padding-right: 3px;
	
}
.module-content2 ul a:link
   {
	color: #FFFFFF;
	text-decoration: none;
 
	
}
.module-content2 ul a:visited
   {
	color: #FFFFFF;
	text-decoration: none;
	
}
.module-content2 ul a:hover
   {
	color: #FFFF33;
	text-decoration: none;
}

	
/*#sidebarTOP {
	width: 125px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 9px;
	padding-right: 0px;
	background-color: #FFFFFF;
}
#sidebarBOTTOM {
	width: 125px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	background-color: #507EA3;
}*/

#white {
	background-repeat: repeat-x;
	height: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F50000;
	background-image: url(images/whiteBUTTON.jpg);
}


#grey {
	background-image: url(images/greyBUTTON.jpg);
	background-repeat: repeat-x;
	height: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F50000;
}


#blueSMALL {
	background-image: url(images/blueSMALLBUTTON.jpg);
	background-repeat: repeat-x;
	height: 32px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

#blueBIG {
	background-image: url(images/blueBIGBUTTON.jpg);
	background-repeat: repeat-x;
	height: 45px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	}
	
   

.navDIVIDER {
	color: #F50000;
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
}
/* updated 8/19/09 */
#footer{
	margin: 0px auto;
	height: 6px;
	background-image: url(images/bottom.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: center;
	width: 952px;
	padding-top: 0px;
	padding-bottom: 0px;


}

#footerinfo {
	font-size: 12px;
	/*text-align: center;*/
	margin: 0px auto;
	/*padding: 5px;*/
	font-family: Arial, Helvetica, sans-serif;
	line-height: 110%;
	padding:10px 10px 100px 10px;
}
#footerinfodivider {
	background-color: #999999;
	height: 2px;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
}


.subheading1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	font-style: italic;
	margin-top: 20px;
	margin-bottom: 0px;
	line-height: 120%;
}
.subheading2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #CC3333;
	font-style: italic;
	margin-top: 20px;
	margin-bottom: 0px;
	line-height: 120%;
}
.hidden 
{
    position:absolute;
    left:0px;
    top:-500px;
    width:1px;
    height:1px;
    overflow:hidden;
}
#news1 {
	font-weight: bold;
}
#news1 h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #346634;
	padding-left: 20px;
}
#news1 h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #999999;
	line-height: 150%;
	padding-left: 40px;
}
#homepagecontents {
	margin: 0px 3px 0px 133px;
	padding-left: 0px;
	padding-bottom: 5px;
}
#homepagemiddle {
	background-color: #FFF;
	/*height: 138px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #F50000;*/
	/* border-bottom-color: #F50000; */
	margin-right: 3px;
	margin-top:10px;
}


.maps {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.yformheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-style: normal;
	line-height: 100%;
	font-weight: bold;
	color: #000000;
}
.yformsubhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.78em;
	font-style: normal;
	line-height: 120%;
	font-weight: bold;
	color: #000000;
}
.yformtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.70em;
	font-style: normal;
	line-height: 120%;
	font-weight: normal;
	color: #000000;
}
#hours {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
}
#locnhours {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;	
}

/* updated h1 styles 12/23/08 */

h1 {background:url(images/h1_background_grey.jpg) top left no-repeat; color:#fff; padding:5px 0 8px 8px; clear:both;}
h1 img {margin-top:20px;}
#homepagenews h1 {background:none; color:#000; padding:0;}

/* styles updated 8/17/09 */
#sidebar {
	float: left;
	width: 162px;
	margin-left: 1px;
	margin-right: 0px;
	margin-top: 0px;
	padding-left: 0px;
	padding-right: 1px;
	display:inline;
}
#sidebar h3 {color:#fff; background:#696969; margin:0; padding:0px; font-size:14px;}
#sidebar h3 a:link, #sidebar h3 a:visited {display:block; padding:7px 0 7px 5px; color:#fff;} 
#sidebar h3 a:hover, #sidebar h3 a:active {text-decoration:none; background:#128393;} 
#sidebar ul {margin:0 0 0 0; padding:0; list-style:none; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
#sidebar ul li {margin:0px;}
#sidebar ul li a:link, #sidebar ul li a:visited {color:#696969; font-weight:bold; display:block; padding:3px 5px 3px 7px; height:1%;}
#sidebar ul li a:hover, #sidebar ul li a:active {color:#fff; background:#128393; text-decoration:none;}
#sidebar ul li a:link span, #sidebar ul li a:visited span {background:url(images/nav_carat.gif) right 4px no-repeat; padding-right:7px; }
#sidebar ul li a:hover span, #sidebar ul li a:active span {background:url(images/whitearrow_blue_sm.gif) right 4px no-repeat; padding-right:7px; }
#sidebar h3 a:link span, #sidebar h3 a:visited span {background:url(images/whitearrow_grey_lg.gif) right 4px no-repeat; padding-right:9px; position: relative;}
#sidebar h3 a:hover span, #sidebar h3 a:active span {background:url(images/whitearrow_blue_lg.gif) right 4px no-repeat; padding-right:9px;}
* html #sidebar h3 a:link span, * html #sidebar h3 a:visited span, * html #sidebar h3 a:hover span, * html #sidebar h3 a:active span {display:inline-block; background-position:right 3px; cursor:pointer;}

.bold {font-weight:bold;}
#promosAndNews {width:777px; margin-left:8px;}
#promosAndNews td {vertical-align:top;}
#promosAndNews #promo1 {padding-bottom:10px;}
#promosAndNews #newsEvents {padding:0 9px 10px 0px; width:331px;}
#homepagenews {background:url(images/news_bg.gif) bottom left no-repeat; height:111px;}
#homepagenews h3 {background:url(images/news_header_bg.gif) top left no-repeat; margin:0; padding:7px 8px; font-size:14px; color:#333;}
#homepagenews ul {margin:0; padding:5px 8px; list-style:none; font-family:Arial, Helvetica, sans-serif;}
#homepagenews ul li {margin-bottom:3px;}
#homepagenews ul li a {color:#007BB6; background:url(images/nav_carat.gif) right 4px no-repeat; padding-right:7px;}
#homepagenews ul li a:hover {color:#007BB6; text-decoration:underline;}
.newsheadlines {font-weight:bold; font-size:14px; color:#333;}
#footerinfo a:link, #footerinfo a:visited {color:#333;}
#footerinfo a:active, #footerinfo a:hover  {color:#128393;}
#footerinfo img {padding-top:10px;}
#footerLinks {float:left; text-align:left;}
#footerText {float: right; text-align:right; width:330px; margin-right:4px;}
#mainnav
{
	color: #333333;
	padding: 3px 0 5px;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	background-image: url(images/main-navbackground.jpg);
	background-repeat: repeat-x;
	margin-right: 1px;
}

#homepageimage {height:277px; background:#ccc; width:787px; overflow:hidden;}
#header {height: 100px; width: 950px; background: #c00 url(banners/ymca-main-.gif); background-repeat: no-repeat; margin-left:1px;}

#lp_header {width:787px; overflow:hidden;}
.landing_page #contents {margin-left:11px; margin-right:11px;}
.landing_page #contents p {margin-top:0; line-height:150%;}
.landing_page #contents h4 {margin-bottom:3px; margin-top:10px;}
.landing_page #contents h3 {color:#fff; background:url(images/bg_landing_subhead.jpg) top left no-repeat; font-size:16px; padding:5px; margin-bottom:8px;}

.quicklinks {border:2px solid #128293;}
.quicklinks h2 {background:#128293; color:#fff; padding:5px; font-size:14px; margin:0;}
.quicklinks ul {margin:0; padding:0;}
.quicklinks ul li {margin:0 0 5px 0; padding:0; list-style-type:none;}

#membership_slideshow {margin-right:10px;}

#contents a:link, #contents a:visited {color:#007BB6;}
#contents a:hover, #contents a:active {color:#007BB6;}

/* social media links */
#sidebar #socialMedia {margin-left:7px; margin-bottom:50px;}
#sidebar #socialMedia p {font-weight:bold; color:#696969; font-size:13px; margin-bottom:5px;}
#sidebar #socialMedia ul li {float:left;}
#sidebar #socialMedia ul li a {float:left; margin:0 3px 0 0; padding:0;}