/* -------------------------------------------------------

COLORS USED:

#ded5b3		Beige (Light)
#c8bb89		Beige (Darker)
#998643		Beige (Darkest)
#5a89bd		Blue
#fcd51b		Gold
#8b2b60		Purple

------------------------------------------------------- */

@charset "UTF-8";

.hidden {
	display: none;
}

body {
 	font: 62.5% Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	margin: 0;
	padding: 0;
	color: black;
	background:url(graphics/bkgd_page.gif) repeat-x 0 -1px;
}

#container {
	width: 820px;
	margin: 0 auto; 
	text-align: left; 
	background: url(graphics/bkgd_content_with_sidebar.gif) repeat-y;
}

#header {
	position: relative;
	height: 175px;
	width: 820px;
	padding: 0;
	margin:0;
	background: url(graphics/header.jpg) no-repeat;
}

	#header span.hidden {
		display: none;
	}


/* *********************************************************
   MAINNAV
   ********************************************************* */


#mainNav {
	position: relative;
	width: 800px;
	background: #8B2B60; /* purple */
	float:left;
	margin-left: 10px;
	margin-bottom: 10px;
	display:inline;
	z-index: 1000;
	font-size:1.2em;
}


/* *********************************************************
   MAINCONTENT
   ********************************************************* */

#mainContent {
	float: left;
	width: 820px;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.5em;	
}

#minHeightSpacer {
	float: left;
	width: 10px;
	height: 400px;
	clear: both;
}

#mainContentLeft {
	display: inline;
	float: left;
	width: 530px;
	margin: 10px 20px 0px 20px;
}

	#mainContentLeft a {
		color: #8B2B60; /* purple */
	}

	#mainContentLeft p {
		margin: 0;
		padding: 0px 0px 5px 0px;
	}

	#mainContentLeft ul {
		margin: 0;
		padding: 10px 0px 10px 0px;
	}

	#mainContentLeft ul li {
		margin: 0px 0px 0px 20px;
		padding: 0;
	}

	#mainContentLeft ul.events li {
		margin: 0px 0px 10px 20px;
		padding: 0;
	}
	
		#mainContentLeft ul.events li strong {
			color: #8B2B60; /* purple */
		}

	#mainContentLeft img.main {
		padding: 0 0 10px 0;
		margin: 0;
	}
	
	#mainContentLeft h2 {
		font-size: 16px;
		color: #5A89BD;   /* blue */
		padding: 0 0 10px 0;
		margin: 0;
	}

	#mainContentLeft h3.beige {
		font-size: 14px;
		color: white;
		width: 520px;
		padding: 3px 0 3px 10px;
		margin: 0 0 8px 0;
		background: #998643;   /* dark beige */
	}

	#mainContentLeft h3.blue {
		font-size: 14px;
		color: white;
		width: 520px;
		padding: 3px 0 3px 10px;
		margin: 0 0 8px 0;
		background: #5A89BD;   /* blue */
	}

	#mainContentLeft .category {
		float: left;
		width: 86px;
		padding: 2px 2px 2px 2px;
		margin: 0 0 5px 0;
	}
	
	#mainContentLeft .description {
		float: left;
		width: 425px;
		padding: 2px 5px 2px 5px;
		margin: 0 0 5px 0;
		background: #FFFFCC;
	}
	
	#mainContentLeft table.events {
		border-top: 1px solid #999999;	
		border-left: 1px solid #999999;	
		font-size: 10px;
		line-height:12px;
	}

		#mainContentLeft table.events td {
			border-right: 1px solid #999999;	
			border-bottom: 1px solid #999999;	
			padding: 2px 5px 2px 5px;
		}

#mainContentRight {
	float: left;
	width: 200px;
	padding: 0 15px;
}

	#mainContentRight .moduleWrapper {
		margin: 0;
		padding: 0 0 10px 0;
	}

	#mainContentRight p {
		padding: 0;
		margin: 0;
	}

	#mainContentRight a {
		color: #8B2B60; /* purple */
	}

	#mainContentRight ul {
		margin: 0;
		padding: 10px 0 0 0;
		font-size: 10px;
		line-height: 12px;
	}

	#mainContentRight ul.events strong {
		color: #8b2b60; /* purple */
	}

	#mainContentRight ul li {
		margin: 0px 0px 0px 15px;
		padding: 0 0 4px 0;
	}

	
#copyright {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	width: 800px;
	margin: 0 auto;
	color: #666666;
	padding: 20px 0 0 20px;
	text-align: left;
	background:url(graphics/footer_with_sidebar.gif) no-repeat;
}

	#copyright a {
		color: #666666;
	}
	

/* *********************************************************
   PHOTO AUTO-CAPTION STYLES
   ********************************************************* */

.arc90_imgcaption { 
	text-align: center; 
	border: 1px solid #DDD; 
	padding: 10px; 
	margin: 1em 0;
	display: inline; 
}
 
.arc90_imgcaptionTXT { 
	font-size: 1.0em; 
	color: #666; 
	text-align: center; 
} 

.arc90_imgcaptionALT {
	display: none;
}

.floatl1 { 
	float: left; 
	margin-right: 10px; 
	display: inline;
}

.floatlt { 
	float: left; 
	margin-right: 10px; 
	margin-top: 0px;
	display: inline;
}
 
.floatr1 { 
	float: right; 
	margin-left: 10px; 
	display: inline;
}

.floatrt { 
	float: right; 
	margin-left: 10px; 
	margin-top: 0px;
	display: inline;
}