/*
/////////////////////////////////////////
All code (c) 2007 by Patrick Woods
www.megaphoneproductions.com
Be Heard!
/////////////////////////////////////////
*/



body {
	font-family: Arial, san-serif;
	font-size: 11pt;
	color: black;
	background: url(images/BG-CirclesGreen.jpg);
	margin: 0;
}



a:link {
	color: #003300;
	text-decoration: underline;
	}   

a:visited {color: #003300;}  

a:hover {
	text-decoration: none;}   

a:active {color: #003300;}
	

img {

	border: 0px;
}

p {
	color: black;
	text-indent: 0;
}


#MainContainer {
	width: 805px;
	height: 100%;
	top: 0px;
	margin: 0 auto;
	position: relative;
	background: url(images/BG-Footer.png);
	
}


#header{
	height: 84px;
	padding: 0;
	margin: 0;
	 background: url(images/Header_Top.png) no-repeat;

}



#headerFlash {
	background: url(images/Header_Photo3.png) no-repeat;
	height: 231px;
	width: 805px;
	padding: 0;
	margin: 0;
}

#homeLink {
	position: absolute;
	width: 798px;
	height: 189px;
	left: 1px;
	top: 123px;
	}

#Homebutton {
	}


.homeImages { 
	width: 395px; 
	height: 170px; 
	padding:0; 
	margin:0; 
	border: none;
	overflow: hidden;
	}

	
.homeImages img { 
	width: 395px; 
	height: 170px;  
	padding:0; 
	margin:0; 
	overflow: hidden;
	top:0;
	left:0;
	}



#footerText {
	width:100%;
	vertical-align: top;
	text-align: center;
	padding-top:1px;
	}

#footerText p {
	color: #fff;
	font-size:8pt;
	letter-spacing:1px;
	}


#footerText a:link, #footerText a:visited, #footerText a:active {
	color: #fff;
	text-decoration: underline;
	}   

#footerText a:hover {
	text-decoration: none;
	}

/*-- Newsletter form --*/
#form {

	margin: 0 auto;
	padding-left: 6px;
	padding-top: 20px;
	vertical-align:middle;
	width: 799px;
	height:200px;
	background: #003300;
	}


.newsletterLabel {
	}

#newsletterForm {
	}

fieldset {  
float: left;  
clear: both;  
width: 100%;  
margin: 0 0 -1em 0;  
padding: 2px 0 1em 2px;  
border-style: none;  
border-top: 1px solid #BFBAB0;  
background-color: #FFFFCC;
}

.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(images/SubmitBG.png) repeat-x left top;
}

#formBody {
	padding: 0;
	background: #003300;

	}

#msg {display:none; position:absolute; z-index:200; background:url(images/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#f3e6e6; border:2px solid #924949; border-left:none; padding:5px; min-width:150px; max-width:250px}
.TextImage {
	float:left;
	margin-bottom: -10px;
	}


