.arrowlistmenu{
width: 120px; /*width of menu*/
padding-left:10px;
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: #fff;
background: #9DABD3 ;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
text-align:center;
}

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

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

.arrowlistmenu ul li a {
color: #777;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 100%;
}

.arrowlistmenu ul li a:active {
color: #777;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 100%;
}

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

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

/* bricks menu */

#modernbricksmenu{
padding: 0;
width: 100%;
background: #9DABD3;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
font: bold 11px Arial;
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu a, #modernbricksmenu a:active, #modernbricksmenu a:visited{
float: left;
display: block;
color: white;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: #9DABD3; /*Default menu color*/
border-bottom: 1px solid #ccc;
font-weight:bold;
}

#modernbricksmenu a:hover{
background-color: gray; /*Menu hover bgcolor*/
}

#modernbricksmenu #current a{ /*currently selected tab*/
background-color: #014991; 
border-color: #014991; 
}

#modernbricksmenuline{
clear: both;
padding: 0px ;
width: 100%;
height: 5px;
background: #014991;  
}