@import url("sitewide.css"); 






#outerwrapper_home {



width:922px;
margin:0px;
padding:0px;
margin-left:auto;
margin-right:auto;
background-image:url(../images/outer_bg.gif);
background-repeat:repeat-y;
background-color:#E6E4DA;

}



#outerwrapper_clear {


clear:both;
width:920px;
height:0px;
visibility:hidden;


}




#header_home {

width:684px;
height:273px;
position:relative;
margin:0px;
padding:0px;
background-image:url(../images/homepage/rotateheader/rotate.php);
background-position:top;
background-repeat:no-repeat;
}






#maincontent_home {

padding:14px 16px 0px 18px;

}








#left_column {


width: 312px;
float:left;
padding:0;
margin:0;



}






/* applying a class to 'rightcolumn' div to add an h rule ...only on homepage */

div.homeright {

background:url(../images/homepage/maincontent-hrule.gif) no-repeat 11px 536px;


}







h1.calendarheader {

font-size:1.8em;
font-weight:lighter;
letter-spacing:0.1em;
text-transform:uppercase;



}





#right_column {


width: 314px;
float:right;
padding:0px;
padding-top:268px;
position:relative;

}



/* Homepage feature links inside right_column div  */




a#youthprograms {

display:block;
position:absolute;
left:0px;
top:-4px;
width:170px;
height:124px;
background-image:url(../images/homepage/homelinks_youthprograms.png);
background-repeat:no-repeat;
z-index:10;

}





a#childrenfamily {

display:block;
position:absolute;
left:172px;
top:-4px;
width:170px;
height:124px;
background-image:url(../images/homepage/homelinks_childrenfamily.png);
background-repeat:no-repeat;
z-index:10;


}






a#fiftyplus {

display:block;
position:absolute;
left:0px;
top:121px;
width:170px;
height:124px;
background-image:url(../images/homepage/homelinks_50plus.png);
background-repeat:no-repeat;
z-index:10;


}



a#community {

display:block;
position:absolute;
left:172px;
top:121px;
width:170px;
height:124px;
background-image:url(../images/homepage/homelinks_community.png);
background-repeat:no-repeat;
z-index:10;


}




a#youthprograms:hover,
a#childrenfamily:hover,
a#fiftyplus:hover,
a#community:hover

{

background-position:0px -124px;

}






/* padding for news articles and header link styles */


.newswrapper {


margin:0;
padding:16px 0 0 3px;


}





.newswrapper h3 {

letter-spacing:0.1em;
margin-bottom:0em;


}



.newswrapper h3 a {

text-decoration:none;


}

.newswrapper h3 a:hover {


color:#990000;

}


















/* SPRY TABS calendar styles */




.TabbedPanels {
	margin: 0px;
	margin-bottom:26px;
	padding: 0px;
	width:312px;
	border:1px solid #B2B9B6;
	background-color:#fff;
	min-height:205px;

}






.TabbedPanelsTabGroup {
	margin: 2px;
	padding: 0px;
	padding-left:7px;
	color:#fff;
	height:30px;
	
	/* old repeating bg 
	background-image:url(../images/homepage/calendartabs_bg.gif);
	background-position:top;
	background-repeat:repeat-x;
	*/
	background-image:url(../images/homepage/calendartabs_bg_full.gif);
	background-position:top;
	background-repeat:no-repeat;
	
	
}


.TabbedPanelsTab {
	position: relative;
	top: 0px;
	float: left;
	padding:8px 8px 0px 8px;
	margin: 0px 18px -4px 0px;
	font-size:1.3em;
	font-weight:bold;
	list-style: none;
	-moz-user-select: none;
	/*
	-khtml-user-select: none;
	*/
	cursor: pointer;
}



/* removing right margin from seniors tab */

li.seniors {

margin-right:0px;


}



.TabbedPanelsTabHover {
	color:#E6E4DA;
}


.TabbedPanelsTabSelected {
	
	position:relative;
	top:-5px;
	padding-top:12px;
	padding-bottom:7px;
	background-color: #fff;
	border-top:1px solid #9EA8A8;
	border-left:1px solid #9EA8A8;
	border-right:1px solid #9EA8A8;
	outline:none;
	background-image:url(../images/homepage/calendar_tabfocus_bg.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#fff;
	color:#006600;
	
}


.TabbedPanelsTab a {
	color:#fff;
	text-decoration: none;
	outline:none;
}


.TabbedPanelsContentGroup {
	clear: both;
	
}


.TabbedPanelsContent {
	padding: 12px 8px 8px 17px;
	color:#000;
}



.TabbedPanelsContent p {
	margin-bottom:0.9em;
	line-height:1.4em;
}



.TabbedPanelsContent h4 {
	font-size:1.1em;
	margin-top:1.3em;
	margin-bottom:0.0em;
	line-height:1.0em;
	text-transform:uppercase;
	letter-spacing:0.05em;
}



.TabbedPanelsContent h4 a {

background-image:url(../images/homepage/events_arrow.gif);
background-repeat:no-repeat;
background-position:0px 1px;
display:block;
padding:6px;
padding-left:26px;
text-decoration:none;


}



.TabbedPanelsContent h4 a.pdf {

background-image:url(../images/pdf-icon2.gif);



}





.TabbedPanelsContent h4 a:hover {

color:#990000;



}




/* END SPRY TABS calendar styles */