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

/*-------------------------------------------------------------------------------------------------------------------------------
This File contains styles specific to the Association Section of the Greater Richmond YMCA website.
-------------------------------------------------------------------------------------------------------------------------------*/

/*YMCA HARD PALLET

  [ GREEN = #51a025  ] [  BLUE = #0078c8  ] [  RED = #e42518  ] [  YELLOW = #f0b600  ]
	
*/


@import url("global.css");


/*					  	 Rounded Corners (Bottom)
-------------------------------------------------
*/
* { margin-bottom:0 !important; }

#main_bot	{ width:960px; height:8px; margin-top:0 !important; background:url(../images/mn_bot.png) no-repeat top left; display:block; }

/*							 Secondary Navigation (LANDING ONLY)
-------------------------------------------------
*/

#sec_nav	{ min-height:162px; display:block; width:234px; overflow:hidden; background: url(../images/sec_nav_back_x.jpg) repeat-y top left; margin-top:9px; margin-bottom:0; height:auto !important; }

#sec_nav .top	{ min-height:142px; display:block; width:234px; overflow:hidden; background: url(../images/sec_nav_top.jpg) no-repeat top left; height:auto !important; }

#sec_nav .bottom	{ min-height:154px; display:block; width:234px; overflow:hidden; background: url(../images/sec_nav_bot.jpg) no-repeat bottom left ; padding-bottom:8px; height:auto !important; }

#sec_nav h2 { font-size:18px; font-weight:bold; color:#FFFFFF; padding: 8px 0 3px 10px; }

#sec_nav ul, #sec_nav li	{ width:233px; min-height:3px; overflow:hidden; margin:0; }

#sec_nav ul li a	{ font-size: 13px; font-weight: bold; color:#FFFFFF;  text-decoration:none; padding: 4px 0 4px 10px; display:block; }

#sec_nav ul li  { display:inline; }

#sec_nav ul li a.active	{ background:#4ba3da; }

#sec_nav ul li a:hover	{ background:#4ba3da; }

#sec_nav ul li a:active	{ font-size:13px; font-family: Geneva, Arial, Helvetica, sans-serif; }

#sec_nav ul ul	{ background:#246c92; overflow:hidden;}
 
#sec_nav li li a	{ width:212px; padding: 6px 0 6px 30px; font-weight:normal; font-size:11px; }

#sec_nav li li a:hover	{ background:#3889b8 url(../images/arrow.jpg) no-repeat 212px 6px; }

#sec_nav span.ekmenu_menu_seperator { display:none; }




/*							 		  YMCA Events
-------------------------------------------------
*/


#events_wrap 	{ width:222px; height:253px; float:left; display:block; padding:11px 0 0 12px; background:url(../images/event_back.png) repeat-x bottom; }

#events_wrap h2 { color:#0d3b51; font-size:17px; font-weight:bold; padding: 8px 13px 10px 0px; display:block; float:left; }

#events_wrap a 	{ float:left; padding-top:7px; line-height:14px; }

#events_wrap h3 { color:#0d3b51; font-size:13px; width:200px; display:block; padding:10px 0 6px 0; clear:both; font-weight:bold; display:inline-block; height:auto; }

#events_wrap .eventdesc { font-size:11px; width:170px; display:block; color:#0d3b51; font-size:11px; height:auto; float:left; padding:0px 0 12px 0; }

#events_wrap .eventdate { font-size:11px; width:35px; float:left; padding:0px 2px 12px 0; }

#events_wrap .eventdate, .eventdesc a { color:#0d3b51; font-size:11px;  }

#events_wrap .eventdesc span	{ color:#0d3b51; font-size:9px;  }

#events_wrap .eventdesc a 	{ float:none; }

#events_wrap .eventdesc a:hover   { text-decoration:none; }

#events_wrap p {  margin:0; }


/*								   Middle Content
-------------------------------------------------
*/

#content_wrap	{ width:960px; min-height:350px; clear:both;  overflow:hidden; display:block; background:#fff;   }

