/*************************************************************************************************************************************************************
The Left Navigation Menu 
*************************************************************************************************************************************************************/
#left 		{ width: 210px; background: transparent; }
#left h2	{ background: #202828; color:#fff; font-size: 12px; font-style: italic; text-align: center; padding: 2px; font-weight: normal; border-top: 1px solid #222; 
				border-bottom: 1px solid #222; height: 20px; line-height: 20px; border: 1px solid #545454; }	   
#menu 		{ width: 210px; }

	#menu ul { border: 0; margin: 0; padding: 0; list-style-type: none; text-align: left; }
	#menu ul li { display: block; float: none; text-align: left; padding: 0; margin: 0; }
	#menu ul li a { background: #445555; height: 22px; 
					border-top: 1px solid #859090;
	    			border-right: 1px solid #2d3939;
	    			border-bottom: 1px solid #202828;
	    			border-left: 1px solid #617070; 
                	text-indent: 5px; display: block;
					color: #FFF9DB;
					text-decoration: none;
					text-align: left;
					line-height: 22px;
					font-size: 11px;					  
}

html>#menu ul li a  { font-size: 12px; }
#menu ul li a:hover { padding: 0px; color: #202828; background: #eee; width: 100%; border-right: 1px solid #202828; }

#menu ul li.sub a { background: #b8924a; border-bottom: 1px solid #444; border-top: 0px solid #555; margin: 0; display: block; 
					color: #fff;
					text-decoration: none;
					text-align: left;  
					font-size: 10px;
					height: 18px;
					line-height: 18px;
					text-indent: 9px;
}

html>#menu ul li.sub a  { font-size: 10px; }
#menu ul li.sub a:hover { padding: 0px; color: #fff; background: #447777; width: 100%; }