/* CSS Document */

body {background: #fff; margin: 20px 0px 0px 0px; font-family: verdana; color: #333}

#wrap {background: #fff; width: 800px; margin: 0px auto}

a {text-decoration: underline; color: #377C00}
a:link {text-decoration: underline; color: #377C00}
a:active {text-decoration: underline; color: #377C00}
a:visited {text-decoration: underline; color: #377C00}
a:hover {text-decoration: none; color: #333333}

.mtop5 {margin-top: 5px}
.mtop10 {margin-top: 10px}
.mtop15 {margin-top: 15px}
.mtop20 {margin-top: 20px}
.mtop25 {margin-top: 25px}
.mtop30 {margin-top: 30px}

/**********************/
/* HEADER             */
/**********************/
#header {background: #fff; width: 800px; height: 50px}
h1 {font-size: 25px; color: #85B453}
.description {font-size: 10px; margin: -15px 0px 0px 0px; font-weight: bold; color: #666666}


/**********************/
/* MAIN MENU          */
/**********************/
#demo-container{padding:0px;margin:0 0 10px 0;background:#fff;}
ul#simple-menu{list-style-type:none;width:100%;position:relative;height:27px;font-family:"Trebuchet MS",Arial,sans-serif;font-size:11px;font-weight:bold;margin:0;padding:11px 0 0 0;}
ul#simple-menu li{display:block;float:left;margin:0 0 0 4px;height:27px; border: 1px solid #5A8017}
ul#simple-menu li.left{margin:0;}
ul#simple-menu li a{display:block;float:left;color:#fff;background:#9AC84A;line-height:27px;text-decoration:none;padding:0 10px 0 10px;height:27px;}
ul#simple-menu li a.right{padding-right:19px;}
ul#simple-menu li a:hover{background:#7FAB33;}
ul#simple-menu li a.current{color:#000;background:#ffffff;}
ul#simple-menu li a.current:hover{color:#2E4560;background:#ffffff;}

/**********************/
/* CONTENT            */
/**********************/
#content {margin: 1px 0 0 0; background: #fff; width: 800px; height: auto; font-size: 12px; border-top: 1px solid #5A8017; border-bottom: 1px solid #5A8017}

/* LEFT PANEL */
#leftpanel {float: left; width: 599px; margin: 10px 0px 0px 0px; padding: 0px; border-right: 1px solid #CCC}
#page {width: 580px; margin: 0px 0px 0px 0px; padding: 0px; line-height: 17px; text-align: justify}

.highlightit img{border: 1px dashed #ccc; padding: 8px; margin: 0px 5px 0px 0px}
.highlightit:hover img{border: 1px solid #3B8300;}

/* RIGHT PANEL */
#rightpanel {float: right; width: 190px; margin: 10px 0px 0px 0px; padding: 0px; text-align: center}
#sidebar {width: 190px; margin: 0px; padding: 0px 0px 0px 0px; text-align: left; line-height: 18px; font-size: 10px}

h2 {font-size: 18px; margin: 10px 0px 10px 0px; color: #235000; font-family: arial}
h3 {font-size: 15px; color: #85B453; margin: 0px 0px 5px 0px}
h4 {font-size: 12px; color: #85B453; margin: 0px 0px 5px 0px; font-weight: normal}

.font10 {font-size: 10px}
.floatleft {float: left; margin: 0px 5px 0px 0px}

/**********************/
/* SUB-MENU           */
/**********************/
#submenu {float: left; background: #fff; width: 800px; height: 20px; margin: 10px 0px 0px 0px; padding: 0px; text-align: center;}

#footmenu {margin: 0px; padding: 0px; list-style: none}
#footmenu ul {margin: 0px; padding: 0px; list-style-type: none}
#footmenu li {display: inline; margin: 0px; padding: 0px 10px 0px 0px;}
#footmenu li a {font-size: 11px; text-decoration: underline; color: #999}
#footmenu li a:hover {color: #333; text-decoration: none}

/**********************/
/* FOOTER             */
/**********************/
#footer {float: left; background: #fff; width: 800px; height: 30px; margin: 15px 0px 0px 0px; padding: 0px; text-align: center; font-size: 11px; color: #333}