/*MAIN PAGE STRUCTURE & GENERIC STYLES #####################################*/


/*
COLOURS
red: ED1C24
blue: 3995be
yellow: F2FB10
*/



/*div {border:1px dotted red}*/

html { 
   /* height: 100%;*/
	} 
body { 
   /* height: 100%;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	line-height:1.6em;
	color:#333; 
	background-color:#000;
} 


#container { 
    position: relative; 
    /*min-height: 100%;*/ 
} 
* html #container { 
    /*height: 100%;*/ 
} 




#topstrip {background:#ED1C24 url(../images/nav-background.png) repeat-x bottom; padding:4px 0;clear:both}
#navwrapper { min-height:30px;width:970px; margin:0 auto;clear:both}

#contentwrapper {background: url(../images/pagebackground-dark.png) repeat-x top}
#content { 
     padding-bottom: 40px; 
	 width:980px;
	 margin:0 auto;
	 
} 

#footerwrapper {background-color:#000;margin:0;padding:20px;padding-left:180px}

#footer { 
	width:900px;
    margin:0 auto;	
} 




#leftnav {width:170px; float:left; padding-top:20px;padding-bottom:80px; background:transparent url(../images/nav-chevron.png) right bottom no-repeat}
#sidebar {width:160px; float:right; padding-top:27px;}

#pagecontent {width:570px;min-height:400px;float:left;margin-left:20px;padding:20px 20px 40px 20px;background:#fff url(../images/contentbackground.png) repeat-x}


.clearer {clear:both; line-height:0}
.btmclearer {clear:both; height:80px;}

iframe {margin: 20px 0;padding:0}


#videoplayer {margin:0 auto 20px auto}



/* BANNER  #####################################*/
#bannerstrip{height:110px;margin:0;background-color:#fff;clear:both}
#bannerwrapper{height:110px; width:990px;margin:0 auto;}
#ymcalogo {float:left;width:195px;height:110px;background:url(../images/ymca-main-logo.png) no-repeat}
#banner { float:left;width:786px; height:110px; background:url(/assets/BannerImages/bannerHome.jpg) no-repeat}
#ymcalogo h1 {text-indent:-9999px;font-size:0}


/* NAVIGATION STYLING  ###################################################################*/
.topnav ul li a{text-decoration:none; text-transform:uppercase; }
.subnav ul li a{text-decoration:none; text-transform:uppercase; font-weight:bold;line-height:1.2em}

#navwrapper ul {margin-left:177px;padding-top:.45em;list-style:none; font-size:1em;}
#navwrapper ul li {float:left;margin:0 8px 0 8px;}
#navwrapper ul li a {color:#333;}
#navwrapper ul li a:hover {color:#F2FB10}
#navwrapper ul li a.section,#navwrapper ul li a.current {color:#F2FB10}

#leftnav ul {font-size:1em;}
#leftnav ul li {display:block; width:150px;float:right;margin:4px 0;color:#fff;text-align:right}
#leftnav ul li a {color:#fff; }
#leftnav ul li a:hover {color:#ED1C24}
#leftnav ul li a.section,#leftnav ul li a.current {color:#F2FB10}


ul.sidebarnav {font-size:1em;list-style-type: none;margin-bottom:20px}
ul.sidebarnav li{background-image: url(../images/nav-bullet.png);background-repeat: no-repeat;background-position: 0 .28em;padding-left: 1.2em;margin:6px 0;}
ul.sidebarnav li a {color:#fff;line-height:1.2em}
ul.sidebarnav li a:hover {color:#3995be}
ul.sidebarnav li a.section, ul.sidebarnav li a.current {color:#F2FB10}
ul.sidebarnav li ul li {background-image: url(../images/nav-dash.png);background-repeat: no-repeat;background-position: 0 .28em;padding-left: 1em;margin:6px 0;}
ul.sidebarnav li ul li a {font-size:.9em; font-weight:normal;text-transform:none}


/*FOOTER NAV  ###################################################################*/
.footermenulist {float:left;font-size:.9em;padding:8px;margin-left:4px}
.footermenulist a {color:#ccc;border-bottom:1px dotted #ccc;text-decoration:none;}
.footermenulist a:hover {color:#3995be}
.footermenulist a.current {color:#3995be}






/*HOMEPAGE CONTENT LAYOUT STUFF  ###################################################################*/

.pagepod {width:570px;margin-bottom:20px;clear:both;}
.pagepodtext {width:370px;float:left}
.pagepodtext p{margin:0;padding:0}
.pagepodimg {width:175px;float:right}


.videoWrapper {background-color:#f0f0f0;display:block; margin:20px 0;padding:11px 0 0 0}
.videopod {margin:0 0 11px 11px;float:left}


/*BREADCRUMB STYLING  ###################################################################*/

#Breadcrumbs {margin:0 0 20px 0;color:#666666}
#Breadcrumbs span.last {color:#000}

/*NEWS STYLES  ###################################################################*/


.newsItem {margin-bottom:20px;}

/*PEOPLE PAGE LAYOUT STUFF  ###################################################################*/

.PeoplePod {width:130px;float:left;margin:0 10px 10px 0}


.PeopleImage {min-height:130px}
.PeopleImage img {vertical-align:bottom}
.PeopleName {background-color:#f0f0f0;padding:2px;margin:2px 0; font-weight:bold}
.PeopleTitle {background-color:#f0f0f0;padding:2px;margin:2px 0}



/* PageImage  LAYOUT ###################################################################*/

.pageImages {float:right;margin:0 0 20px 20px;}
.pageImages img {float:left;margin-bottom:20px;clear:both}


/* ################### SHARE THIS #################################### */

#sharethis {margin:20px 0;}


.credit {margin:40px 0;text-align:right;color:#999;font-size:.8em;width:560px }
.credit a {color:#ccc ;text-decoration:none}