/************* GENERAL STYLES ***/
* { margin: 0; padding: 0; }

html, body {
	font-size: 11px;
	font-family: "Trebuchet MS", arial, sans-serif;
	line-height: 14px;
	color: #666;
	background: url(/images/bg.jpg) top left repeat #333; }
	
h1, h2, h3 { 
	margin-bottom: 5px; 
	color: #c9471b; 
	font-size: 16px; 
	text-transform: uppercase; }

a:link, a:visited { color: #c9471b; }
a:hover { text-decoration: none; }

a img { border: none; }

p { margin-bottom: 12px; }

ul, ol { list-style-position: outside; }
	
	
/************* STRUCTURE STYLES ***/	
#wrapper { width: 844px; margin: 0 auto; }


	/*** HEADER STYLES ***/
	a#header { 
		display: block; 
		width: 844px; 
		height: 207px; 
		padding-top: 20px; }
	
	
	/*** NAV STYLES ***/
	ul#nav { list-style-type: none; list-style-position: outside; }
	
		ul#nav li { float: left; margin-bottom: -3px; }
		
		#nav, #nav ul { /* all lists */
			padding: 0;
			margin: 0;
			list-style: none;
			line-height: 1; }

		#nav a:link, #nav a:visited {
			display: block;
			color: #fff;
			font-weight: normal;
			text-decoration: none; }
		
		#nav li { /* all list items */
			float: left;
			margin-bottom: -1px; }
		
		#nav li ul { /* second-level lists */
			position: absolute;
			width: 150px;
			margin-top: -4px;
			margin-left: -2px;
			padding-bottom: 4px;
			text-align: left;
			background: url(/images/dropdown_bg.jpg) bottom left repeat-x #e8bf00;
			border: 2px solid #fff;
			border-width: 0 2px 2px 2px;
			left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ }
		
		#nav li ul li { }
		
		#nav li ul li a { 
			display: block; 
			width: 140px; 
			padding: 7px 5px; }
			
			#nav li ul li a:hover, #nav li ul li a:active { background: #e89900; }
		
		#nav li ul ul { /* third-and-above-level lists */
			margin: -1em 0 0 10em; }
		
		#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }
		
		#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
			left: auto; }

	
	/*** CONTENTWRAPPER STYLES ***/
	#contentWrapper { 
		clear: left; 
		padding: 10px;
		background: url(/images/verticalDivider.jpg) 623px center no-repeat #fff; }
		
		
		/*** CONTENT STYLES ***/
		#content { 
			float: left; 
			width: 584px; 
			min-height: 520px;
			margin-right: 20px;
			padding: 10px;
			text-align: justify; }
		
			#content img.primaryPicture { 
				float: right; 
				margin: 0 0 20px 20px; 
				border: 5px solid #fff; }
			
		
		/*** SIDEBAR STYLES ***/
		#sidebar { 
			float: left; 
			width: 200px; 
			min-height: 200px;
			padding-top: 10px;
			text-align: center; }
			
			#sidebar ul { list-style-type: none; }
			
				#sidebar ul li { margin-bottom: 15px; }
			
			#sidebar a:link, #sidebar a:visited { 
				color: #333; 
				font-weight: bold; 
				text-decoration: none; }
			
			#sidebar a span { color: #666; font-weight: normal; }
			
			
			#upcomingEvents { 
				margin-bottom: 30px; 
				padding: 0 10px 10px 10px; 
				text-align: left;
				background: url(/images/horizontalDivider.jpg) bottom center no-repeat; }
			
			
			#news { padding: 0 10px; text-align: left; }
		
	
/*** FOOTER STYLES ***/
#footer { 
	width: 844px; 
	height: 43px;
	margin: 0 auto;
	padding-top: 10px;
	text-align: center;
	font-family: "Verdana";
	font-size: 9px;
	color: #9e310c;
	background: url(/images/footer_bg.jpg) top left no-repeat; }
	
	#footer p { margin-bottom: 4px; }
	
	#footer a:link, #footer a:visited { color: #9e310c; font-weight: bold; }