.sidenav{
	margin-top: 5px;
	margin-right: 5px;
	float: left;
	width: 185px;
	height: 640px;
	background: #8B25A4;
}

.sidenav ul{
	margin: 0;
	padding: 0;
}

/*Top level list items*/
.sidenav ul li{
	z-index: 0;
	position: relative;
	display: inline-block;
	float: left;
}

/*Top level menu link items style*/
.sidenav ul li a{
	display: block;
	border-bottom: 1px solid #222;
	border-right: 1px solid #222;
	background: #8B25A4; /*background of tabs (default state)*/
	font-size: 1.0em;
	font-weight: bold;
	line-height: 34px;
	text-align: center;
	width: 185px; 
	height: 36px;	
	color: #FFF;
	text-decoration: none;
}

.sidenav ul li a#last {
	border-right: none;
}


* html .sidenav ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}

.sidenav ul li a:link, .sidenav ul li a:visited{
	color: white;
}

.sidenav ul li a:hover{
	background: #6B0574; /*tab link background during hover state*/
	background-position: left bottom; 
}

.sidenav ul li a.selected {
	background: #6B0574;
	color: white;
	background-position: left bottom;
}
	
/*1st sub level menu*/
.sidenav ul li ul{
	z-index: 0;
	position: relative;
	left: 185px;
	list-style: none;
#	display: block;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.sidenav ul li ul li{
	z-index: 0;
	text-align: center;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.sidenav ul li ul li ul{
	z-index: 0;
	top: 0;
}

/* Sub level menu links style */
.sidenav ul li ul li a{
	z-index: 0;
	font-size: 1.0em;
	margin: 0;
	width: 185px; /*width of sub menus*/
	height: 36px;
	line-height: 34px;
}

.sidenav ul li ul li a:hover{ /*sub menus hover style*/
	background: #6B0574; /*tab link background during hover state*/
	background-position: left bottom; 
}

.sidenav ul li ul li ul li a{
	border-left: none;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.sidenavrightarrowclass{
	position: relative;
	left: 100 px;
}