/* CSS Document */

/* 

1. Header 
2. Menu
3. Content
4. Footer

*/

/* 1. Header */
body { background-image: }

#wrapper { width:900px;margin:auto; }

#header 	{
	height:150px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:lighter;
	font-size:20px;
	color:#000;
	padding:8px 0px 5px 0px;
	}
	
#header img {
	border:0;
	}

#header a:visited, a:link {
	text-decoration:none;
	color:#FFFFFF;
	}

/* 2. Menu  */

#menu	{
	position:relative;
	float:left;
	clear:left;
	width:180px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:medium;
	font-weight:700;
	}

#menu p {
	margin-bottom:0px;
	margin-top:0px;
	}

#menu a	{
	text-decoration:none
	}

.block {
	display:block;
	color:#FFFFFF;
	width:150px;
	padding:14px 0px 14px 10px;
	cursor:pointer;
	}
	
.block:hover {
	font-style:italic;
	text-decoration:underline;	
	}

.red	{
	background-color:#CC0000;
	}	

.green	{
	background-color:#00CC00;
	}

.blue	{
	background-color:#0066FF;
	}
	
.yellow	{
	background-color:#FFFF33;
	color:#000000;
	}

/* 3. Content  */
	
#content {
	position:relative;
	float:left;
	width:620px;
	padding-left:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:200;
	background-color:#FFF;
	}
	
#img1	{
	position:relative;
	float:left;
	width:300px;
	min-height:100px;
	}
	
#txt1	{
	position:relative;
	float:left;
	width:300px;
	}
	
#txt2	{
	position:relative;
	float:left;
	clear:left;
	width:620px;
	}

#txtmessage {
	border:solid 1px #000;
	padding:10px;
	position:relative;
	float:left;
	clear:left;
	width:600px;
	color:#06F;
}

h2.home_events { margin-bottom:0px; padding-bottom:0px; color:#666}

#home_events {
	width:320px;
	float:left;
	clear:left;}

#home_events .title {font-size:x-large; color:#666; font-weight:bold}
#home_events .eventTitle { color:#009;font-size:larger}
#home_events .eventDesc {color:#666}


#info_page p {text-align:justify}
.info_img {float:right; height:160px; margin-left:15px; margin-bottom:15px}

#txtmessage h2 {
	color:red;}
	
#map	{
	position:relative;
	float:left;
	margin-left:30px;
	padding:20px;
	border:groove #0000CC;
	}

#directions	{
	position:relative;
	float:left;
	clear:left;
	margin-top:15px;
	min-width:500px;
	}

#logo	{
	position:relative;
	float:left;
	margin-right:20px;
	}

#staff h3 {	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:large;
	font-weight:bold;
	}
	
.right10 {
	padding-left:10px;
	}

.err {color:#F00}

#staffpic {float:left; margin:20px}

#staff a {color:#00F}
#staff a:hover {text-decoration:none; }
#staff a:visited {text-decoration:none}
#staff a:link {text-decoration:none}

.reverse {   /* Used to hide email addresses backwards */
	direction:rtl; 
	unicode-bidi:bidi-override;
	color:#0066FF;
	}

.missing {	/* Used to hide stuff inside an email addres to make it less readable. */
	display:none;
	}

#sponsors {
	position:relative;
	float:left;
	width:620px;
}

#sp_table {
	position:relative;
	left:50px
}

.strong {font-weight:bold}

.sponsor_list td {padding:5px}

/* 4. Footer */

#footer	{
	position:relative;
	float:left;
	clear:left;
	width:1000px;
	min-height:100px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	margin-top:25px;
	}

#footer .contact p {margin:0; padding:0; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif;}

#footer p.footnote{ font-style:italic}

#adult h3 {	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:large;
	font-weight:bold;
	}
	
#adult input {width:205px}

.inf1 {position:relative; float:right}
.inf1 p {font-size:10px; font-style:italic}
.ital {font-style:italic}

.events td {padding:10px 10px; min-width:100px; vertical-align:top}

.events td.b { font-weight:bold}

.quote {text-align:right; font-style:italic; font-weight:bold}

#staffinfo {background-color:#EFE7FE; padding:10px}
#staffpic {width:170px }
#staffpic img {width:150px}
#staffpro {text-align:justify}

.clear { clear:both }

.join {color:#0066FF}

#visit table, #visit td, #visit th {border:#000 solid 1px; font-size:13px}
#visit td { padding:5px 10px; border-collapse:collapse}