﻿body{margin:0;font:normal 62.5% Arial, Helvetica, sans-serif;}
img{border:none;}
a, a:link, a:visited, .ms-WPBody a, .ms-WPBody a:link, .ms-WPBody a:visited{color:#0083d7;text-decoration:none;}
a:hover{}
p{margin:0;padding:0 0 5px 0;}
br.clear-all{clear:both;}
.clear{clear:both;}

div.container-wrapper{background:transparent url(Images/ymca/body-bg.png) repeat-x 0% 0%;text-align:center;width:100%;}
#container{margin:0 auto;width:980px;text-align:left;}

#header-top{height:35px;}
#header-top div.header-links{display:inline-block;width:650px;}
#header-top div.header-links table{font-size:1em;}
#header-top ul.header-links{float:left;list-style-type:none;margin:0;padding:0;}
#header-top ul.header-links li{float:left;padding:10px 0;}
#header-top ul.header-links li a{display:block;font-size:1.2em;color:#ccc;border-left:1px solid #2a2a2a;padding:0 10px;}
#header-top ul.header-links li.first a{border-left:none;padding-left:0;}

#header{height:113px;position:relative;}
#header a.ymca-logo{position:absolute;top:20px;left:25px;}
/*
#header div.banner-image{position:absolute;top:0;left:80px;}
*/
#header div.find-your-ymca-driver{position:absolute;top:28px;right:0;width:200px;}


#main-navigation{background:transparent url(Images/ymca/main-navigation-bg.png) no-repeat 0% 0%;margin:0 0 10px 0;padding:0 5px 5px 0;}
#main-navigation ul{display:inline-block;width:100%;margin:0;padding:0;list-style-type:none;}
#main-navigation ul li{display:block;float:left;position:relative;z-index:99;margin-right:1px;}
#main-navigation ul li a{display:block;color:#686868;font-size:16px;line-height:40px;padding:0 33px;font-weight:bold;}
#main-navigation ul li a.selected{background-color:#f33500;color:#fff;}
#main-navigation ul li:hover a{background-color:#f33500;color:#fff;}
#main-navigation ul li.first a.selected{background:transparent url(Images/ymca/main-navigation-selected-bg.gif) no-repeat 0% 0%;}
#main-navigation ul li.last{margin:0;}
#main-navigation ul li.last a.selected{background:transparent url(Images/ymca/main-navigation-selected-bg.gif) no-repeat 100% 0%;}
#main-navigation ul li.first:hover a{background:transparent url(Images/ymca/main-navigation-selected-bg.gif) no-repeat 0% 0%;}
#main-navigation ul li.first:hover ul li a{background-image:none;background:#fff;}
#main-navigation ul li.last:hover a{background:transparent url(Images/ymca/main-navigation-selected-bg.gif) no-repeat 100% 0%;}
#main-navigation ul li.last:hover ul li a{background-image:none;background:#fff;}
#main-navigation ul li ul{display:none;position:absolute;left:0;top:100%;width:auto;}
#main-navigation ul li.last ul{display:none;position:absolute;left:auto;right:0;top:100%;width:auto;}
#main-navigation ul li ul li{float:none;position:static;line-height:normal;width:235px;}
#main-navigation ul li ul li a{display:inline-block;background-color:#fff;border-left:1px solid #c2c2c2;border-right:1px solid #c2c2c2;line-height:normal;width:195px;padding:5px 9px 5px 29px;font-size:15px;font-weight:normal;}
#main-navigation ul li ul li a:hover{background-color:#f33500;color:#fff;}
#main-navigation ul li:hover ul{display:block;}
#main-navigation ul li:hover ul li{border-top:1px solid #c2c2c2;}
#main-navigation ul li:hover ul li a{background-color:#fff;color:#686868;}
#main-navigation ul li:hover ul li a:hover{background-color:#f33500;color:#fff;}
#main-navigation ul li ul li.last a{padding-bottom:0;}
#main-navigation ul li ul li.last{padding-bottom:5px;background:transparent url(Images/ymca/main-navigation-dd-footer.gif) no-repeat 0% 100%;}
#main-navigation ul li ul li.last:hover{padding-bottom:5px;background:transparent url(Images/ymca/main-navigation-dd-footer-hover.gif) no-repeat 0% 100%;}
#main-navigation ul li ul li.last:hover a{background-color:#f33500;color:#fff;}

/* breadcrumb */
#breadcrumb{}
#breadcrumb span{display:inline-block;}
#breadcrumb span span{float:left;display:block;font-size:1.1em;padding:0 5px 10px 0;color:#000;}
#breadcrumb span span a{color:#0083d7;}
/*
#breadcrumb ul{list-style-type:none;margin:0;padding:0;display:inline-block;width:100%;}
#breadcrumb ul li{float:left;padding:0 5px 10px 0;font-size:1.1em;}
*/

#content-body{display:inline-block;}
#content-body ol{margin:0 0 0 22px;padding:0;}
#content-body ul{margin:0 0 0 22px;padding:0;}
#content-body .ms-WPBody {font-family: Arial, Helvetica, sans-serif;}

#homepage-left-col{float:left;width:760px;}
#homepage-left-col h1{font-size:2em;margin:0;padding:0 0 8px 0;}
#homepage-left-col div.promotions-container{margin:15px 0 0 0;}

/* news */
div.news-container{display:inline-block;background:transparent url(Images/ymca/news-container-bg.png) repeat-x 0 23px;margin:15px 0 0 0;}
div.news-container h4.news-header{background-color:#d9d9d9;border-bottom:1px solid #c4c4c4;font-size:15px;color:#555;padding:2px 10px;margin:0;}
div.news-container div.news-item{float:left;width:360px;padding:10px;}
div.news-container div.news-item h3{margin:3px 0;padding:0;font-size:12px;}
div.news-container div.news-item span.date{display:block;margin:0 0 3px 0;padding:0;font-size:11px;color:#686868;}
div.news-container div.news-item div.news-content{font-size:11px;color:#4e4b4a;}
div.view-more-news{width:100%;text-align:right;float:right;}
div.view-more-news a{font-size:12px;}
/* news branch pages */
#middle-col div.news-container div.news-item{width:536px;}
#middle-col div.news-container h4.news-header{padding:2px 10px;margin:0;}

/* feature picker */
#feature-picker{position:relative;width:760px;height:280px;}
#feature-picker div.feature{position:absolute;left:0;top:0;z-index:14;display:none;}
#feature-picker div.feature img{position:absolute;left:0;top:0;z-index:10;border:none;}
#feature-picker div.feature a.feature-link{display:block;width:760px;height:280px;}
#feature-picker div.feature h3.group-heading{position:absolute;left:0px;top:0px;z-index:15;background-color:#f00;color:#fff;width:740px;margin:0;padding:5px 10px;font-size:1.4em;}
#feature-picker div.desc{position:absolute;left:10px;bottom:50px;z-index:16;color:#fff;width:310px;padding:10px;height:90px;overflow:hidden;font-size:1.1em;line-height:1.5em;background:transparent url(Images/ymca/feature-picker-desc-bg.png) no-repeat 0% 0%;}
#feature-picker div.desc h2{margin:2px 0;padding:0;font-size:1.3em;}
#feature-picker div.desc p{margin:0;padding:0;}
#feature-picker div.feature-picker-controls{position:absolute;right:10px;bottom:10px;z-index:18;}
#feature-picker div.feature-picker-controls a{display:block;float:left;font-size:1em;background:transparent url(Images/ymca/feature-picker-controls-bg.png) no-repeat 0 0;color:#fff;text-decoration:none;height:14px;padding:3px 8px;margin:0 0 0 10px;}
#feature-picker div.feature-picker-controls a:hover{background-position:0 -20px;}
#feature-picker div.feature-picker-controls a.selected{background-position:0 -20px;}

#left-col{float:left;width:184px;min-height:10px;}
#left-col ul.navigation{list-style-type:none;margin:0;padding:0;}
#left-col ul.navigation li{border-bottom:1px solid #d9d9d9;}
#left-col ul.navigation li a{color:#4e4b4a;font-size:1.2em;display:block;}
#left-col ul.navigation li ul.navigation{border-top:1px solid #d9d9d9;}
#left-col ul.navigation li.lvl1 a{padding:3px 15px;}
#left-col ul.navigation li.lvl2 a{padding:3px 15px 3px 25px;background-color:#e2e2e2;}
#left-col ul.navigation li a.current{color:#fff;background:#999 url(Images/ymca/left-nav-current-arrow.png) no-repeat 98% 50%;}
#left-col ul.navigation li a.selected{color:#fff;background:#666 url(Images/ymca/left-nav-selected-arrow.png) no-repeat 98% 50%;}
#left-col ul.navigation li a:hover{color:#fff;background:#999 url(Images/ymca/left-nav-current-arrow.png) no-repeat 98% 50%;}
#left-col ul.navigation li.last{border-bottom:none;padding-bottom:0;}

#middle-col{float:left;width:556px;margin:0 0 0 20px;}
#middle-col h1{font-size:2em;margin:0;padding:0 0 8px 0;}
#middle-col h2{font-size:2em;margin:0;padding:0 0 8px 0;}
#middle-col h3{font-size:1.3em;margin:0;padding:3px 0;}
#middle-col h4{font-size:1.2em;margin:0;padding:2px 0;}
#middle-col h5{font-size:1.1em;margin:0;padding:2px 0;}
#middle-col h6{font-size:1em;margin:0;padding:2px 0;}
#middle-col div.content{font-size:1.1em;}
#middle-col div.content div.webpart-zone-content{width:556px;}
#middle-col div.content div.webpart-zone-content table{font-size:1em;}
#middle-col div.page-intro{display:inline-block;width:100%;border-bottom:2px solid #7f7f7f;padding-bottom:10px;margin-bottom:10px;font-weight:bold;color:#4e4b4a;}
#middle-col div.page-intro-noline{display:inline-block;width:100%;padding-bottom:1px;margin-bottom:1px;font-weight:bold;color:#4e4b4a;}
#middle-col div.page-intro-underline{display:inline-block;width:100%;border-bottom:2px solid #7f7f7f;}
#middle-col div.intro-image{float:right;margin:0 0 10px 0;padding:0 0 0 20px;}


#middle-col ul.item-list{list-style-type:none;margin:10px 0 0 0;padding:0;float:left;width:100%;border-top:1px dotted #b7b6b6;}
#middle-col ul.item-list li.item-list-li{display:inline-block;width:100%;padding:10px 0;border-bottom:1px dotted #b7b6b6;}
#middle-col ul.item-list li.item-list-li img.item-list-img{float:left;}
#middle-col ul table tr td table tr td table tr td li img{float:left;}
#middle-col ul.item-list li.item-list-li div.text-block{float:right;color:#4e4b4a;width:415px;}
#middle-col ul.item-list li.item-list-li div.text-block h3{margin:0;padding:0 0 5px 0;font-size:1.2em;color:#000;}

#middle-col ul.item-list li.item-list-li div.news-item span.date{display:block;margin:0 0 3px 0;padding:0;font-size:1.1em;color:#686868;}
#middle-col ul.item-list li.item-list-li div.news-item div.news-content{font-size:1.1em;color:#4e4b4a;}

#middle-col div.item-list2{list-style-type:none;margin:10px 0 0 0;padding:0;}
#middle-col div.item-list2 div.item-list-li{display:inline-block;width:278px;padding:10px 0;float:left;}
#middle-col div.item-list2 div.item-list-li img.item-list-img{float:left;width:70px}
#middle-col div.item-list2 div.item-list-li div.text-block{float:right;width:200px;color:#4e4b4a;padding-right:5px;}
#middle-col div.item-list2 div.item-list-li div.text-block h3{margin:0;padding:0 0 5px 0;font-size:1.2em;color:#000;}
#middle-col div.item-list2 div.first{border-top:1px dotted #b7b6b6;}
#middle-col div.item-list2 div.row{border-bottom:1px dotted #b7b6b6;clear:both;}


#middle-col div.item-list-item{display:inline-block;width:100%;padding:10px 0;border-bottom:1px dotted #b7b6b6;}
#middle-col div.item-list-item img{float:left;}
#middle-col div.item-list-item div.text-block{float:right;color:#4e4b4a;width:415px;}
#middle-col div.item-list-item div.text-block h3{margin:0;padding:0 0 5px 0;font-size:1.2em;color:#000;}
#middle-col div.item-list-item{}
#middle-col div.item-list-item{}

#middle-col-holiday{float:left;width:556px;margin:0 0 0 20px;}
#middle-col-holiday h1{font-size:2em;margin:0;padding:0 0 8px 0;}
#middle-col-holiday h2{font-size:2em;margin:0;padding:0 0 8px 0;}
#middle-col-holiday h3{font-size:1.3em;margin:0;padding:3px 0;}
#middle-col-holiday h4{font-size:1.2em;margin:0;padding:2px 0;}
#middle-col-holiday h5{font-size:1.1em;margin:0;padding:2px 0;}
#middle-col-holiday h6{font-size:1em;margin:0;padding:2px 0;}
#middle-col-holiday div.content{font-size:1.1em;}
#middle-col-holidayl div.content div.webpart-zone-content{width:556px;}
#middle-col-holiday div.content div.webpart-zone-content table{font-size:1em;}
#middle-col-holiday div.page-intro{display:inline-block;width:100%;border-bottom:2px solid #7f7f7f;padding-bottom:10px;margin-bottom:10px;font-weight:bold;color:#4e4b4a;}
#middle-col-holiday div.page-intro-noline{display:inline-block;width:100%;padding-bottom:10px;margin-bottom:10px;font-weight:bold;color:#4e4b4a;}
#middle-col-holiday div.page-intro-underline{display:inline-block;width:100%;border-bottom:2px solid #7f7f7f;}
#middle-col-holiday div.intro-image{float:right;margin:0 0 10px 0;padding:0 0 0 20px;}


#right-col{float:left;margin:0 0 0 20px;padding:7px 5px 0 5px;background:transparent url(Images/ymca/right-col-bg.png) repeat-x 0% 0%;width:186px;min-height:435px}
#right-col a.red-action-btn{display:block;margin:5px 0 5px 11px;background:transparent url(/Style Library/Images/red-coloured-action-btn-bg.png) no-repeat 0% 0%;height:40px;color:#fff;text-decoration:none;font-size:1.8em;padding:10px 0 0 10px;}
#right-col a.grey-action-btn{display:block;margin:5px 0 5px 11px;background:transparent url(/Style Library/Images/grey-coloured-action-btn-bg.png) no-repeat 0% 0%;height:40px;color:#fff;text-decoration:none;font-size:1.7em;padding:14px 0 0 10px;}
#right-col a.facebook-link{display:block;margin:5px 0 5px 11px;background:transparent url(/Style Library/Images/facebook-icon.gif) no-repeat 0% 0%;height:15px;color:#000;font-size:1.2em;padding:16px 0 0 35px;}
#right-col a.map img{display:block;margin:0 0 10px 10px auto 10px auto;}
#right-col div.opening-hours{}
#right-col div.opening-hours h6{font-size:1.1em;margin:0;padding:0 0 0 10px;}
#right-col div.opening-hours dl{display:inline-block;margin:2px 0 0 10px;}
#right-col div.opening-hours dl dt{float:left;font-size:1em;font-weight:bold;width:65px;}
#right-col div.opening-hours dl dd{float:left;font-size:1em;margin:0;width:100px;}

#right-col div.contact-details{}
#right-col div.contact-details dl{margin:10px 0 5px 10px;}
#right-col div.contact-details dl dt{font-size:1.1em;font-weight:bold;width:160px;margin:5px 0 0 0;}
#right-col div.contact-details dl dd{font-size:1em;width:160px;margin:0;}

#right-col div.managers-blurb{margin:0 auto;}
#right-col div.managers-blurb img{border-bottom:2px solid #000;}
#right-col div.managers-blurb div.blurb{font-size:1.1em;padding:5px 0 0 0;width:170px;}

#quick-links{width:184px;background:transparent url(Images/ymca/quicklinks-bg.png) no-repeat 0% 0%;min-height:180px;margin-bottom:10px;}
#quick-links h4{margin:0;padding:12px 0 8px 10px;font-size:1.8em;color:#fff;}
#quick-links ul{list-style-type:none;margin:0;padding:0;}
#quick-links ul li{padding:3px 10px;}
#quick-links ul li a{font-size:1.2em;text-decoration:none;color:#000;}

#footer{clear:both;border-top:1px solid #eaebec;margin:10px 0;display:inline-block;width:970px;overflow:hidden;}
#footer div.footer-links{float:left;width:760px;margin:0;padding:0;}
#footer div.footer-links table{font-size:1em;}
#footer ul.footer-links{float:left;list-style-type:none;margin:0;padding:0;}
#footer ul.footer-links li{float:left;padding:5px 5px 0 0;}
#footer ul.footer-links li.first{}
#footer ul.footer-links li a{display:block;color:#999;text-decoration:none;font-size:1.2em;border-left:1px solid #eaeaeb;padding-left:5px;}
#footer ul.footer-links li.first a{border-left:none;}
#footer span.copyright-text{float:left;display:block;color:#aaa;font-size:1.2em;padding:5px 5px 0 5px;}

/* moss specific */
/* moss controls at top of page */
#moss-controls{display:inline-block;width:100%;}
#moss-controls ul{float:right;margin:0;padding:0;list-style-type:none;}
#moss-controls ul li{float:left;}
#moss-controls ul li.my-site-link a{color:#2a4666;margin-top:3px;}
#moss-controls ul li.my-site-link span{display:inline-block;color:#666;margin-top:3px;}
#moss-controls ul li.site-action-menu{}
#moss-controls ul li.site-action-menu table{height:auto;}

#moss-controls div.page-edit-controls{clear:both;}
#moss-controls div.page-edit-controls table{}
#moss-controls div.page-edit-controls table tr td#mpLeftBackPadding{width:0;font-size:0;background-image:none;background-color:transparent;padding:0;height:0;}
#moss-controls div.page-edit-controls table tr td#mpRightBackPadding{width:0;font-size:0;background-image:none;background-color:transparent;padding:0;height:0;}

/* searchbox */
#header-top div.searchbox{float:right;background:transparent url(Images/ymca/searchbox-bg.png) no-repeat 0% 0%;width:287px;}
#header-top div.searchbox span.searchbox-title{float:left;display:block;line-height:32px;color:#9c0;font-weight:bold;font-size:13px;margin:0 1px 0 7px;}
#header-top div.searchbox #SRSB{float:left;}
#header-top div.searchbox #SRSB table{float:left;width:auto;}
#header-top div.searchbox #SRSB table tr td{height:35px;vertical-align:top;}
#header-top div.searchbox #SRSB table tr td.ms-sbcell{border:none;padding-top:5px;}
#header-top div.searchbox #SRSB table tr td.ms-sbcell input{border:1px solid #aaa;}
#header-top div.searchbox #SRSB table tr td.ms-sbgo{background-color:transparent;padding-top:4px;}
#header-top div.searchbox #SRSB table tr td.ms-sbLastcell{width:0;padding-right:0;font-size:0;}

