@charset "utf-8";
/* CSS Document */

/* Links -----------------------------------------------------------------------*/
/*typography*/
a {
	text-decoration: none;
	font-weight: bold;
	color: #FF7800;
	}
a:link {
	}
a:visited {
	}
a:active {
	}
a:hover {
	text-decoration: underline;
	}



h1 {
	font-size: 2.0em;
	font-weight: 400;
	margin-top: 0em;
	margin-bottom: 0em; /*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	color:#c00;
border-bottom:1px solid #ccc;
	}



h1.pagetitle {
	font-size: 2.0em;
	font-weight: 400;
	margin:0 0 12px;
padding:0 0 5px;
color:#c00;
border-bottom:1px solid #ccc;
	}



h2 {
	font-size: 1.7em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
h3 {
	font-size: 1.4em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
h4 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
p {
	font-size: 1.0em;
	line-height: 1.8em;
	padding: 0.9em 0em 0.9em 0em;
	}	

p.feature{
        border: 1px solid #cccccc;
	padding:5px 0px 5px 5px;
	margin-bottom:10px;
        background-color: #E6F1FA;
}
p.listtitle{
	padding:0px 0px 0px 0px;
	margin-bottom:0px;
font-weight: bold;
}

p.sidebarpad
{
	padding:10px;
}




.image_left {
	border: 1px solid #cccccc;
	padding: 3px;
	float: left;
	margin-right: 10px;
}


.image_right {
	border: 1px solid #cccccc;
	padding: 3px;
	float: right;
	margin-left: 10px;
	background-color: #FFFFFF;
}
img.right {
	float: right;
	border: 2px solid #BDBDA2;
	padding: 2px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 15px;
}
.noborder {
	border: 0px;
}

img.feature{
        border: 1px solid #cccccc;
	padding:5px;
	margin-bottom:10px;
        background-color: #E6F1FA;
}



	
img {
	border: 0;
	}
ol, ul, li {/**/
	list-style: none;

	}

li > p {
	margin-top: 0.2em;
	}
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}
	
	
/* section alignment --------- */

.alignleft {
float:left;
}
.alignright {
float:right;
}
/* image alignment left, right & center --------- */

.imgleft {
float:left;
margin:0 12px 12px 0;
padding:3px;
}
.imgright {
float:right;
margin:0 0 12px 12px;
padding:3px;
}
.imgleft_n {
float:left;
margin:0 40px 12px 0;
padding:3px;
}
.img_center {
margin:10px 0;
padding:5px;
}
code {
font-size:12px;
}

blockquote {
	background:url(images/quote2.png) no-repeat;
	background-position:5px 8px;
	margin-bottom:10px;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	padding:5px 0px 5px 30px;
	margin-bottom:10px;
}
blockquote p { font:bold 12px Verdana, Arial, Helvetica, sans-serif;  }
.clientname {
	font-size:11px; font-weight:normal; color:#666;
	margin-bottom:12px;
}


/* instruction elements -------------------------------------- */
address {
font-style:italic;
}
p.alert,p.download,p.info,p.note {
margin:10px 0 0;
padding:10px 10px 10px 36px;
}
p.alert {
padding:10px 10px 10px 36px;
}





#content-header .page-title h2 {
	font-size: 1.9em;
	font-weight: bold;
	color: #C4DFF4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
}


#content-header .page-title h3 {
	font-size: 1.7em;
	font-weight: 400;
	color: #C4DFF4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	margin: 0px;
	padding: 0px;

}



/*Lists*/
#main-content ul, #main-content ol {margin-bottom:14px;margin-left:0px;padding-left:0px;}
#main-content ul span, #main-content ol span {font-weight:normal;}
#main-content ul div, #main-content ol div {font-weight:normal;}
#main-content ul {list-style-type:none;}
#main-content ul li, #main-content ol li {padding-left:15px;font-size:1.1em;line-height: 1.2em;padding-bottom:4px;background:url(../../images/YMCA_index_images/bullet-blu.gif) 0 4px no-repeat;}
#main-content ul li a, #main-content ol li a {font-weight:normal;}
#main-content ul li a:hover, #main-content ol li a:hover {text-decoration:underline;}

#main-content td ul {list-style-type:none;margin-left:0px;}
#main-content td ul li, #main-content td ol li {padding-left:15px;font-size:1.1em;line-height: 1.2em;padding-bottom:4px;background:url(../../images/YMCA_index_images/bullet-blu.gif) 0 4px no-repeat;}



#left-sidebar ul#sideNav {
	padding: 1px 0 0 0;
	margin: 5px 0 20px 0;
	background: url(../../images/YMCA_index_images/bg_sidebar_li.jpg) 20px 0 no-repeat fixed;
	position: relative;
	right: -18px;
	top: 10px;
	z-index: -100;
	width: 241px;
}

