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

/*  DNN Controls*/
.control-panel-box {background: #414141; }
    .ControlPanel {width:960px; margin:0 auto; clear:both; border:none;border-right:solid 1px #778;border-left:solid 1px #778; background:#ccc;}
    .ControlPanel table td {padding:0px;}
    .ControlPanel img {display:inline;}
    .ControlPanel {background: #e5e5e5;}
    .ControlPanel table {text-align: center; margin: 0px auto;}
    
    
    
    .radio {display: none;}
    #AdminMenu {position: fixed; bottom: 0; width: 100%; z-index: 10000;}
    #AdminMenu ul {display: block;}
    .InOut {position: fixed; bottom:0px; left: 125px; z-index: 10001;}
        .InOut a.login {color: #fff; font-weight: normal; font-family: Arial,sans-serif; font-size: 12px; display: block; line-height: 28px; text-decoration: none;}
        .InOut a.login:hover {color: #9EDA29;} 



/* Custom */
body{margin:0px; padding:0px; background:url(images/bg.jpg) repeat-x center top; font:12px Arial,Helvetica,sans-serif; color:#333}

#container{width:988px; margin:23px auto 0 auto; padding:0}
#header{margin:0; padding:0; background:url(images/header_bg.png) no-repeat center top; height:154px}

#content{margin:0; padding:0; background:url(images/main_bg.png) repeat-y center top}

#banner{height:352px; margin:0 14px; padding:0 15px; background:url(images/gray_gradient.png) repeat-x left top}
#banner_replacement{margin:0 14px; padding:0 15px}

#nav{height:65px; overflow:hidden}
#nav .RadMenu_YMCA {z-index: 2900;}

#feature{}

#slideshow{width:594px; margin:0 15px 0 0; padding:0; float:left}

#big_nav{margin:10px 0 0; padding:0; float:right}

#emergency_update{margin:0 14px; padding:0 15px; background:url(images/emergency_bar_bg.png) repeat-x; height:43px}

#main_content{margin:0 14px; padding:15px; overflow:hidden}

#quicklinks{width:300px; float:left}

#ymca_news{width:300px; margin:0 15px; float:left}
#ymca_events{width:300px; float:left}

ul li div.rpSlide { display:none; float:none; height:auto; overflow:hidden; position:static;}

#subnav {
	float: left;
	margin: 0;
	padding: 0 0 11px;
	width: 210px;
	background: url(images/sub_nav_bottom_bg.png) no-repeat left bottom;
}
#subnav ul {
	margin: 0;
	padding: 6px 0 0;
	list-style: none;
	background: url(images/sub_nav_top_bg.png) no-repeat left top;
}
#subnav ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	background: url(images/sub_nav_repeat.png) repeat-y left top;
}
#subnav ul li a {
	margin: 0 11px 0 1px;
	padding: 3px 0 3px 10px;
	border-bottom: 1px solid #CCCCCC;
	display: block;
	color: #666666;
	cursor: pointer;
}
#subnav ul li a:hover {
	background: #666666;
	text-decoration: none;
	color: #FFFFFF;
}
#subnav ul li ul {
	margin: 0 0 0 1px;
	padding: 0;
	list-style: none;
	background: url(images/sub_sub_nav_bg.png) repeat-y left top;
}
#subnav ul li ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
	border-width: 0px;	
}
#subnav ul li ul li a {
	margin: 0 12px 0 0px;
	padding: 3px 0 3px 20px;
	color: #fff;
	border-style: none;
	background: url('images/arrow.png') no-repeat top left;
	display: block;
}
#subnav ul li ul li a:hover {
	background: url('images/arrow.png') no-repeat top left #9D0D26;
}

#subnav ul li.rpLast a.rpLink {
	border-style: none;
}

#main_content #SubContent {margin: 0 30px; float:left; overflow:hidden; width: 660px;}
#main_content #SubContent_full {margin: 0 30px; float:left; overflow:hidden; width: 870px;}

#footer{margin:0; padding:30px 29px 30px; color:#333; background:url(images/footer_bg.png) no-repeat center top; font-size:10px}

/* Tags ----------------------------------------------------------------------------------------------- */
h2{margin:0; padding:0; color:#c6102f; display:block; border-bottom:3px solid #c6102f}
h6{margin:0; padding:0; line-height:43px; color:#fff; display:inline; font-size:14px; font-weight:bold}

/* Classes ----------------------------------------------------------------------------------------------- */
p.update{margin:0; padding:0; line-height:43px; display:inline; font-size:14px; color:#fff}

p.footer_left{margin:0; padding:0; float:left}
p.footer_right{margin:0; padding:0; float:right}

#footer img{margin-left:20px}

/* Lists ----------------------------------------------------------------------------------------------- */
#big_nav ul{margin:0; padding:0}
#big_nav li{list-style-type:none; padding:0; margin:0}

#nav ul{margin:0 auto; padding:0}
#nav li{list-style-type:none; padding:0; margin:0 30px; float:left; line-height:65px; display:inline; cursor: pointer;}

#ymca_news ul, #ymca_events ul{margin:0; padding:0}
#ymca_news li, #ymca_events li{list-style-type:none; padding:0 10px; margin:10px 0; text-decoration:underline}

#quicklinks ul{margin:0; padding:0}
#quicklinks li{padding:0px 10px 10px 15px; margin:10px 5px; border-bottom:1px dashed #c6102f; list-style:none; background:url(images/quicklinks_bullet.png) no-repeat 5px 2px}

/* Links ----------------------------------------------------------------------------------------------- */
#nav a{font-size:14px; font-weight:bold; color:#666; text-decoration:none; cursor: pointer;}
#nav a:hover{color:#00a2d5; text-decoration:none}

#header a.donate_now{height:45px; width:161px; background:url(images/donate_now.png) no-repeat left top; float:right; margin-right:50px; margin-top:100px; padding:0px; display:block; text-indent:-5000px; overflow:hidden}
#header a.donate_now:hover{background:url(images/donate_now.png) no-repeat left bottom}

#big_nav li a.youth_development{height:77px; width:321px; background:url(images/b_youth_development.png) no-repeat left top; margin-bottom:10px; padding:0px; display:block; text-indent:-5000px; overflow:hidden}
#big_nav li a.youth_development:hover{background:url(images/b_youth_development.png) no-repeat left bottom}
#big_nav li a.healthy_living{height:77px; width:321px; background:url(images/b_healthy_living.png) no-repeat left top; margin-bottom:10px; padding:0px; display:block; text-indent:-5000px; overflow:hidden}
#big_nav li a.healthy_living:hover{background:url(images/b_healthy_living.png) no-repeat left bottom}
#big_nav li a.social_responsibility{height:77px; width:321px; background:url(images/b_social_responsibility.png) no-repeat left top; padding:0px; display:block; text-indent:-5000px; overflow:hidden}
#big_nav li a.social_responsibility:hover{background:url(images/b_social_responsibility.png) no-repeat left bottom}

#quicklinks li a{color:#333; text-decoration:none}
#quicklinks li a:hover{color:#c6102f; text-decoration:none}

#footer a{color:#333; text-decoration:none}
#footer a:hover{color:#00a2d5; text-decoration:underline}

.ControlPanel table {text-align: center; margin: 0px auto;}


.Slideshowfooter {position: relative;}
.Slideshowfooter .prev {position: absolute; left: 10px; top: -155px;}
.Slideshowfooter .next {position: absolute; right: 10px; top: -155px;}