.bevelmenu ul.parent_hover
{
    display:block;
}
.bevelmenu li:hover > ul
{
    display: block;
}

.bevelmenu li:hover
{
    color: #ffffcc;
}




.bevelmenu li.hover,
.bevelmenu a:hover
{
    color: #ffffcc;
    padding-left: 10px;
	background: #990033 url("tab-left-hover.gif") left top no-repeat;  
}
.bevelmenu li a:hover span { 
padding-right: 10px;
background: #990033 url("tab-right-hover.gif") right top no-repeat;
} 


html>body .bevelmenu li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}

.endmenu
{
    clear: left;
}


/*
.bevelmenu
{
  float:left;
   width:100%;
   overflow:hidden;
   position:relative;

}
/*.bevelmenu ul
{	
clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
   display:none;
}
.bevelmenu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}
.bevelmenu ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:3px 10px;
   text-decoration:none;
   line-height:1.3em;
}
.bevelmenu ul li a:hover {
   background:#369;
   color:#fff;
}
.bevelmenu ul li a.active,
.bevelmenu ul li a.active:hover {
   color:#fff;
   background:#000;
   font-weight:bold;
}

*/
.bevelmenu, 
.bevelmenu ul,
.bevelmenu li
{
 	font: bold 13px arial;
	text-align: center; /*set value to "right" for example to align menu to the right of page*/
	list-style:none;
	color: #ffffcc;
	margin:auto;
}


.bevelmenu ul{
	display: none;
	position: absolute;
	top: 15px;
	left: 0;
	color: #ffffcc;
}

.bevelmenu li{
	list-style-type: none;
	display:inline;
	margin: 0 0px 0 0;
	padding: 0;
	color: #ffffcc;
}

.bevelmenu > li
{
    float: left;
	position:relative;
	left:20%;
	text-align:left;
}

.bevelmenu a{

	text-decoration: none;   
	float: left;
	color: #ffffcc;
	background: url(tab-left.gif) no-repeat left top; /*default background color of tabs, left corner image*/
	padding-left: 10px;
}

.bevelmenu a span{
	color: #ffffcc;
	display: block;
	background: #660033 url(tab-right.gif) no-repeat right top; /*right corner image*/
	padding-right: 10px;
}


.bevelmenu a:hover, .bevelmenu li.selected a{
background-color: #990033; /*background color of tabs onMouseover*/

}

.bevelmenu a:hover span{
background-color: transparent;
}

[if IE]
/* Unfortunately, for some reason both IE6 and IE7 needs to be hacked. */
bevelmenu1 li a {
padding: 0 0 0 10px;
}
[endif]