.leftmenu {
margin: 0;
padding: 0;
width: 180px; /*width of menu*/
}

.leftmenu div a.yellowmenuitem {
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
font: bold 12px Arial, Verdana, Helvetica, sans-serif;
color: #5E852F;
display: block;
background: transparent url(../images/yellowmenuitem.gif) 100% 0;
height: 22px; /*Set to height of bg image-padding within link (ie: 30px - 4px - 4px)*/
padding: 3px 0 5px 10px;
line-height: 22px; /*Set line-height of bg image-padding within link (ie: 30px - 4px - 4px)*/
text-decoration: none;
}

.leftmenu div a.menuitem {
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
font: bold 12px Arial, Verdana, Helvetica, sans-serif;
color: #FAFAFA;
display: block;
background: transparent url(../images/leftnavtabs.gif) 100% 0;
height: 22px; /*Set to height of bg image-padding within link (ie: 30px - 4px - 4px)*/
padding: 3px 0 5px 10px;
line-height: 22px; /*Set line-height of bg image-padding within link (ie: 30px - 4px - 4px)*/
text-decoration: none;
}

.leftmenu div a.menuitem:visited, .leftmenu .menuitem:active {
color: #FAFAFA;
}

.leftmenu div a.menuitem .statusicon { /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 8px;
right: 10px;
border: none;
}

.leftmenu div a.menuitem:hover {
background-position: 100% -30px;
}

.leftmenu div.unselected a { /*header that's currently not selected*/
color: #FAFAFA;
}

.leftmenu div.selected a { /*header that's currently selected*/
color: #FAFAFA;
background-position: 100% -60px !important;
}

.leftmenu div.topselect a { /*header that's currently selected*/
color: #FAFAFA;
background: transparent url(../images/leftnavbutton_on.gif);
}

.leftmenu div.submenu { /*DIV that contains each sub menu*/
background: transparent;
}

.leftmenu div.submenu ul { /*UL of each sub menu*/
list-style-type: none;
margin: 0 0 1px;
padding: 0 0 15px;
background: transparent url(../images/leftnavtabselbottom.gif) no-repeat bottom center;
}

.leftmenu div.submenu ul li {
background: #FAFAFA;
border-bottom: 1px solid #B8C649;
}

.leftmenu div.submenu ul li a {
display: block;
font: normal 12px Arial, Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.leftmenu div.submenu ul li a:hover {
background: #E7F4FD;
color: #000000;
}

.leftmenu div.submenu ul li a.selected {
background: #D3DDE6;
color: #000000;
}
