html {
height:100%;
margin-bottom:1px;
behavior:url("/includes/csshover.htc");
}

body{
color:#fdd017;
background-color:#2a5414;
font-family:sans-serif;
behavior:url("/includes/csshover.htc");
}

h1, h2, h3, h4 {
font-family:serif;
padding:0.1em;
}

a:link {
color: #ffffff;
background: #122559;
}

a:visited {
color: #ffffff;
background: #122559;
text-decoration:none;
}

a:hover {
color:#122559;
background-color:#fdd017;
}

a:active {
color:#122559;
background-color:#ffffff;
}

#wrapper {
clear:both;
}

#navcontainer {
position: relative;
padding:1px;
float:left;
width:100%;
height:31px;
background: #122559;
}

#leftbar {
width:22%;
height:640px;
float:left;
}

#rightbar {
width:22%;
height:640px;
float:left;
}

div#hmenu {
width: 100%;
display: block;
font-weight: normal;
/* Joel's edit begin */
font-size:0.8em;
/* Joel's edit end */
margin:0;
}

div#hmenu ul {
padding: 0;
margin: 0;
}

div#hmenu li {
position: relative;
list-style: none;
float: left;
margin: 0;
border:0px solid #2a5414;
border-left:0;
background: #122559;
/* Joel's edit begin
height: 30px;
width: 150px;
*/
height: 24px;
width: 140px;
/* Joel's edit end */
}

div#hmenu li:hover {
z-index: 10;
background: #fdd017;
}

div#hmenu li a {
display: block;
text-decoration: none;
text-align: left;
width: auto;
padding: 4px;
margin-top: 4px;
margin-bottom: 4px;
}

div#hmenu li a:hover {
color: #122559;
background: #fdd017;
}

div#hmenu>ul a {
width: auto;
color: #ffffff;
background: #122559;
}

div#hmenu ul ul {
position: absolute;
width: 100%;
display: none;
}

div#hmenu ul ul li {
width: 100%;
}

div#hmenu li.submenu:hover {
z-index: 100;
}

div#hmenu ul.level1 li.submenu:hover ul.level2, div#hmenu ul.level2 li.submenu:hover ul.rollover, div#hmenu ul.level2 li.submenu:hover ul.level3 {
display:block;
}

div#hmenu ul.level2 li {
color: #fdd017;
background: #122559;
border-top: 0;
}

div#hmenu ul.level2 li:hover {
color: #122559;
background: #fdd017;
}

div#hmenu ul.level2 {
/* Joel's edit begin
top: 30px;
*/
top: 24px;
/* Joel's edit end */
left: -1px;
}

div#hmenu ul.level3 {
top: 0;
/* Joel's edit begin 
left: 149px;
width:300px;
*/
left: 139px;
width:256px;
/* Joel's edit end */
}

div#hmenu ul.level3 {
white-space:nowrap;
}

div.row {
clear: both;
text-align:center;
width:90%;
padding-top: 10px;
}

div.row span.label {
float: left;
width:48%;
text-align: right;
padding-right:5px;
}

div.row span.formw {
float: right;
width:48%;
text-align: left;
padding-left:5px;
}

div.row span.formwr {
color:#76070d;
background-color:#ffffff;
float: right;
width:48%;
text-align: left;
}