html, body, #content
{
	min-height: 100%;
	width: 100%;
	height: 100%; /* Hack for IE5+ */
}
html>body, html>body div#content
{
	height: auto;
}
body
{
	margin: 0px;
}


body{
	background:  white; 
	background-image: url(jarbg.jpg);
	background-position: 0 0;
	background-repeat: no-repeat; 
	background-attachment: fixed;
}
div#content{  
	background-image: url(greenfilter.gif);
	margin: 140px 275px 25px 175px;
	padding: 10px;
	border: 3px solid #b7e0b7;
	height: 400px;
}
div#content a{
	#f1bd01;
}
div#content a:hover{
	#f1bd0a;
}
div#content a:visited:hover{
	color: #CC0
}
div#content p{
	font: 16px comic sans MS,sans-serif; 
	color: #2a582a;
	
}
div#content1{
	position: absolute;
	left: 240px;
	top: 15px;
	color: #377337;
	white-space: nowrap;
	font-size: 16pt;
	font-family: lucida handwriting, cursive;
	font-weight: bold;
	font-style: oblique;
	text-align: right;
}


div#content2{
	position: absolute;
	left: 480px;
	top: 75px;
	color: #377337;
	white-space: nowrap;
	font-size: 16pt;
	font-family: lucida handwriting, cursive;
	font-weight: bold;
	font-style: oblique;
	text-align: right;
	text-decoration: none;
}


#counter{
	position: absolute;
	left: 500px;
	z-index: 4;
}
.directions{
	position: absolute;
	top: 13em;
	left: 12em;
	width: 150px;
	background-color: white;
	font-family: comic sans MS, sans-serif;
	color: #2a582a;
	z-index: 10;
}
.footer {
	position: absolute;
	width: 100%;
	text-align: center;
	border-top: 1px; solid #b7e0b7;
	bottom: 0px;
	font: 14px Verdana, sans-serif; 
	color: #2a582a;
	font-size: 9px;
}
/*LINES*/
#wht1{
position: absolute;
left: 220px;
top: 115px;
z-index: 2;
}
#gr1
{
position: absolute;
left: 220px;;
top: 123px;
z-index: 2;
}
#wht2
{
position: absolute;
left: 220px;
top: 13px;
z-index: 2;
}
#gr2
{
position: absolute;
left:220px;
top: 5px;
z-index: 2;
}

}
H1{
	background: #2a582a;
	color: white; 
	margin: -9px -9px 0.5em; 
	padding: 25px 0 5px 15px;
	font: italic bold 25px/25px arial, sans-serif;
}
H2{
	background: #2a582a;
	color:  white;
	margin: -9px -9px 0.5em; 
	padding: 25px 0 5px 15px;
	font: italic bold 25px/25px arial, sans-serif;
}
H3{
	margin-bottom 0.25em;
}
H4{
	color:  #092f09;
	font-family: lucida handwriting, cursive;
	font-weight: bold;
}
H5{
	color:  #092f09;
	font-family: lucida handwriting, cursive;
	font-weight: bold;
	
	
#map{
	position: absolute;
	z-index: 10;
	top: 3em; 
	right: 55em;
}
#menu{
	position: absolute;
	z-index: 100;
	width: 15em;
	top: 220px; left: 0; margin-left: 1em; 
	padding: 0;
	border: 0;
}
#menu a{
	color: #2a582a;
	text-decoration: none;
	font-family: comic sans MS, san serif;
}
#menu a:hover{
	color: #f1bd0a;
	text-decoration: none;
	font-size: 14pt;
	font-family: comic sans MS, san serif;
}

#hours{
	font-size: 10pt;
	font-family: comic sans MS, sans-serif;
	font-style: strong;
	color: #2a582a;
}
.other
{
	position : absolute;
	top : 140px;
	right : 100px;
	width : 10em;
	z-index : 1;
	padding : 0em;
}

.other
{
	padding : 0.5em;
	margin-bottom : 0.5em;
	font-size: 10pt;
	font-family: comic sans MS, sans-serif;
	font-weight: bold;
	color: #2a582a;
}
P{
	margin: 0 1em 1em;
	color:  #092f09;
}
#sign{
	position: absolute;
	z-index: 3;
	left: 20; 0;
	top: 12; 0;
	white-space: nowrap;
}
.subjectlist{
	position: absolute;
	top: 13em;
	left: 25em;
	width: 400px;
	background-color: white;
	font-family: comic sans MS, sans serif;
	color: #2a582a;
	z-index: 10;
}
.table{
	background-color: white;
	margin: 200px 275px 25px 195px;
	padding: 10px;
	border: 3px solid #b7e0b7;
	height: 200px;
	position: absolute;
	font-size: 10pt;
	font-family: comic sans MS, sans-serif;
	font-weight: bold;
	color: #2a582a;
}


.table li{
	font-size: 9pt;
	font-family: comic sans MS, sans-serif;
	color: #2a582a;
}
UL{
	font: 16px comic sans MS,sans-serif; 
	color: #2a582a;
}