body {text-align: center; color: #333; background-color:#2A2E7F; margin:0; padding:0;}

#wrapper {margin: auto; text-align: left; width: 800px; position: relative; background-color:White;  border:solid 1px black; padding:0;}

#leftcontent {width:447px; float:left; background-color:#328330;}
#leftcontent h1 {padding:0; margin:0;}

#rightcontent {width:353px; float:right;}
#rightcontent p {background:#E7F2F2; margin:0; padding: 1em 0.5em; font:normal 14px verdana; text-align:center; color:#0c4366; border-bottom:solid 20px #328330;}
#rightcontent img {padding: 20px 18px 0 18px;}

#main {clear:both; font:normal 12px verdana; margin:0 20px 20px 20px;}
#main h2 {font:bold 14px verdana; margin:0px 0px 5px 0px; color:Navy;}
#main a:link { color:#328330; text-decoration: underline; }
#main a:visited { color:#6EBE6C; text-decoration: underline; }
#main a:hover { color:#6EBE6C; text-decoration: none; }
#main h3 {font:bold 14px verdana; margin:0; padding:0; color:#328330;}
#main p {margin:0 0 10px 0;}

#main1 {font:normal 12px verdana; margin:0 10px 20px 10px; width:427px; float:left;}
#main1 h2 {font:bold 14px verdana; margin:0px 0px 5px 0px; color:Navy;}
#main1 a:link { color:#328330; text-decoration: underline; }
#main1 a:visited { color:#6EBE6C; text-decoration: underline; }
#main1 a:hover { color:#6EBE6C; text-decoration: none; }
#main1 h3 {font:bold 14px verdana; margin:0; padding:0; color:#328330;}
#main1 p {margin:0 0 10px 0;}

#side {font:normal 12px verdana; margin:0 10px 20px 10px; width:320px; float:right;}
#side h2 {position: relative; margin:10px 0px 15px 0px; color:Navy; font:bold 14px verdana;}
    * html #side {margin-right: 8px;}
        #side a:link { color: Navy; text-decoration: underline; }
        #side a:visited { color: #666; text-decoration: underline; }
        #side a:hover { color: Navy; text-decoration: none; }

#footer {clear:both; background:#333; color:white; padding:7px 15px; text-align:center; font: 10px verdana;}
    #footer a:link { color: #ccc; text-decoration: underline; }
    #footer a:visited { color: #ccc; text-decoration: underline; }
    #footer a:hover { color: #999; text-decoration: none; }

/* Menu Style Sheet Starts Here: */
/*(from http://www.alvit.de/css-showcase/css-navigation-techniques-showcase.php -> */
/*http://qrayg.com/learn/code/cssmenus/ )*/

/* Root = Horizontal, Secondary = Vertical */
ul#navmenu-h {
  margin: 0 0 0 1px;
  border: 0 none;
  padding: 0;
  width: 447px; /*For KHTML*/
  list-style: none;
  height: 24px;
}

ul#navmenu-h li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
}

ul#navmenu-h ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 24px;
  left: 0;
}

ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-h ul li {
  width: 200px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu-h a {
  border: 1px solid #FFF;
  padding: 0 .79em;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #328330; /*green*/
  color: #fff;
  font: bold 12px/24px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a {
  background: #2A2E7F; /*navy blue*/
  color: #fff;
}

/* 2nd Menu */
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
  float: none;
  background: #EEE;
  color: #2A2E7F; /*navy blue*/
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a {
  background: #CCC;
  color: #328330; /*green*/
}

/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu-h li:hover li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul {
  display: none;
}

ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul {
  display: block;
}