#middle	{ width:473px; float:left; padding: 0 12px;  min-height:238px; overflow:hidden; }

#middle .banner		{ width:473px; height:170px; z-index:1; background: black; display:block; margin-bottom:8px!important; position:relative;  }

#middle .message	{ width:473px; height:60px; }

#middle .message p	{ width:auto; height:auto; padding:0; margin:0; }

#middle .message a	{ font-size:17px; font-weight:bold; color:#FFFFFF; padding: 20px 0; text-align:center; display:block; text-decoration:none; }

#middle .article_1 		{ width:215px; height:232px; float:left; display:block; padding:19px 9px 0 17px;  }

#middle .article_2 		{ width:215px; height:232px; float:left; display:block; padding:19px 0px 0 10px;  }

#middle .article_1 .heading, #middle .article_2 .heading { color:#10435b; font-size:17px; font-weight:bold; padding-bottom:4px; display:block; }

#middle .article_1 .paragraph, #middle .article_2 .paragraph { color:#242424; font-size:12px; font-weight:normal; padding:0px; display:block; line-height:21px;  }

#middle .article_1 p, #middle .article_2 p { color:#242424; font-size:12px; font-weight:normal; line-height:21px;  }

#middle .article_1 h2, #middle .article_2 h2 { color:#10435b; font-size:17px; font-weight:bold; padding-bottom:4px; display:block; }

#middle .article_1 p, #middle .article_2 p {  padding: 0; margin:5px 0; }

#middle .article_1 a, #middle .article_2 a { color:#145675; text-decoration:none; font-weight:bold; padding:3px 0 0 0px; font-size:12px; display:block; }

.article_1 img, .article_2 img { float:left; padding: 5px 7px 0 0; }


/*						  Right Content SPOTLIGHT
-------------------------------------------------
*/


#right	{ width:229px; float:left; display:block; min-height:238px; overflow:hidden; }

#right .spotlight		{ height:228px; padding:0px; display:block; _height:231px;  }

#right .spotlight .heading	{ font-size:17px; font-weight:bold; color:#FFFFFF; padding:0; clear:both; display:inline-block; }

#right .spotlight h3	{ font-size:17px; font-weight:bold; color:#FFFFFF;  }

#right .spotlight .paragraph		{ width:195px; font-size:12px; font-weight:normal; color:#FFFFFF; line-height:20px; padding:3px 8px 10px 0; display:block; }

#right .spotlight .paragraph img	{ border:1px solid #c2c2c2; float:left; margin:5px 8px 0px 0; }

#right .spotlight p { font-size:12px; font-weight:normal; color:#FFFFFF; line-height:19px; margin:0 !important; padding:0 !important; }

#right .spotlight p img	{ border:1px solid #c2c2c2; float:left; margin:5px 8px 0px 0; }

#right .spotlight a { color:#fff; text-decoration:none; font-weight:bold; padding:5px 0 0 0px; font-size:12px; display:block; }


/*                              = Article Number three
------------------------------------------------------
*/

#right .article_1 { width:205px; height:232px; display:block; padding:30px 13px 3px 8px; background:none;  }

#right .article_1 .heading { color:#10435b; font-size:17px; font-weight:bold; padding:0 0 4px 0px; display:block; }

#right .article_1 .paragraph { color:#242424; font-size:12px; font-weight:normal; padding:0; display:block; line-height:21px; }

#right .article_1 h2 { color:#10435b; font-size:17px; font-weight:bold; padding-bottom:4px; display:block; }

#right .article_1 p {  padding: 0; margin:5px 0; color:#242424; font-size:12px; font-weight:normal; line-height:21px;  }

#right .article_1 a { color:#145675; text-decoration:none; font-weight:bold; padding-top:3px; font-size:12px; display:block; }


/*						    = Branch Hours Styles
-------------------------------------------------
*/


#right .spotlight ul { width:auto; min-height:2px; overflow:hidden; padding:3px 0 0 0; margin:0; }

#right .spotlight ul li {  float:left; width:auto; height:auto;margin-bottom:0; padding-bottom:6px; font-size:12px; font-weight:normal;  color:#FFFFFF; display:inline; }

