.menuleft{

width: 200px; /*width of menu*/

}



.menuleft h3{

font-size:11px;

font-variant:small-caps;

}



.menuleft .headerbar{

color: white;

background: #000000 url(arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/

margin:0;

text-transform: uppercase;

padding: 7px 0 7px 31px; /*31px is left indentation of header text*/

}

.menuleft .headerbar2{

color: white;

background: #000000 url(arrowstop2.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/

margin:0;

text-transform: uppercase;

padding: 7px 0 7px 31px; /*31px is left indentation of header text*/

}

.menuleft .headerbar2 a{text-decoration:none; color:#FFFFFF;}

.menuleft .headerbar2 a:hover{text-decoration:none; color:#FFFFFF;}



.menuleft ul{

list-style-type: none;

margin: 0;

padding: 0;

margin-bottom: 0; /*bottom spacing between each UL and rest of content*/

}



.menuleft ul li{

padding-bottom: 2px; /*bottom spacing between menu items*/

}



.menuleft ul li a{

color: black;

background: #ffffff;

display: block;

padding: 5px 0;

line-height: 17px;

padding-left: 8px; /*link text is indented 8px*/

text-decoration: none;

}



.menuleft ul li a:visited{

color: black;

}



.menuleft ul li a:hover{ /*hover state CSS*/

color: black;

background: #E9E9E9;

}