html, body { font-family:Arial, Helvetica, sans-serif; background:#E4EFD6; 
  margin: 0;
  padding: 0;
  width: 100%;  min-height: 100%;
  height: auto !important;
  height: 100%; min-height: 100%; font-size: 100%
}

body { min-width: 1000px;
  min-height: 100%;
  height: auto;  margin: 0;
  padding: 0;
}
/*FORM*/
select.left_col {border: 1px solid #638321; color:#638321; width:170px}
.submit label {width: 40px; float: left; text-align: right; margin-right: 0.5em; display: block}
.submit input { display:block; float: right; margin-top:32px;  cursor:hand; color: #638321; border: none; background: url(pics/go.png) bottom left no-repeat; width:76px; height:48px;}
html>body .submit input {margin-top:3px; margin-right:16px;} 
.submit input:hover {cursor: pointer; background: url(pics/go.png) top left no-repeat;}

#login { padding:5px; color:#638321; float:left;  width: 80%}
#login fieldset{width: 300px; border:none;  font-size:80% }
legend{color: #638321; font-weight:bold; font-size:120%; padding: 2px 6px;}
.form { background:url(pics/form_bg.png) repeat; height:100%; color:#638321; position:relative; margin-bottom: -2px; width: 100%}
.form a {display:block; clear:right; padding: 3px; font-size:100%; font-weight:bold;}
.form form input, .form form select { margin:2px;}
#products a {display:block; clear:right; margin: 0; padding: 0 0 0 5px ; font-size:80%; font-weight: normal}

/*HEAD*/
#header {width:100%; height:82px; background: url(pics/menu_bg.png) bottom repeat-x
}
#logo { width:100%; height:82px; background: url(pics/logo.png) bottom left no-repeat;}
/*MENU*/
a {color: #4B8202;  text-decoration: none; font-size: 80%; line-height:160%}
a:hover {color: #4B8202;  text-decoration: underline;}
#nav {float: left; list-style: none; width: 100%; height: 52px; padding: 0; background:url(pics/menu_bg_pic.png) bottom right no-repeat;  width: 100%;}
#address_bar { height:30px; width: 50%; padding-left:20px; font-size:70%; font-weight:bold; color: #bbd69a}
#address_bar a {font-size:100%; font-weight:bold; color: #9c3}


.menu {width:730px; font-size:0.85em; position:relative; z-index:100; margin-left:210px}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0; margin:0; list-style-type:none; }
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left; width:142px; position:relative; }
/* style the links for the top level */
.menu a{display:block; font-size:90%;
color: #4B8202;  text-decoration: none;
width:142px; height:52px; background: url(pics/menu_item.png) bottom right no-repeat;}
.menu a:hover {color: #4B8202;  text-decoration: none;}
/* another hack for IE5.5 */
* html .menu ul li table {width:140px; w\idth:123px; }
/* style the second level background */
.menu ul li ul, .menu ul li ul {background: url(pics/menu_drop.png) left top no-repeat; width:168px; height:120px; padding-top:10px}
/* style the second level links */
.menu ul li ul li a{ font-size:90%; background:none; height:auto; 
line-height:1.7em; padding-left:5px; width:162px; text-decoration:none}
/* style the second level hover */
.menu ul li ul a:hover{
background: url(pics/menu_drop_hover.jpg) bottom left no-repeat; color: #000;}
/* 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:52px; left:0; width:170px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:52px; t\op:52px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{width:150px; w\idth:139px;}
/* style the top level hover */
.menu a:hover{color:#fff; background:url(pics/menu_item.png) top no-repeat;}
.menu a b  {position: relative; top: 60%; left: 5px;}
/* 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; }

/*MAIN*/
#wrapper{background: #fff url(pics/bg.png) bottom repeat-x; margin:0; padding:0; width:100%; height:100%; position:relative; min-height:100%}
#container {
	width: 100%;
	float: left;
	margin-right: -400px;
}
#content {
	margin-right: 400px;
}
#content2 {
	margin-right: 0;
}
#main2cols { padding: 0 10px 0 10px;
}
#main3cols {
	margin-left: 250px; padding: 0 10px 0 10px;
}
#left {
	width: 230px;
	float: left; padding: 0 10px 0 10px;
}
#right { padding: 0 10px 0 10px;
	width: 380px;
	float: right;
}
/*article*/
#article{ margin:20px 0 0 0; width:100%;background:url(pics/news_hr.png) top repeat-x; font-size: 90%; float:left}
#article h1 { margin:0; display:block; height: 26px; font-size: 100%; color:#000000;  padding-left: 42px; background:url(pics/news_caption.png) left top no-repeat;}
div.date { float:left; display: block; width:38px; font-size: 70%; color:#690; height:30px; text-align:right; padding-right: 5px}
html>body div.date {display:block; 	position: absolute; top: 206px;} 
div.text{ display:block; float:left; margin:0; color:#030}
html>body div.text{ margin-left:43px}
#more a{cursor:hand;  background: url(pics/more.png) bottom left no-repeat; width:76px; height:18px; float:right; margin:10px}
#more a:hover{ background: url(pics/more.png) top left no-repeat;}
.fl_l { float:left; margin: 5px}
.fl_r { float:right; margin: 5px}
/*FOOTER*/
#footer {clear: both; background: url(pics/pic_footer.jpg) bottom right no-repeat;
width: 100%; height: 268px;
  bottom: 0;}
  
#footer span  {position: relative; top: 250px; left: 5px; color:#4B8202; font-size: 60%}