html, body {
    min-height: 100%;
    width: 100%;
    height: 100%;
	margin: 0;
    padding:0;}
html>body #wrapper { height: auto; }

body {
    background: #fff url("/img/body.gif") repeat top center;
	margin: 0;
    padding: 0;
	min-width: 990px;
	text-align: center;}
	* html body { behavior:url("/js/csshover.htc"); }

#wrapper {
	position: relative;
	background: url("/img/wrapper.gif") repeat-y 35px 0px;
	margin: 0px auto;
	text-align: left;
	width: 989px;
	border-left: 1px #d4d4d4 solid;
	height: auto;}
	* html #wrapper {
	width: 990px; w\idth: 989px;
	}
	
#header {
    width: 989px;
    height: 242px;
	margin: 0; padding: 0;
	text-align: left;
}
#top1 {
	position: relative;
    background: #fff url("/img/top1.jpg") no-repeat 0px 0px;
	height: 39px;
    width: 989px;
	margin: 0 0 0 0; padding: 0; clear: both;
	text-align: left;
}
#top2 {
	position: relative;
    background: #fff url("/img/top2.jpg") no-repeat 0px 0px;
	height: 203px;
    width: 989px;
	margin: 0 0 0 0; padding: 0; clear: both;
	text-align: left;
}
#topimage {
	position: absolute;
	left: 263px;
	top: 0px;
}

#pagebody {
    background: url("/img/pagebody.jpg") no-repeat 0px 0px;
   	width: 989px;
	padding: 30px 0 0 0;}
#leftimage {
    background: url("/img/left.jpg") no-repeat 0px 280px;
	position: absolute;
   	top: 146px;
	left: 0;
   	width: 180px;
	height: 560px;
	z-index: 101;
}	
#leftimage img{
	margin-left: 25px;
}
#content {
	margin-left: 205px;
	width: 750px;
}
#content2 {
	margin-left: 15px;
	width: 940px;
}
#contentleft {
	width: 750px;
	padding: 0 0 0 0;
	float: left;
	text-align: left;}
/* Hides from IE5-mac  (3 pixel bug ie)
* html #contentleft, * html #contentcenter, #contentright{height: 1%;}\*/
/* End hide from IE5-mac 
#contentright {
	position: relative;
	width: 230px;
	padding: 0 0 0 13px;
	float: right;	}*/

#logo {
	position: absolute;
	z-index: 11;
	top: 36px;
	left: 56px;}

#bottom {
    background: url("/img/bottom.jpg") no-repeat 0px 0px;
	height: 115px;
	width: 707px;
	margin-top: 30px;
	clear: both;
}
.clear {
	clear: both; height:10px;}
	
/*MENUS*/
div#topmenu1 { 
    background: url("/img/topmenu1.jpg") no-repeat 100% 39px;
	position: absolute; right: 20px; top: 16px;
    margin: 0 0 0 0; padding: 0 0 0 0; border: 0;
	height: 21px;width: 195px;
	text-align:right;
	font: normal 12px Helvetica, Arial, sans-serif; line-height: 12px;}
div#topmenu1 img { 
	float: left;
	margin-left: 11px;}

div#topmenu2 { 
    background: url("/img/topmenu2.gif") repeat-x 0px 24px;
	position: relative;
	top: 178px;
	clear: both;
	width: 977px;
	height: 25px;
	margin: 0 0 0 0; padding: 0; text-align:left; 
	font: bold 11px Helvetica, Arial, sans-serif; color: #003986;}
#nav {
	position: relative;
	height: 25px; width: 800px;
	left: 178px;
	margin: 0 0 0 0; padding: 0 0 0 0;
	list-style: none; text-align: left;}
#nav li {
	position: relative; float: left;
    margin: 0 0 0 0; padding: 0 0 0 0; border: 0;
 	width: auto;
	list-style: none;}
	#nav li#li1{
	background: none;}
	* html #nav li {
	\display: inline;
	list-style: none;}	
#nav li a {
	display: block;
	margin: 0 1px 0 1px; padding: 6px 5px 7px 5px; border: 0;
	font: normal 12px Helvetica, Arial, sans-serif; color: #00513d; 
	text-decoration: none; line-height: 12px; text-align: center;
	background: url("/img/navli.png") bottom left no-repeat;
	
	}
@media all and (min-width: 0px){
   html>body  #nav li a {		min-width: 1px;}}
#nav li:hover a, #nav li a.link_active {
	border-bottom: 1px #6ca934 solid;
	padding-bottom: 6px;
	color: #6ca934; 
	text-decoration: none;  }

#nav li:hover ul { 
	display: block;}
#nav li ul {
	position: absolute;
	background-color: #e2e2e2;
	display: none;
	list-style-image: none;
	float: none;
	width: 145px;
	padding: 3px 0 0 0; margin: 0 0 0 0; border: 0;
	text-align: left;
	top: 25px;
	z-index: 100;}
	#nav li ul.visible {
	display: block;	}
#nav li ul li {
	margin: 0 0 0 0; padding: 0 0 0 0; border: 0;
	width: 145px; 
	clear: both;
	float: left;
	list-style: none;}
	#nav li ul li.firstitem a {	 }
#nav li ul li a, #nav li:hover ul li a {
	display: block;
	background: #e2e2e2 url("/img/arrow-green.gif") no-repeat 8px 6px;
	width: 120px; 	
	z-index: 102;
	margin: 0 0 0 0; padding: 5px 3px 5px 22px; border: 0;
	font: normal 12px "Myriad Pro", Helvetica, Arial, sans-serif;
	color: #00513d; line-height: 13px; text-decoration: none; text-align: left;	}
	* html #nav li ul li a, * html #nav li:hover ul li a {
	width: 145px;
	w\idth: 120px;	}
html>body #nav li ul li a {
	width: auto; }
#nav li ul li a.link_active, #nav li ul li:hover a  {
	background: #e2e2e2 url("/img/arrow-green2.gif") no-repeat 8px 6px;
	color: #c4d50d; text-decoration: none; }


#counter, .counter { 
	position:absolute;width:0;height:0;z-index:-1;top: 0;left: 0;visibility: hidden; }