ul.nav {
	/* The topmost UL */
	width:207px;
	margin:5px;
}

ul.nav li.menu{
	/* The main list elements */
	padding:5px 0 0;
	width:100%;
}
ul.nav li.button a{
	/* The section titles */
	display:block;
	font-size:14px;
	overflow:hidden;
	height: 28px;
	position:relative;
	text-align: center;
	line-height: 28px;
}
ul.nav li.button a:hover{
	/* Removing the inherited underline from the titles */
	text-decoration:underline;
	color:#c62121;
	background:url(images/nav_bg.jpg) no-repeat;
}

.sidebar_math li a.active{
	color:#fe1400;
	background:url(images/red1.jpg) no-repeat;
	height::33px;
	padding-left:23px;
}

.sidebar_math ul li a.active{
	/*Removing the inherited underline from the titles*/ 
	padding-left:25px;
	height:25px;
	background:url(images/red1.jpg) no-repeat 0px -4px;
	font-weight:bold;
}

ul.nav li.button a.active{
	/*Removing the inherited underline from the titles */
	text-decoration:underline;
	color:#c62121;
	/*background:url(images/nav_bg.jpg) no-repeat;*/
}
 
/* Setting up different styles for each section color */
ul.nav li.button a{
	/*background:url(images/nav_bg.jpg) no-repeat top left;*/
	background:url(images/nav_bg.jpg) no-repeat;
	color: #5e4e4e;
	font-weight: bold;
}

/* The hover effects
ul.nav li.button a:hover{
	background-position:bottom left;
} */

ul.nav .dropdown{
	/* The expandable lists */
	display:none;
	padding-top:5px;
	padding-left:7px;
}
ul.nav .dropdown li{
	/* Each element in the expandable list */
	padding-top: 5px;
}

ul.nav .dropdown li a {
	background:url(images/nav_dropdownbg.jpg) no-repeat top left;
	height: 27px;
	line-height: 27px;
	display:block;
	font-size:14px;
	overflow:hidden;
	position:relative;
	text-align: center;
	color: #6d4e2a;
}

ul.nav .dropdown li a:hover , ul.nav .dropdown li .current{
	text-decoration:none;
	background:url(images/nav_bg_hover.jpg) no-repeat top left;
}
/* The styles below are only necessary for the demo page */

ul.nav a, ul.nav a:visited{
	text-decoration:none;
	outline:none;
}

ul.nav a:hover{
	text-decoration:underline;
}