/* CSS Document */

/* ---------- BROWSER RESETS ---------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { 
	background: transparent;
	margin: 0; padding: 0; border: 0; outline: 0;
}

/* ---------------- TAGS -------------- */
html {font-size:62.5%}
body{background:#551B10; margin:0 auto; font:1.3em/1.5em Arial, Helvetica, sans-serif; text-align:center; color: #020D14}
p {margin:0 0 12px;}

/* ---------- TYPOGRAPHY & COLOR ---------- */
a:link {color:#FFF; text-decoration:none}
a:visited {color:#FFF; text-decoration:none}
a:hover {color:#FFF; text-decoration:underline}
h2 {font:bold 1.8em Arial, Helvetica, sans-serif;}
/*h2.section {color:#AE0C68;}*/
h3 {font:bold 1.3em Arial, Helvetica, sans-serif;}
h4 {font:1.3em Arial, Helvetica, sans-serif;}
h5 {font:1.2em Arial, Helvetica, sans-serif;}
.h4 {font:bold 0.9em/1.25em Arial, Helvetica, sans-serif;}

#box1 a {color:#06F;}
#contact {color:#FFF;}
	#contact a:link {color:#E41A15;}
	#contact a:visited {color:#E41A15;}
	#contact a:hover {color:#E41A15;}
#content {color:#FFF;}
	#content #fullCol a:link{color:#FFF;}
	#content #fullCol a:visited{color:#FFF;}
	#content #fullCol a:hover{color:#FFF;}
.event {background:#63C3D7; border:solid 1px #63C3D7;}
	.event h2, h4 {color:#FFF;}
	.event a.goTo:link {background:#05093B;} 
	.event a.goTo:visited {background:#05093B;}	
	.event a.goTo:hover  {background:#346689; text-decoration:none;} 
#footer{color:#AA8D88;}
.gobo {color:#E41A15;}
	 a.gobo:link {color:#E41A15;}
	 a.gobo:visited {color:#E41A15;}
	 a.gobo:hover {color:#E41A15;}
a.goTo  {background:#E7312D;}
a.goTo:hover {background:#A61A13; text-decoration:none;}
#mainCol {color:#020D14}
#mainCol h3 {color:#AE0C68;}
.menu {background:#E7312D; font:1.0em Arial, Helvetica, sans-serif; color: #FFF; cursor:hand; cursor:pointer;}
.menuH {background:#FFF; font:1.0em Arial, Helvetica, sans-serif; color: #2D1B0F;}
.menuO {background:#D12924; font:1.0em Arial, Helvetica, sans-serif; color: #2D1B0F; color: #FFF; cursor:hand; cursor:pointer;}
#rightCol {border:solid #551B10; border-width:0; color:#020D14}
#rightCol #box2 {color:#FFF;}
	#rightCol #box2 a:link {color:#FFF;}
	#rightCol #box2 a:visited {color:#FFF;}
	#rightCol #box2 a:hover {color:#FFF;}
.upcomingEvents {background:#FFFFE1; margin-bottom:22px; border:solid 1px #FFFFE1;}

/* ---------- PAGE LAYOUT ---------- */
#banner {background:url('../img/bg-banner.gif') no-repeat; position:relative; width:1000px; height:145px; margin:0 auto;}
	#banner img {position:absolute; top:71px; left:189px; z-index:2;}
	#banner h1 {position:absolute; top:72px; left:190px; z-index:1; font:24px Arial, Helvetica, sans-serif; color:#999;} /* this is hidden behind graphic - for SEO purposes */

#contact {margin:0 0 18px 12px;}
	
#content {width:780px; margin:0 auto; text-align:left;}
	#content #fullCol {margin:0 10px;}
		#content #fullCol h2 {margin:0 0 6px;}
		#content #fullCol h3 {margin:0 0 26px;}
		#content #fullCol .bio{margin:18px 0 26px;}	
			#content #fullCol .bio h4 {margin:0 0 10px;}		
			#content #fullCol .bio img {float:left; margin:0 15px 10px 0;}
	
	#content #mainCol {float:left; width:480px; margin:0 20px 22px 0; padding-bottom:5px;}
		#content #mainCol h2.section {padding:6px 0; font-weight:bold;}
		#content #mainCol h4 {margin-bottom:4px;}
		#content #mainCol .event {margin-bottom:22px; padding-top:12px;}
			#content #mainCol .event h4 {margin-bottom:22px;}
		
		#content #mainCol #eventTitle {margin:0 0 26px 3px;}
		#content #mainCol .section {margin:0 12px; padding:6px 0 14px;  border-bottom:dashed 1px #808670}
			#content #mainCol .section h3 {margin:0 0 12px;}
			#content #mainCol p.narrow {width:382px; padding-bottom:20px; margin:0px;}
			#mainCol .upcomingEvents .upcomingEventsBottom{background:#FFFFE1; height:12px; margin-top:-2px;}
	
	#content #pIntro {margin:0 20px 0 10px;}
	#content #pIntro h2 {margin:0 0 6px;}
			
	#content #rightCol {float:left; width:280px; margin-bottom:20px;}
		#content #rightCol #box1 {background:#FF6 url('../img/bg-box1.gif') no-repeat top right; padding:12px 17px 14px; margin-bottom:20px;}
		#content #rightCol #box2 {background:#E7312D; padding:12px 11px 14px;}
			#content #rightCol #box2 h4 {margin:0 0 26px;}		
			#content #rightCol #box2 .photoGrid {margin-bottom:26px;}

#copyright {padding:20px 12px; border-top:solid 1px #AA8D88;}
			
#footer {width:780px; margin:50px auto 10px; padding-top:18px; border-top:solid 1px #AA8D88; text-align:left;}
#header {background:#701B11; width:100%;}
.goTo {padding:0 3px;} 
#nav {background:url('../img/bg-nav.png') repeat-x; width:100%; height:56px;}
#navBar {position:relative; width:780px; height:32px; margin:0 auto;}
	#navBar .tab {float:left; padding:0 11px; border-right:solid 1px #A61A13; line-height:32px; }
.photoBanner {margin:16px 0 32px;}
	.photoBanner img {margin-right:13px; border:0;}
.photoGrid div {margin-bottom:4px;}
.photoGrid img {margin-right:4px;}
.photoGrid .clearM {margin:0;}
.section {margin-bottom:30px;}

/* */


/* ------------ misc. dividers, pipes, etc. --------------------- */
#bigPhoto {position:absolute; z-index:100; display:none; padding:6px;}
.clear {clear:both; height:0px; line-height:0px; font-size:0.0em; }
#closeP {background:#000; position:absolute; top:0px; left:0px; z-index:90; 
			width:100%; height:100%; display:none; 
			filter:alpha(Opacity=30);opacity:0.30;-moz-opacity:0.30;-khtml-opacity:0.30;}
.link {cursor:hand; cursor:pointer;}
.popup {position:absolute; top:100px; left:100px; z-index:100; display:none; padding:10px;}
.shadow {background-color:#000; position:absolute; margin:1px; z-index:95; filter:alpha(Opacity=10);opacity:0.10;-moz-opacity:0.10;-khtml-opacity:0.10;}
#wrapper{position:relative;}
/* ------------------ images ---------------------------------- */
#bgWidget {position:absolute; left:833px; top:0;}