.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 13px Verdana;
width: 175px; /* Main Menu Item widths 180 .. old = 175*/  
border-bottom: 1px solid #ccc;

z-index:1000;
} 
 
.sidebarmenu ul li{
position: relative;
z-index:1000;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: red;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid #778;
border-right: 1px solid #778;

z-index:1000;

}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #012D58; /*background of tabs (default state)*/
}

.sidebarmenu ul li a:visited{
color: white;
}

.sidebarmenu ul li a:hover{
background-color: black;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width 170*/ 
top: 0;
list-style-type: none;
margin: 0;
padding: 0;
visibility: hidden;
z-index:1000;
}

.sidebarmenu a.subfolderstyle{
background: url(../../images/right.gif) no-repeat 97% 50%;
z-index:1000;
}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%;  }
/* End */

/*** Nav bar styles ***/

ul.nav,
.nav ul{
/*Remove all spacings from the list items*/
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
}

ul.nav{
	/*width: 20ex;*/
	width: 142px;
/*Optional, to make the navigation bar positions on the left of the content*/
	float: left;
	margin-right: 1em;
}

ul.nav>li{
	margin: 0;
	padding: 2px 6px;
}

ul.nav li>ul{
/*Make the sub list items invisible*/
	display: none;
	position: absolute;
	width: 142px;
	left: 142px;
	margin-top: -1.4em;
	margin-left: 9px;
}

ul.nav li:hover>ul{
/*When hovered, make them appear*/
	display : block;
}

.nav ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
	display: block;
	padding: 2px 10px;
}

/*** Menu styles (customizable) ***/

ul.nav,
.nav ul,
.nav ul li a{   /*text in parent menu*/
	background-color: #F00;
	color: #FFF;
	/*text-align: center;*/
	
	/*background: url(images/right.gif) no-repeat 97% 50%;*/
}

ul.nav li:hover,
.nav ul li a:hover{
	background-color: #369;
	color: #fff;  
}

ul.nav li:active,
.nav ul li a:active{
	background-color: #036;
	color: #fff;
}



.nav a{   /*submenu textt*/
	text-decoration: none;
	color:#FFF; 
	text-align:center;
}

/* Holly Hack for IE \*/
* html .nav ul li { float: left; height: 1%; width: 155px; display: inline-block; }
* html .nav ul li a { height: 1%; width: 155px; display: inline-block; }
/* End */