/* CSS Document */


/*****************************************************************
General Styles
******************************************************************/
body 
	{
	margin: 0 auto;
	padding: 0;
	font: 11px arial;
	background: #62764D url(../images/body_bg.jpg);
	}
	
/*****************************************************************
Contain Styles
******************************************************************/
#contain
	{
	margin: 0 auto;
	padding: 0;
	background: none;
	width: 972px;
	}	
	

/*****************************************************************
Header Styles
******************************************************************/
#header
		{
		margin: 0;
		padding: 0;
		width: 972px;
		height: 90px;
		background: #FFFFFF url(../images/header_bg.jpg) repeat-x;
		}
		
#header .logo
		{
		float: left;
		margin: 0;
		padding: 0;
		}

#header .logo p
		{
		margin:10px 10px 10px 15px;
		padding: 0;
		}
		
#header .aux
		{
		float: right;
		margin: 10px 10px 0 0;
		padding: 0;
		}

#header .aux p
		{
		margin: 5px 5px 5px 10px;
		padding: 0;
		}
		
#header .aux p a
		{
		display: block;
		float: left;		
		margin: 0 0 0 3px;
		padding: 3px 0 3px 3px;
		text-decoration: none;
		border-top: solid 1px #D7E2BF;
		border-right: solid 1px #D7E2BF;
		width: 60px;
		font: bold 10px arial;
		color: #616956;
		}
		
#header .aux p a:hover
		{
		display: block;
		float: left;
		margin: 0 0 0 3px;
		text-decoration: none;		
		padding: 3px 0 3px 3px;
		border-top: solid 1px #D7E2BF;
		border-right: solid 1px #D7E2BF;
		width: 60px;
		font: bold 10px arial;
		color: #FFD07B;
		}



/*****************************************************************
ContentLeft Styles
******************************************************************/
#contentleft
		{
		float: left;
		margin: 0;
		padding: 0 0 15px 0;
		width: 718px;
		height: 424px;
		background:#ffffff; 
		}
#contentleft p
		{
		margin: 0;
		padding: 0;
		}
		
#contentleft .nav
		{
		margin: 0;
		padding: 0;
		width: 718px;
		height: 25px;
		background: #FFFFFF url;
		}

#contentleft .nav p
		{
		margin: 0 0 0px 0;
		padding: 0 0 0 10px;
		}


/*****************************************************************
ContentLeft Wrapper (to hold flash and news areas)
******************************************************************/
#contentleft .wrapper
		{
		float: left;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		width: 483px;
		}


/*****************************************************************
ContentLeft Flash
******************************************************************/		
#flash{
		float: left;
		margin: 0;
		padding: 0;
		width: 483px;
		height: 276px;
		background: #5E734C;
		border:0;
}
#flash img{
		border:0;
}
#contentleft .flash
		{
		float: left;
		margin: 0;
		padding: 0;
		width: 483px;
		height: 276px;
		background: #ccccff;
		}

#contentleft .flash p
		{
		margin: 0 0 5px 0;
		padding: 0 0 0 10px;
		}
		
#contentleft .flash p a
		{
		float: right;		
		margin: 0 0 0 3px;
		padding: 3px 0 3px 3px;
		text-decoration: none;
		}

/*****************************************************************
ContentLeft News
******************************************************************/	

	
#contentleft .news
		{
		float: left;	
		margin: 0 0px 0 0;
		padding: 0 0px 0 0;
		width: 332px;
		height: 122px;
		background: #fff url(../images/callouts/in_the_news.jpg);
		background-repeat:no-repeat;
		background-color:#E1E1C9;
		}

#contentleft .news p
		{
		margin: 0 0 10px 10px;
		padding: 0 0 0 0;
		font: 11px arial ;
		color: #616956;
		}
		
#contentleft .news a
		{
		margin: 0 0 0 0px;
		padding: 0px 0 0px 0px;
		text-decoration: none;
		font: bold 9px arial;
		color: #616956;
		}                                                          
#contentleft .news a:hover
		{
		text-decoration: none;
		font: bold 9px arial;
		color: #E7A614;
		}

/********************************************************************
Content Left Gallery Thumbnails
*********************************************************************/

