html, body{
background-color: #DDDDDD; font-size:.95em; font-family:"trebuchet MS", verdana, arial, sans-serif; padding: 5%;}

#page {min-width:700px; max-width:1100px; margin:0 auto; background:#fff;}

#header {background-color:#049e08; height: 150px; width: 100%}
#header .logo {float: left; margin:10px 0 0 50px;}
#header .rlogo {float: right;}
#header h1 {font-size: 40px; font-weight: bold; color: #000; text-align: center;}
#header p {font-size:1.2em; text-align:center; color:#000;}

#nav {float:left; width:160px; background:#fff; position: relative;}
#subleft {float:left; width:15%;}
#submain {float:left; width:30%;}
#subright {float:right; width:15%;}
#sidebar {float:right; width:20%;background:#fff}
#nav, #subleft, #submain, #subright, #sidebar {padding-bottom:32767px; margin-bottom:-32767px;}

#wrapper {overflow:hidden;background-color:#fff;}

#main {width:60%; float:left;background:#fff}

#footer {clear:both; background:#049e08;}
#footer p,
#footer a {color:#000;}
#footer a:hover {text-decoration:none;}

h1 {font-size:20px; margin:0; padding:10px 0; color:#333;}
h3 {font-size:18px; margin:0; padding:8px 0;}
.content {padding:10px;}
p {line-height:1.35em; margin:0; padding:5px 0;}

#nav{
  float: left;
  display: inline;
  margin: 20px 10px 0 10px;
  padding: 5px;
  font-size: .9em;
}
#nav ul {
  padding: 0;
  width: 150px;
}
#nav ul li {
  position: relative;
}
#nav ul li.active {
  font-weight: bold;
}
#nav ul li.active ul {
  font-weight: normal;
}
#nav ul ul{
  display: none;
}
#nav ul li:hover ul{
  display: block;
  position: absolute;
  top: 3px;
  left:150px;
}
#nav li {
  list-style-type: none;
}
#nav a {
  display: block;
  border: 1px solid #000000;
  border-bottom: 0;
  padding: 3px;
  text-align: center;
}
#nav li.last {
  border-bottom: 1px solid #000000;
}
#nav a:link, #nav a:visited {
  text-decoration: none;
  background-color:#049e08;
  color: #ffffff;
  opacity: 1.0;
}
#nav a:hover {
  text-decoration: none;
  background-color: #049e08;
  color: #000000;
  opacity: 1.0;
}