dl { width: 25em; }
dt { float: left; width: 8em;text-align: right; font: Geneva, Arial, Helvetica, sans-serif 11pt; color:#FFFFCC;}
dt.nobg { background: none;  }
dd { 
	margin: 0 0 0 0.25em; 
	float: left;
	clear:right;
	height: 35px;}
	

p.clear { clear: both; }

#wrapper2 {width:250px; margin:50px auto}
.form {float:left; padding:-10px 10px 10px 10px;}
.form label {float:left; width:100px; padding:10px 10px 0 0;}
.form select {float:left; width:146px; margin-top:10px}
.form input {float:left; border: #333333 thin}
.form .textbox {background-color: #FFFFCC; border-color: #333333; border-width: 1px; border-bottom-style:solid; font: Geneva, sans-serif 11pt}
.form .textarea {background-color:#CCCCCC; border-color: #333333; border-width: 1px; border-style:solid; font: Geneva, sans-serif 11pt}
.form dd#submit {margin-top: 40px; margin-left: 130px; clear:both;}
#msg {display:none; position:absolute; z-index:200; background:url(images/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#f3e6e6; border:2px solid #924949; border-left:none; padding:5px; min-width:150px; max-width:250px}

dd#submit {
	margin-top:-50px;
	}
	

/*-- Events Form --*/

#formEvents {

	margin: 12px;
	padding-left: 6px;
	padding-top: 20px;
	vertical-align:middle;
	width: 250px;
	height:200px;
	background: #003300;
	float: right;
	text-align:left;
	border: #000000 medium solid;
	}

#formEvents dl { width: 20em; }
#formEvents dt { float: left; width: 5em;text-align: right; font: Geneva, Arial, Helvetica, sans-serif 11pt; color:#FFFFCC;}
dt.nobg { background: none;  }
dd { 
	margin: 0 0 0 0.25em; 
	float: left;
	clear:right;
	height: 38px;
	width:12em;}
	

p.clear { clear: both; }

#wrapper2 {width:250px; margin:50px auto}
.form {float:left; padding:-10px 10px 10px 10px;}
.form label {float:left; width:100px; padding:10px 10px 0 0;}
.form select {float:left; width:146px; margin-top:10px}
.form input {float:left; border: #333333 thin}
.form .textbox {background-color: #FFFFCC; border-color: #333333; border-width: 1px; border-bottom-style:solid; font: Geneva, sans-serif 11pt}
.form .textarea {background-color:#CCCCCC; border-color: #333333; border-width: 1px; border-style:solid; font: Geneva, sans-serif 11pt}
#formEvents dd#submit {margin-top: -10px; margin-left: 78px; clear:both;}



/* End form style */

.TextImage {
	float:left;
	margin-bottom: -10px;
	
}

.alert { 
  opacity: 0.0;
  padding:5px;
  background:#eee;
  font-family: arial, verdana;
  font-weight: bold;
  }



#content {
	background-image: url(images/BG-ContentBottom.png) no-repeat;
	background-position: bottom;
	background-color: rgb(246,220,184);
	min-height: 240px;
	text-align: left;
	padding-left: 12px;
	clear:both;
	position:relative;
	}
	

#contentLarge {
	background: #f6dcb8;
	background-position: bottom;
	background-color: rgb(246,220,184);
	text-align: center;
	padding-left: 12px;
	line-height: 21px;
	clear:both;
	}

.itemTitle {
	font-weight: bold;
	}

.itemDescription {
	font-style:oblique;
	font-size: 13px;
	}

p.homeText {
	font-size: 10pt;
	line-height: 20pt;
	text-align: justify;
	margin-left: 55px;
	margin-top: 15px;
	
}

img#homeImage {
	float: right;
	margin-left: 15px;
	margin-right: 15px;
	}


img#homeImage2 {
	right: 12;
	top: 370px;
	position: absolute;
	z-index: 5;
	}

.headline {
	color: #003300;
	font-size: 16pt;
	}


#footer {
	background: url(images/FooterTop.png) no-repeat;
	height: 55px;
	width: 805px;
	padding: 0;
	margin: 0;
}


#footerBottom {
	background: url(images/BG-Footer.png);
	bottom: 0px;
	width: 805px;
	padding: 0;
	margin: 0;


}


/*
/////////////////////////////////////////
CSS for dropdown menu
/////////////////////////////////////////
*/



#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;

	
}

#nav a {
	display: block;
	width: 10em;
}

#nav li { /* all list items */
	float: left;
	padding-bottom: 6px;
		
}

#nav li ul { /* second-level lists - the dropdown */
	position: absolute;
	background: rgb(154,175,122);
	border: 1px solid black;
	padding: 3px;
	width: 10em;
	z-index: 50;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}



#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav li:hover, #nav li.sfhover ul {
	background: rgb(229,215,145);

}


/*
ID's for each link.
*/

#navEat {
	height: 50px;
	width: 114px;
}
	
#navDrink {
	height: 50px;
	width: 149px;
}

#navLearn {
	height: 50px;
	width: 149px;
}

#navJoin {
	height: 50px;
	width: 111px;
}

#nav li.NavEnds:hover {
	background-color: transparent;
}

#nav li.RightEnds:hover {
	background-color: transparent;
	width: 225px;
}



/*
/////////////////////////////////////////
End Menu
/////////////////////////////////////////
*/