/* _selector for IE6 and below
	*selector for IE7 and below
*/

.horizontalcssmenu ul{margin: 0;padding: 0;list-style-type: none;}
.horizontalcssmenu ul li{position: relative;display: inline;float: left;}
.horizontalcssmenu ul li a{display: block;width: auto;_display:inline; padding: 2px 8px;text-decoration: none;color: yellow;font: bold 13px Tahoma;}
.horizontalcssmenu ul li ul{left: 0;top: 0;position: absolute;display: block;visibility: hidden;z-index: 100;}
.horizontalcssmenu ul li ul li{display: inline;float: none;}
.horizontalcssmenu ul li ul li a{width: 160px;font-weight: normal;padding: 2px 5px;background: #000000;} 
.horizontalcssmenu ul li a:hover{color:red;}
.horizontalcssmenu ul li ul li a:hover{color:red;}
.horizontalcssmenu .arrowdiv{position: absolute;right: 0;/*background: transparent url(menuarrow.gif) no-repeat center left;*/}
* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;}
/* Holly Hack for IE \*/
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
/* End */

/* test area */
#slantedmenu{font-weight: bold;font-size: 90%;}
#slantedmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#slantedmenu ul{
text-indent: 10px;
padding: 3px 0;
margin: 0;
background-color: #e0e0e0;
border: 1px solid #bebebe;
text-align: left; /*set value to "center" for example to center items*/
}

#slantedmenu ul li{display: inline;}
#slantedmenu ul li a{color: #494949;
padding: 3px 0;
padding-right: 25px;
margin: 0;
text-decoration: none;
background: transparent url(images/slantdivider.gif) top right no-repeat;
}

#slantedmenu ul li a:visited{
color: #494949;
} 

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