#left-sidebar ul#sideNav li {
	padding: 0px 0;
	background: url(../../images/YMCA_index_images/bg_sidebar_li.jpg) 0px 100% no-repeat;
	text-align: right;

}

#left-sidebar ul#sideNav li a {
	text-decoration: none;
	font-size: 7.5pt;
	line-height: 42px;
	height: 42px;
	display: block;
	padding: 0 33px 0 0;
	color: #2f2f2f;

}

#left-sidebar ul#sideNav-bak li a {
	text-decoration: none;
	font-size: 18px;
	line-height: 42px;
	height: 42px;
	display: block;
	padding: 0 33px 0 0;
	color: #2f2f2f;
}

#left-sidebar ul#sideNav li a:hover, #left-sidebar ul#sideNav li.current a {
	text-decoration: none;
	color: #fff;
	background: url(../../images/YMCA_index_images/bg_sidebar_lihover_blu.png) no-repeat;
	z-index: 10;
}
#left-sidebar div {

	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	padding-bottom: 5px;
}


#left-sidebar div h3 {
	color: #2d2d2d;
	font-weight: bold;
	margin: 0 0 10px 0;
	font-size: 1.1em;
}	




#footer h4 {
	color:#eee;
	margin-top:5px;
	margin-bottom:10px;
	font-size:1.3em;
	color:#fff;
	font-weight: bold;
}
#footer h5 {
	font-size:1.2em;
	color:#FFFFFF;
	font-weight:bold;
	margin: 0px;
}
/**/
#footer p {
	color:#fff;
	padding-right: 10px;
	font-size: 1.0em;
	line-height: 1.4em;

	margin: 1.0em 0em 1.0em 0em;
}

#footer ul {
	clear:both;
	float:left;
	width: 100%;
}
#footer ul li {
	font-size:1.1em;
	padding:5px 0 4px 2px;
	border-bottom:1px solid #005489;
}
#footer ul li a {display:block;color:#fff;}
#footer ul li:hover {
	border-bottom:1px solid #00416a;
	background:#0066a7;
}







/*  Mini Navigation  */

#mini-nav {
	height: 25px;
}

#mini-nav .x8drawMenu {
	padding: 0px;
	margin: 0px;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 25px;
	float: right;
}
#mini-nav .x8drawMenuHREF {
  list-style: none;
  margin: 0;
  display: inline;
 }
#mini-nav .x8drawMenuHREF a {
	text-decoration: none;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	color: #FFFFFF;
}
#mini-nav .x8drawMenuHREF a:link {
}
#mini-nav .x8drawMenuHREF a:visited {
}
#mini-nav .x8drawMenuHREF a:hover {
}
#mini-nav .x8drawMenuHREF a#current {
}

#mini-nav .menuSeparator {
	color: #FFFFFF;
	margin: 0px;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
}


/*  Footer Navigation  */
#footer-nav {
width: 720px;
	float: left;
}

#footer-nav .copyright {
	margin-top: 0px;
	margin-bottom: 10px;
}

#footer-nav .copyright p{
	color: #336699;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}


#footer-nav .x8drawMenu {
	padding: 5px 0px 0px 3px;
}
#footer-nav .x8drawMenuHREF {
  list-style: none;
  margin: 0;
  display: inline;
 }
#footer-nav .x8drawMenuHREF a {
	color: #336699;
font-weight: normal;
	margin: 0px;
	padding: 0px;
}
#footer-nav .x8drawMenuHREF a:link {

}
#footer-nav .x8drawMenuHREF a:visited {
	color: #336699;
}
#footer-nav .x8drawMenuHREF a:hover {
color: #FF7800;
}
#footer-nav .x8drawMenuHREF a#current {
	color: #0079C6;
}

#footer-nav .menuSeparator {
	color: #336699;
	margin: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}



/* Tables --------- */


table {margin-bottom:20px;border-collapse:collapse;font-size:1.1em;}    
table thead th {padding:5px 15px;text-align: left;}
table tbody th, table tbody td {padding:5px 15px; }
table thead th {background:#336699;color:#fff;}
table tbody tr.alt {background-color:#f2f2f2;}
table tbody th, table tbody td a:hover {text-decoration:underline;}



table.announcements {margin-bottom:10px;border-collapse:collapse;font-size:1em;}    
table.announcements thead th {padding:5px 15px;text-align: left;}
table.announcements tbody th, table.announcements tbody td {padding:0px 0px; }
table.announcements thead th {background:#336699;color:#fff;}
table.announcements tbody tr.alt {background-color:#f2f2f2;}
table.announcements tbody th, table.announcements tbody td a:hover {text-decoration:underline;}

table.announcements p {padding:0px;}