<style type="text/css">
	html {
		height: 100%;
	}
	
	body {
		font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 10px;
		margin: 0px;
		padding: 0px;
		height: 100%;
		text-align: center;
	}
	
	.clear {
		clear: both;
	}
	
	#mainContainer {
		text-align: left;
		margin: 0 auto;
		/*background-color: #FFF;*/
		background-color: 7575a4;
		border-left: 1px solid #000;
		border-right: 1px solid #000;
		height: 100%;
	}
	
	#topBar {
		height: 100px;
	}
	
	#leftMenu {
		width: 150px;
		padding-left: 10px;
		padding-right: 10px;
		float: left;
	}
	
	#mainContent {
		padding-right: 10px;
		float: left;
	}
	
	/*
		General rules
		*/
	#dhtmlgoodies_slidedown_menu li {
		list-style-type: none;
		position: relative;
	}
	
	#dhtmlgoodies_slidedown_menu ul {
		margin: 0px;
		padding: 0px;
		position: relative;
	}
	
	#dhtmlgoodies_slidedown_menu div {
		margin: 0px;
		padding: 0px;
	}
	
	/* 	Layout CSS */
	#dhtmlgoodies_slidedown_menu {
		width: 150px;
		background-color: #d4d4ff;
	}
	
	/* All A tags - i.e menu items. */
	#dhtmlgoodies_slidedown_menu a {
		color: #a9a9ff;
		text-decoration: none;
		display: block;
		clear: both;
		width: 150px;
		/*padding-left: 2px;*/

	}
	
	#dhtmlgoodies_slidedown_menu a:hover {
		background-color: #c4741d;
		color: #cde0ff;
	}
	
	/*
		A tags 
		*/
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth1 { /* Main menu items */
		margin-top: 1px;
		border-bottom: 1px solid #6767ff;
		background-color: #484875;
		font-weight: bold;
		width: 150px;
	}
	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth2 { /* Sub menu items */
		margin-top: 1px;
		background-color: #b3b3fc;
		color: #000000;
		width: 150px;
	}
	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth3 { /* Sub menu items */
		margin-top: 1px;
		color: #000000;
		background-color: #d4d4ff;
		width: 150px;
	}
	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 { /* Sub menu items */
		margin-top: 1px;
		color: red;
		width: 150px;
	}
	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth5 { /* Sub menu items */
		margin-top: 1px;
		width: 150px;
	}
	
	
	
	/* UL tags, i.e group of menu utems. 
		It's important to add style to the UL if you're specifying margins. If not, assign the style directly
		to the parent DIV, i.e. 
		
		#dhtmlgoodies_slidedown_menu .slideMenuDiv1
		
		instead of 
		
		#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul
		*/
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul {
		padding: 1px;
		width: 145px;
	}
	
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul {
		padding: 0px;
		width: 140px;
		text-indent: 5px;
	}
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul {
		padding: 0px;
		width: 135px;
		text-indent: 10px;
	}
	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 ul {
		padding: 1px;
	}
	
	
	
	/*Menu Proxy*/
	/*
		General rules
		*/
	#left_menu_proxy a {
		color: #a9a9ff;
		text-decoration: none;
		display: block;
		clear: both;
		width: 150px;
		/*padding-left: 2px;*/

	}
	
	#left_menu_proxy a:hover {
		background-color: #c4741d;
		color: #cde0ff;
	}
	#left_menu_proxy li {
		list-style-type: none;
		position: relative;
	}
	
	#left_menu_proxy ul {
		margin: 0px;
		padding: 0px;
		position: relative;
	}
	
	#left_menu_proxy div {
		margin: 0px;
		padding: 0px;
	}
	
	/* 	Layout CSS */
	#left_menu_proxy {
		width: 150px;
		background-color: #d4d4ff;
	}
	#left_menu_proxy .slMenuItem_depth1 { /* Main menu items */
		margin-top: 1px;
		border-bottom: 1px solid #6767ff;
		background-color: #484875;
		font-weight: bold;
		width: 150px;
	}
	
	#left_menu_proxy .slideMenuDiv1 ul {
		padding: 1px;
		width: 145px;
	}
</style>