body {
 font-family: Arial, sans-serif;
 font-size: 100%;
 background-color: #FFFFFF;
 margin: 24px 0;
 padding: 0;
}

#menubarfill {
 border-top: 1px solid #000000;
 border-bottom: 1px solid #000000;
 background-color: #003399;
}

.tabletitle {
 background-color: #003399;
 color: #FFFFFF;
 font-weight:bold;
 padding:2px;
}

.tabledata {
 padding:0px 2px 0px 2px;
 font-size:x-small;
}

.clearit {
 clear: both;
 height: 0;
 line-height: 0.0;
 font-size: 0;
}

#menuitem, #menuitem ul {
 padding: 0;
 margin: 0;
 list-style: none;
 font-family: Arial, sans-serif;
 font-weight: Bolder;
}

#menuitem a {
 display: block;
 text-decoration: none;
 padding: 5px 10px 5px 10px;
 border-right: 1px solid #FFFFFF;
 font-size: .85em;
 color: #FFFFFF;
}

#menuitem a.submenu {
 padding: 5px 16px 5px 10px;
 background-image: url(/images/down_arrow.gif);
 background-repeat: no-repeat;
 background-position: right center;
}

#menuitem li {
 float: left;
 width: 9em;
}

#menuitem li ul, #menuitem ul li  {
 width: 15em;
}

#menuitem ul li a  {
 color: #FFFFFF;
 border-right: 0;
 padding: 3px 12px 3px 16px;
}

#menuitem li ul {
 position: absolute;
 display: none;
 background-color: #6699FF;
 border-right: 1px solid #000000;
 border-bottom: 1px solid #000000;
 font-weight: normal;
 font-size: 90%;
}

#menuitem li:hover a, #menuitem a:focus, #menuitem a:active  {
 color: #FFFFFF;
 background-color: #6699FF;
 font-weight: bold;
}

#menuitem li.menuhvr a {
 color: #FFFFFF;
 background-color: #6699FF;
}

#menuitem li:hover ul, #menuitem li.menuhvr ul {
 display: block;
}

#menuitem li:hover ul a, #menuitem li.menuhvr ul a {
 color: #000000;
 background-color: transparent;
}

#menuitem ul a:hover {
 background-color: #003399!important;
 color: #FFFFFF!important;
}

/* The single backslash \ character inside this comment
causes IE5 Mac to ignore the following rule, which allows other
browsers to render top-level menu items to their natural width.
Do not edit this rule in any way. */
#menuitem li {width: auto;}