<style type="text/css"> 
	body,
	html {
		text-align:center;
		font-family: Arial, Times New Roman, Times, serif; 
		margin:0;
		padding:0;
		background:#425140;
	}
	body {
		min-width:750px;
		background:#425140;
	}
	#wrap {
		#background:#B5CBB2;
		background:#B5CBB2;
		margin:0 auto;
		width:900px;
	}
	#header {
		background:#688863;
		text-align: right;	
		border-bottom: 1px solid black;
		height: 75px;
	}
	#header h1 {
    	padding:5px;
	    margin:0;
    }
	#nav {
		font: bold 11px/16px arial, helvetica, sans-serif;
		background:#688863;
		border: 1px solid black;
		color: #000;
		background-color:#688863;
		text-decoration: none;
	}
	#nav ul{
		margin:0;
		padding:0;
		list-style:none;
		text-align:right;
	}
	#nav li{
		display:inline;
		margin:0;
		border: 1px solid black;
		background-color: #709065;
	}
	#nav li:hover{
		display:inline;
		margin:0;
		border: 1px solid black;
		background-color: #638358;
	}
	#main {
		background:#FFF;
		#float:right;
		text-align: center;
		border-left: 1px solid black;
		margin-left: 158px;
		margin-bottom: -16px;
		#width: 100%;
		#width:566px;
	}
	#content {
		background:#FFF;
		text-align: left;
		padding: 10px;
	}
	#main h2, #main h3, #main p {
		#padding:0 10px;
    	}
	#sidebar {
		float:left;
		width: 150px;
		border-right: 1px solid black;
		background-color: #B5CBB2;
		text-align: left;
		padding: 4px;
	}
	#footer {
		background:#688863;
		clear:both;
		margin: 0;
		color: #333;
		border-top: 1px solid black;
		text-align: right;
	}

A:link, A:visited, A:active {
	font-family: Times New Roman, Times, serif;
	color: #0000CC;
	text-decoration: none;
}

A:hover {
	text-decoration: underline;}

h1{  
	font-family: Times New Roman, Times, serif; 
	text-align:center;
	color: #666633; 
	text-decoration: none
}


.goldtitle {  
	font-family: Times New Roman, Times, serif; 
	font-size: 14pt; 
	color: #666633; 
	text-decoration: none}

.darkbluetext {
	font-family: verdana,arial,helvetica;
	font-size: 10pt;
	color: #000066;
	font-weight: bold;}

.darkbluetitle {
	font-family: verdana,arial,helvetica;
	font-size: 11pt;
	color: #000066;
	font-weight: bold;}

.graytext {
	color: #737373;
}


.italic {
	font-family: Times New Roman;
	color: #000000;
	font-style: italic;
}


.grayittext {
	color: #737373;
	font-style: italic;
}

.lightbluetext{
	color: #0000CC;}








/**************** menu coding *****************/

#menu {
width: 150px;
background: #eee;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #777 #222 #111 #666;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #fff;
background: #425140;
text-transform: uppercase;
}

#menu a {
color: #000;
background-color:#82997F;
text-decoration: none;
}

#menu a:hover {
color: #00a;
background: #fff;
background:#728874;
}

#menu li {
color: #000;
background-color:#82997F;
position: relative;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

</style>
<!--[if IE]>
<style type="text/css" media="screen">
 #menu ul li {float: left; width: 100%;}
</style>
<![endif]-->

<!--[if lt IE 7]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);
font-size: 100%;
} 
#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;} 

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
} 
</style>
<![endif]-->

	</style> 
