#sidemenu_top {
	width:200px;
	height:26px;
	background-image:url(../images/menu/sidemenu_top.jpg);
	background-repeat:no-repeat;
}

#sidemenu_top h2 {
color:#fff;
padding:5px 0 0 25px;
font-weight:bold;
}
#sidemenu_pre {
margin-top:0;
	width:165px;
	height:0;
	background-color:#d3d3d3;
	}
#sidemenu {
font-size:0.9em;
}

#sidemenu ul {
	list-style: none;
	padding: 0px;
	background:transparent;

	
}

#sidemenu ul li {
		
	/*
	
	This sets the active (hover) colour for each list item
	You can apply a similar logic at lower levels if you require
	different colours
	
	*/
	background:white;
	display:list-item;
	border-bottom:1px solid #cccccc;



	
}

#sidemenu ul li a,
#sidemenu ul li span {
	background:transparent;
	display: list-item;
	color: #666666;
	text-decoration: none;
	text-align: left;
	padding: 5px 11px 5px 11px;
}

#sidemenu ul .level1_on,
#sidemenu ul li.level1_on{
	background:#89d3f1;

}

#sidemenu ul .level1_on a,
#sidemenu ul li.level1_on span {
color: #4c4c4c;


}

#sidemenu ul .level2_on,
#sidemenu ul li.level2_on{

color: #666666;

}

#sidemenu ul .level2_on a,
#sidemenu ul li.level2_on span {
color: #158dca;

font-weight:bold;
text-decoration:none;
}



#sidemenu ul .level2_on:hover a,
#sidemenu ul li.level2_on:hover span {
text-decoration:none;

}

#sidemenu ul li:hover a,
#sidemenu ul li:hover span {



}


/* Level 2 menu items */

#sidemenu ul li ul {

	background:#d3d3d3;
	display:list-item;

}

#sidemenu ul li ul li {

	padding-left:15px;
	background:#d3d3d3;
	display:list-item;
	background:transparent;
	color: #666666;
	
}

#sidemenu ul li ul li a,
#sidemenu ul li ul li span {
	color: #666666;
	
	background-repeat:no-repeat;
	background-position: left center;
	background-image:url(../images/menu/side_menu_l2.gif);
	

}

#sidemenu ul li:hover ul li a,
#sidemenu ul li:hover ul li span {
	/* This sets the inactive background color */

}

#sidemenu ul li:hover ul li:hover a,
#sidemenu ul li:hover ul li:hover span {
	/* 
	
	This clears the inactive background color
	allowing the active backgrond color to show through
	
	*/

text-decoration:underline;

}

/*

The following CSS ensures that Level 3 menu items and lower
popout to the left from their parent

*/

#sidemenu ul li ul li ul {

}

/* Level 3 menu items */

#sidemenu ul li:hover ul li:hover ul li a,
#sidemenu ul li:hover ul li:hover ul li span {

	
}

#sidemenu ul li:hover ul li:hover ul li:hover a,
#sidemenu ul li:hover ul li:hover ul li:hover span {

	
}

/* Level 4 menu items */

#sidemenu ul li:hover ul li:hover ul li:hover ul li a,
#sidemenu ul li:hover ul li:hover ul li:hover ul li span {

	
}

#sidemenu ul li:hover ul li:hover ul li:hover ul li:hover a,
#sidemenu ul li:hover ul li:hover ul li:hover ul li:hover span {

}

/* The following CSS governs when menu item levels are displayed */

#sidemenu ul ul,
#sidemenu ul li:hover ul ul,
#sidemenu ul ul li:hover ul ul,
#sidemenu ul ul ul li:hover ul ul {
	display: list-item;
}

#sidemenu ul li:hover ul,
#sidemenu ul ul li:hover ul,
#sidemenu ul ul ul li:hover ul,
#sidemenu ul ul ul ul li:hover ul {
	display: list-item;
}

#sidemenu_bottom { width:200px; height:26px; background-image: url(../images/menu/sidemenu_bottom.jpg); background-repeat: no-repeat; }