#right .spotlight ul li.day { width:80px;  }

/*						      = Alert Box Section
-------------------------------------------------
*/

#alertbox  { width:960px; min-height:0px; padding:2px 0;  display:block; height:auto !important; }

#alertbox p { width:886px; height:27px; padding:11px 0 0 70px; text-decoration:none; margin:0 2px; line-height:16px; display:block; background:url(../images/alert.jpg) no-repeat; font-size:14px; color:#fff;   }

#alertbox p a { padding:0 0 0 7px; display:inline;  font-size:10px; color:#fff;   }

#alertbox .EktronEditorsMenu a { background-image:none; width:120px; background:#FFF; color:#333; }

/*						              = SLIDESHOW
-------------------------------------------------
*/

*{ z-index:10; }

.navigation 
{
	overflow: hidden;
	min-height: 21px;
	_height: 26px;
	position: absolute;
	bottom: 0px;
	width: 100%;
	color: #fff;
	
}

.navnumbers
{
	width: 235px;
	float: right;
	text-align: center;
	background: none;
}

.navigation ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	z-index:-10000;
}
.navigation ul li{
float: left;
}
.navigation li a, .navigation a
{
	color: #fff;
	padding: 0px 0 0px 0;
	color: #fff;
	font-size:11px;
	text-decoration:none;
}
.linksors
{
	padding: 4px 6px 6px;
	background:#444;
	z-index:-10000;
	line-height:14px;
}

.linksors:hover
{
	background:#555;
}

#linksors
{
	padding: 4px;
	margin: 2px 2px 0 2px;
}

#slideshow1  { z-index:-100; }

#slideshow1 h3, #slideshow1 h2,  #slideshow1 p, #slideshow1 a, #showme a, #slideshow1 span, 
{
	background: #fff;
	color: #000;
	margin: 0 0 10px 0;
	z-index:-100;
}
#showme blockquote, #slideshow1 blockquote
{
	width: 480px;
	/*padding: 10px 0 0 0;*/
	background: #fff;
	z-index:-100;
}
.selectedlink
{
	font-weight: bold;
}
#linksetback1, #linksetback2, #linksetback3, #linksetback4,#linksetback5, #linksetback6, #linksetback7, #linksetback8,#linksetback9, #linksetback10
{
	display: none;
}
#test
{
	width: 509px;
	height: 218px;
	position: relative;
	background: #fff;
	color: #fff;
	border: 1px solid #ccc;
}
.indicator
{
	position: absolute;
	bottom: 30px;
	left: 472px;
	font-size: 9px;
	border: dashed 1px #fff;
	padding: 0 12px 0 12px;
	text-align: center;
	background: #fff;
	color:#455a6e;
}
.selected
{
background: #ccc;	
}
#hideme
{
display: none;
}
#awesome blockquote h2{
background: #fff;
color: #000;
}
#firstslide2
{
	display: none;
}
#slideshow1 img, #showme img
{
	float: left;
	margin: 0;
	padding: 0;
z-index:-100;

	
}
#hideme2, .indicator { display:none; }

#slideshow1 table, #showme table
{
	text-align: center;
	color: #000;
z-index:-100;

}
#slideshow1 table h2, #showme table h2
{
	text-align: center;
}
#slideshow1 td table, #showme table td
{
	background: #fff;
}
.text
{
	border: 1px solid red;
	background: #ececec;
	color: #000;
	padding: 0px;
	text-align: center;
	width: 130px;
	float: left;
	/*position: relative;
	left: -20px;*/
}
.image
{
	/*position: relative;
	left: -40px;*/
	text-align: center;
	color: #000;
z-index:-100;
	
}
blockquote
{
margin: 0;
padding: 0;
}

blockquote p, blockquote h2 a
{
display:none;
}

#awesome { display:none; }

#number1, #number2, #number3, #number4, #number5, #number6, #number7, #number8, #number9, #number10
{ display:none; } 

#navindicator ul { float:right;  }