.menu4 {padding:0 0 0 2px; margin:0; list-style:none; height:35px; background:url(images/pro_four0.gif);}
.menu4 li {float:left;}
.menu4 li a {display:block; float:left; height:35px; line-height:33px; color:#ffffff; text-decoration:none; font-family:arial, verdana, sans-serif; text-align:center; padding:0 0 0 10px; cursor:pointer; font-size:10pt;}
.menu4 li a b {float:left; display:block; padding:0 18px 0 9px;}
.menu4 li.current a {color:#fff; background:url(images/pro_four2.gif);}
.menu4 li.current a b {background:url(images/pro_four2.gif) no-repeat right top;}
.menu4 li a:hover {color:#fff; background: url(images/pro_four1.gif);}
.menu4 li a:hover b {background:url(images/pro_four1.gif) no-repeat right top;}
.menu4 li.current a:hover {color:#fff; background: url(images/pro_four2.gif); cursor:default;}
.menu4 li.current a:hover b {background:url(images/pro_four2.gif) no-repeat right top;}


/* VERTICAL MENU  */
.arrowlistmenu{
width: 170px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 13px Arial;
color: white;
background: black url(images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
margin-top: 0px; /*bottom spacing between header and rest of content*/

padding: 0px 0 0px 0px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 5px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 5px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding:5px 0;
padding-left: 15px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;font-family:Arial,Helvetica,Verdana,Tahoma,AvantGarde;
font-size:12px;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}