* {font: 11px Verdana, Arial, helvetica, sans-serif}

body {
  margin: 0 0 0 0;
  padding: 0 ;
  background: #006d3a;
}

@font-face {
  font-family: "Eras Bold ITC";
  src: url(images/ErasBoldITC.ttf) format("truetype");
}


a:link { color:blue; text-decoration:none;font-weight: 900; }
a:visited { color:blue; text-decoration:none;font-weight: 900; }
a:hover { color:green; text-decoration:none }
a:active { color:red; text-decoration:none;font-weight: 900; }
a.bolder { color: blue; font: 900 14px sans-serif; }


h1 { font:900 22px Arial; color:#000000; }
h2 { font:900 14px Arial; color:#000000; }
h3 { font:900 12px Arial; color:#000000; }


table { border-collapse: collapse; padding:0px; }

.mainTable {
	width: 770px;
	text-align: center;
	margin: auto;
	/*background: url(images/yellow_clouds.jpg) repeat;*/
	background: #fbfad3;
	
	}
.mainTable TD { padding: 0 5px 0 5px; }


th { font:900 15px Arial; }
td { font: 15px Arial; }

img {border: 0px solid; padding:0;}

#td_center { text-align:center;}

.xmas { margin-left: auto; margin-right: auto; }
.xmas td { font: 12px Arial; }

.spacer { clear: left; }




#maintext  {
  font: 13px Verdana, Geneva, Arial, helvetica, sans-serif;
  padding: 5px 5px 5px 5px; 
  background: #999988;
  }

#login {
	background: #E4E4E4; 
	width: 160px;
	border: 2px solid;
	padding: 5px;




}

.login_head {font:900 100% Arial; color:#3366CC; }
.login_text {font:90% Arial; }
.bold {font-weight:900; }
option.bold {font-weight:900;color:blue; }
.h1{ font:900 20px Arial; }
.h2{ font:900 14px Arial; }
.clear { clear:both; }

.header_text{ font:12px Verdana;text-align:center; }
.hours_text{ font: 900 11px Verdana; color:red; text-align:center; }


#link { font: 12px sans-serif; }
#footer { font: 11px sans-serif; text-align:center;}
.contact { font: 900 16px sans-serif; text-align: right; }
.contact_info { font: 900 14px sans-serif; text-align: left; }
.text { font: 12px sans-serif; }
.blue_slogan { font: 16px Comic Sans MS; color: blue; text-align:center; }
.marquee_green { font: 900 italic 24px sans-serif; color:green; padding: 0 20px 0 20px; }
.marquee_black { font: italic 24px sans-serif; }
.green_text { font: 900 13px Verdana; color: green; }


/* frames */
.frame_head { font: 24px Verdana; float:left; }
.blue_frame { font: 18px Georgia; text-align:center; color: #336699; }
.black_frame { font: 14px Georgia; text-align:center; }
hr.bframe { height:3px; width:100%; background:#3366ff;  }


.green_li { font: 900 13px Verdana; color: green; padding: 0 0 10px 0; }


.heading {
	font: 900 24px Comic Sans MS;
	text-decoration: underline;
	color: red;
	float: left;
	padding-left: 40px;
}

.blue_head { font: italic bold 15px Verdana, Geneva, Arial, helvetica, sans-serif; color: blue; }
.red_head { font: italic bold 15px Verdana, Geneva, Arial, helvetica, sans-serif; color: red; }

.promo {
	font: bold 13px Verdana, Geneva, Arial, helvetica, sans-serif;
	background-color: #FFFFFF;
	width: 600px;
	text-align: left;
	padding: 0 20px 0 20px;
	margin: auto;

}

.form {
	font: bold 11px Verdana, Geneva, Arial, helvetica, sans-serif;
	text-align: right;
	padding: 0px 5px 0px 0px;
}

.error { font: 900 11px sans-serif;	color:#FF0000; }

.img_center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.left {
	float: left;
	background-color: #FFFF99;
	border: black 2px solid;
	padding: 0 5px 0 10px;
	margin: 0 0 0 25px;
	width: 200px;
	text-align: left;
	}

.history {
	text-align:left; 
	float: left; 
	margin:0 15px 0 25px;
	font: 900 13px sans-serif;
	}





/* menu code */
.menu {
	margin: 0 0 10px 0;
	padding: 1px 0 1px 0;
	position:relative;
	z-index:100;
}	


.menu ul {
	margin: 0 0 10px 210px;
	padding: 0;
	list-style: none;
	
}


.menu li {
	float:left;
	position:relative;
	display:inline;
	padding-left: 100;
	margin: 0 10px 0 0;
	
}

.menu a { font: 900 16px Eras Bold ITC; color: #006d3a; }

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:25px;
	left:0; 
	width:159px;

}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul{
	visibility:visible; 
	left:0px; 
	top:14px; 
	margin:0; 
	padding:0; 
	color: #339900;
	
}

/* style the seond level */
.menu li li {
	background-color: #ffffaa;
	width: 150px;
	padding: 1px 0 1px 0;
	text-align: left;
	border: solid 1px #999999;
	
}

.menu li li:hover {
	background-color: #ff9999;
}


.menu #whatsnew { font: 900 15px Broadway; color: #0033FF;  }
.menu ul li ul li a { font: 900 11px Verdana; }




.navArrow {
	font: bold 14px sans-serif;
	
}

.navLinks {
	font: 900 15px sans-serif;
	
}