<style type="text/css">

#slantedmenu{
font-weight: bold;
}

#slantedmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#slantedmenu ul{
padding: 8px 0px;
margin-top: 0px;
margin-left: 0px;
background-color: #62bbe8;
 /*set value to "center" for example to center items*/
border-left: #aed0ea 1px solid;
border-right: #aed0ea 1px solid;
border-bottom: #aed0ea 1px solid;
}

#slantedmenu ul li{
display: inline;
}

#slantedmenu ul li a{
color: #2779aa;
padding: 10px 0px 10px 0px;
margin: 0;
text-decoration: none;
background: transparent url(../Images/bar.gif) center right no-repeat;
font-size: .8em;
text-align: center;
font-weight: bold;
}

#slantedmenu ul li span.add{
background: transparent url(../Images/Icons/add16.png) 5px center no-repeat;
padding: 10px 10px 8px 25px;
}

#slantedmenu ul li span.edit{
background: transparent url(../Images/Icons/edit16.png) 5px center no-repeat;
padding: 10px 10px 8px 25px;
}

#slantedmenu ul li span.delete{
background: transparent url(../Images/Icons/delete16.png) 5px center no-repeat;
padding: 10px 10px 8px 25px;
}

#slantedmenu ul li a:visited{
color: #2779aa;
} 

#slantedmenu ul li a:hover{
color: #ffffff;
}



</style>
