
#headmenu {
    width: 500px;
    height: 30px;
    margin-left: 400px;
    margin-right: auto;
    margin-top: 20px;
    background-color: #000000;
    position: absolute;
}

#blockmenu {
    width: 950px;
    height: 30px;
    margin-left: 13px;
    margin-right: auto;
    margin-top: 96px;
    background-color: #ffffff;
    position: absolute;
}

.blockmenu{
    margin: 0;
    padding: 0;
    float: left;
    font: bold 12px Arial;
    width: 100%;
    overflow: hidden;
    margin-bottom: 1em;
    border: 1px solid #ffffff;
    border-width: 1px 0;
    background: url(images/blockdefault.gif) center center repeat-x;
}

.blockmenu li{
    display: inline;
}

.blockmenu li a{
    float: left;
    color: #ffffff;
    padding: 9px 11px;
    text-decoration: none;
    border-right: 1px solid white;
}

.blockmenu li a:visited{
    color: #ffffff;
}

.blockmenu li a:hover, .blockmenu li .current{
    color: #293033;
    background: transparent url(images/blockactive.gif) center center repeat-x;
}

#menuhead {
    width: 242px;
    height: 30px;
    margin-left: 0px;
    margin-top: 0px;
    position: absolute;
    background: url(images/bgmenuhead.gif);
    
}

.menuhead {  font-family: Arial; color: #ffffff; font-size: 13px; font-weight: bold; padding-left: 11px; line-height: 30px;}
.menuhead a:link {text-decoration: none; color: #ffffff;}
.menuhead a:visited {text-decoration: none; color: #ffffff;}
.menuhead a:active {text-decoration: none; color: #ffffff;}
.menuhead a:hover {text-decoration: underline; color: #ffffff;}

.menu {
   margin-top: 30px;
   margin-left: 0px;
   margin-right: 14px;
   padding: 0;
   width: 240px; /*width of menu*/
   border-bottom-width: 0;
   position: absolute;
   border-left: 1px solid #dce3e5;
   border-right: 1px solid #dce3e5;
   border-bottom: 1px solid #dce3e5;
}

.menu a.menuitem {
   font: bold 13px "Arial";
   color: #293033;
   display: block;
   position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
   width: auto;
   height: 16px;
   padding: 4px 0;
   padding-left: 10px;
   text-decoration: none;
   border-top: 1px solid #dce3e5;
}

.menu a.menuitem:visited, .menu .menuitem:active {
   color: #293033;
}

.menu a.menuitem .statusicon { /*CSS for icon image that gets dynamically added to headers*/
   position: absolute;
   top: 5px;
   right: 5px;
   border: none;
}

.menu a.menuitem:hover {
   background-image: url(glossyback2.gif);
   text-decoration: underline;
}

.menu div.submenu { /*DIV that contains each sub menu*/
   background: #ffffff;
}

.menu div.submenu ul { /*UL of each sub menu*/
   list-style-type: none;
   margin: 0;
   padding: 0;
}

.menu div.submenu ul li {
   border-top: 1px dotted #a8a8a8;
}

.menu div.submenu ul li a {
   display: block;
   font: normal 12px "Arial";
   color: #293033;
   text-decoration: none;
   padding: 3px 0;
   padding-left: 10px;
   height: 16px;
}

.menu div.submenu ul li a:hover {
   text-decoration: underline;
   background: #ffffff;
   color: #ff8c00;
}