#contentleft .thumb
	{
	width:150px;
	height:112px;
	margin:0 0 0 0;
	padding:10px 0 0 0;
	float:left;
	background-color:#E1E1C9;
	border-left:#fff solid .25px;
	}
#contentleft .thumb img
	{
	padding:10px 7px 0px 0;
	margin:0 0 0 0;
	border:0;

	}
#contentleft .thumb p
	{
	padding:0 0 0 18px;
	margin:0 0 0 0;
	}
#contentleft .thumb a
	{
	text-decoration:none;
	border:none;
	}
		

/*****************************************************************
ContentLeft Subnav
******************************************************************/
		
#subnav
	{
	float: left;
	text-align: left;
	margin:0px 15px 0 10px;
	padding: 20px 0px 210px 0;
	width: 196px;
	height: 168px;
	background-color:#E1E1C9;
	background-image:url(../images/home_watermark.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	}	


#subnav p.subnav a
	{
	font-size:10px;
	margin: 10px 0 10px 10px;
	text-decoration: none;
	font: bold 11px Arial;
	color: #616956;
	}


#subnav p.subnav a:hover
	{
	text-decoration: none;
	color: #E7A614;
	}	

#subnav p.subnav a.on
	{
	text-decoration: none;
	color: #E7A614;
	}	
	
/***********************************************************
ContentLeft Subsubnav
*********************************************************/

#contentleft ul
	{
	list-style-type: none;
	margin: 5px 0 0 0;
	padding: 5px 17px 10px 0px;
	border: 0; 
	font: 10px arial;
	color: #616956;
	}
	
#contentleft li a.third
	{
	text-decoration: none;
	margin: 0 0 0 25px;
	color: #616956;
	}

#contentleft li a:hover.third
	{
	text-decoration: none;
	color: #666666;
	}	
	
#contentleft a.thirdon
	{
	text-decoration: none;
	margin: 0 0 0 25px;
	color: #FFF;
	background-color: #5E7348;
	width: 100%;

	}		
		
		
/*****************************************************************
ContentRight Styles
******************************************************************/

#contentright 
	{
	float: right;
	margin: 0;
	padding: 0 0 15px 0;
	width: 254px;
	/*height: 435px;*/
	background-color:#fff;
	}	

/****************************************************************
Contentright Calendar
**********************************************************************/
/***to make changes to the minicalendar... you need to go to an internal style list located here:events/minicalendar.aspx -ams**/			
table.homecalendar
	{
	display: block;
	float: left;
	margin: 0px 15px 0 20px !important;
	margin: 0px 15px 0 10px;
	padding: 0;
	border: 0;
	width: 200px;
	border-top:#D7E2BF solid .25px;
	}

table.homecalendar td p a
	{
	text-decoration: none;
	color: #616956;
	}
	
table.homecalendar td.today p a
	{
	text-decoration: none;
	color: #FFFFFF;
	}
	
table.homecalendar td p a:hover
	{
	color: #FFD07B;
	}

table.homecalendar td
	{
	margin: 0;
	padding: 0;
	border: 0;
	height: 22px;
	background: #FFFFFF url(../images/header_bg.jpg) repeat-x;
	vertical-align: top;
	}
	
table.homecalendar td.header
	{
	margin: 0;
	padding: 0;
	border: 0;
	height: 15px;
	background: #fff;
	vertical-align: top;
	}
	
table.homecalendar td.header p
	{
	margin: 25px 0 25px 0;
	padding: 0;
	border: 0;
	}
	
table.homecalendar td.pager
	{
	margin: 0 0 25px 0;
	padding: 0;
	border: 0;
	height: 16px;
	background: #FFFFFF url(../images/callouts/calendar.jpg);
	background-repeat:no-repeat;
	vertical-align: top;
	}
	
table.homecalendar td.pager p
	{
	display: block;
	float: left;
	margin: 0 0 5px 3px;
	padding: 3px 0 0px 3px;
	text-align: left;
	text-decoration: none;
	width: 129px;
	font: bold 11px arial;
	color: #616956;
	}
table.homecalendar td.pager p a
	{
	color: #616956;
	}

table.homecalendar td.pager p a:hover
	{
	color: #333;
	}

table.homecalendar .dates td
	{
	margin: 0;
	padding: 0;
	border: 0;
	width: 25px;
	height: 10px;
	background: none;
	vertical-align: top;
	}

table.homecalendar td.off
	{
	background: #E1E1C9;
	}
	
table.homecalendar td.off p
	{
	color: #616956;
	}
	
table.homecalendar td.event
	{
	background: #FFE2AE;
	}
	
table.homecalendar td.event p a:hover
	{
	text-decoration: none;
	color: #fff;
	}

	
table.homecalendar td.today
	{
	background: #616956;
	color: #333333;
	font: arial #FFFFFF;
	}

table.homecalendar td p
	{
	margin: 0;
	padding: 10px 3px 0 0;
	border: 0;
	text-align: right;
	font: 10px arial;
	color: #fff;
	}

table.homecalendar td p.day
	{
	margin: 0;
	padding: 0px 0 0 0;
	border: 0;
	text-align: center;
	font-weight: bold;
	font: 10px arial;
	color: #616956;
	}
	
table.homecalendar .dates td p
	{
	margin: 0;
	padding: 2px 0 0 2px;
	border: 0;
	font: 10px arial;
	font-weight: bold;
	}
	
/*****************************************************************
Contentright Upcoming Events
******************************************************************/	

	
#contentright .updates
		{
		display: block;
		float: left;	
		margin: 10px 0 0 20px !important;
		margin: 10px 0 0 10px;
		padding: 0 0 0px 0px;
		width:200px;
		height:130px;
		background: #FFFFFF url(../images/callouts/upcoming_events.jpg);
		background-repeat:no-repeat;
		background-color:#E1E1C9;
		border-top:#D7E2BF solid .25px;
		}

#contentright .updates p
		{

		margin: 0 0px 0px 10px;
		padding:0px 0px 0px 0px;
		font: 11px arial;
		color: #616956;

		}
		
#contentright .updates a
		{
/*		margin: 0 0 0 0px;
		padding: 3px 0 3px 3px;*/
		text-decoration: none;
		font: bold 11px arial;
		color: #616956;
		}

		
		
/*****************************************************************
Contentright Features: This Month
******************************************************************/	

#contentright .feature
		{
		display: block;
		width:200px;
		height:78px !important;
		height:79px;
		float: left;	
		margin: 10px 0 0 20px !important;
		margin: 10px 0 0 10px;
		padding: 0 0 0 0px;
		background: #FFFFFF url(../images/callouts/this_month.jpg);
		background-repeat:no-repeat;
		background-color:#E1E1C9;
		border-top:#D7E2BF solid .25px;
		}

#contentright .feature h1
		{
		margin: 0 0 0 30px;
		padding: 25px 0 0px 25px;
		font: bold 12px arial;
		color: #616956;	
		}
		
#contentright .feature p
		{
		display: block;
		float: left;		
		margin: 0 0 0 0px;
		padding: 0px 0 0 15px;
		text-decoration: none;
		font: 11px arial;
		width: 100px;
		color: #616956;
		}

#contentright .feature p.image
		{
		margin: 0 0 0 0;
		padding: 30px 0 0px 0px;
		width: 40px;	
		}

/*****************************************************************
Footer Nav
******************************************************************/	
#footer
		{
		display: block;
		float: left !important;
		float: none;
		text-align: center;
		font: 11px arial;
		text-transform: uppercase;	
		margin: 5px 0 0 200px !important;
		margin: 5px 0 0 210px;
		padding: 5px 0 0 0;
		}

#footer p
		{
		display: block;
		float: left;		
		margin: 0 0 0 0;
		padding: 0 0 0 5px;
		text-decoration: none;
		color: #E1E1C9;
		}
#footer a
		{
		margin: 0 0 0 0;
		padding: 0 0 0 5;
		text-decoration: none;
		color: #E1E1C9;
		}
		
#footer a:hover
		{
		color: #FFD07B;
		}
		
#footer a:visted
		{
		color: #FFD07B;
		}		
.copyright{
		font: 9px arial #ffffff;
		text-align:center;
		text-transform:none;

}