/* CSS Document */

/*---------------- GENERAL FORMATTING -------------------------------*/
html{
}
body{
	background: #4c6c4c;
	text-align: center;
	margin: 0px;
	padding: 20px;
	font-family: Arial, Helvetica, sans-serif;
color: #004400;
}
p{
}
h1{
color: #a1c3a1;
font-size:1.4em;
}

h3{
}

h4{
color: #a8cca8;
font-size:0.8em;
text-align: right;
margin: -25px 10px 0px 0px}


hr{
border-right: none;
}
.smalltext{
font-size: 0.7em;
}
.floatleft{
position: relative;
float: left;

}
.floatright{
position: relative;
float: right;
}

a{
color: #009900;
}
/*------------------PAGE ELEMENT LAYOUT (SHOULD BE USED IN INDEX.PHP)-----------------*/
#wrapper {
width: 100%;
min-width: 700px; 
margin: 0px;
padding:0px;
position:relative;
background: #FFFFFF URL(images/content_r.gif) right repeat-y;
}
#wrapper2{
background:  URL(images/content_l.gif) left repeat-y;
margin: 0px;
padding:0px;
}
#header{
background: #FFFFFF URL(images/header_b.gif) repeat-x;
height: 187px;
}

#content {
text-align:left;
margin: 0px 28px 0px 136px;
padding: 0px 0px 0px 0px;
}

#content p, h1, h2, h3{
margin-top: 0px;
margin-right: 15px;
margin-left: 15px;
}
 
#footer {
background: #FFFFFF URL(images/footer_b.gif) repeat-x;
padding:0px;
margin: 0px auto;
height:106px;
}


/*-------------------------------MENU-----------------------------------------------------*/


#nav { /* all lists */
		padding: 0;
		margin: 0px 0px 0px -118px;
		list-style: none;
		float : left;
		width : 118px;
		color:#4d744d;
		/* PROBLEM IE aligns to right of center 
		text-align: center;*/
		border-top: 1px solid #4b6c4b;
		border-bottom: 1px solid #97b997;
	}

#nav UL {
list-style: none;
margin: 0px;
padding:0px;
}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		font-weight: bold;
		margin: 0px;
		padding:0px;
		width: 118px;

/*QUESTIONABLE*/
line-height : 1.25em;

border-top: 1px solid #97b997;
border-bottom: 1px solid #4b6c4b;
	}
	
	
	
	#nav li a {
		width: 118px;
		display : block;
		color:#4d744d;
		font-weight : bold;
		text-decoration : none;
				padding : 0 0.5em;

		/*this would restore block hover in IE
		background-color : white;*/
	}
	
	#nav li a:hover {
		color:#FFFFFF;
border-bottom: none;
border-top: none;
background: #88b288;
	}
	
	#nav LI UL {
position: absolute;
	width: 240px;
	left: -999em;
MARGIN-LEFT: 118px;
	MARGIN-TOP: -51px;
	text-align: center;
}


#nav li:hover ul , #nav li.sfhover ul {
	left: auto;
}

#nav LI UL LI{
width: 240px;
}

#nav LI UL LI A{
display: block;
width: 240px;
font-weight: normal;
color:#d7ead7;
text-decoration: none;
margin: 0px;
padding:0px;
border-bottom: none;
border-top: none;
background: URL(images/flyout_m.gif);
}

#nav LI UL LI A:hover{
color:#FFFFFF;
border-bottom: none;
border-top: none;
background: #88b288;
}

.flyouttop {
line-height: 30px;
background: URL(images/flyout_t.gif);
border-bottom: 1px solid #4b6c4b;}

.flyoutbottom {
height: 20px;
background: URL(images/flyout_b.gif) no-repeat;
border-top: 1px solid #97b997;
/*overridden by #nav li*/
border-bottom: none;
}