LEVEL ONE

ul#pinkoola {z-index:999;position: relative;margin-left: 20px;padding: 0; background-image:url(../images/no_flicker.jpg); }
ul#pinkoola li {z-index:999;display: block;padding: 0;  cursor: pointer;  float: left;width: 125px;height: 40px;text-align:center;background:url(../images/menubg.gif) no-repeat;}
ul#pinkoola a:hover {text-decoration: none;}
ul#pinkoola a:active { color: #5f6f72; }
ul#pinkoola li a {z-index:999;display:block;height:40px;outline:none;font-family:Verdana, Arial, Helvetica, sans-serif;color:#444;font-size:15px;
	text-decoration:none;
	font-weight:bold;
	padding-top:10px;
	}
ul#pinkoola li.hover,
ul#pinkoola li:hover, ul#pinkoola li.active                {color:#fff;position: relative;background:url(../images/hover.gif) no-repeat; }


ul#pinkoola ul {z-index:999;background:#eaeaea;margin-left:0px;z-index:100;width: 239px; visibility: hidden;border-left:10px solid #bcbcbc;position: absolute; top: 100%; left: 0;}
ul#pinkoola ul li {z-index:999;height:30px;z-index:100;float: none; margin:0px;text-align:left; border-bottom:1px #ccc solid;}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul#pinkoola ul li a {z-index:999;padding: 7px 7px;height:30px;z-index:100;text-decoration: none;font-size:12px;font-weight: normal;text-transform: none;} 
ul#pinkoola ul li a:hover {z-index:100;background:#ccc;height:16px;} 
/* 
	LEVEL THREE
*/
ul#pinkoola ul ul 					{ background:#eaeaea;z-index:100;left: 100%; top: 0; }
ul#pinkoola li:hover > ul 			{z-index:100; visibility: visible;background:#e0e0e0;text-align:left; }
ul#pinkoola ul li:hover {color:#fff;width:239px;background:none;}
ul#pinkoola ul li {width:239px;background:none;margin:0px;}

/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	10em;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	10em; /* match ul width */
	top:	0;
}


#left_coloumn ul.menuvert ul {list-style:none;}
#left_coloumn ul.menuvert ul  li a{background:#333;}
#left_coloumn ul.menuvert ul  li a {display:block;width:260px;padding:5px 15px;margin:0;margin-bottom:5px;}
#main_right ul.menuvert ul li a{display:block;width:130px;padding:5px 15px;margin:0;margin-bottom:5px;}




/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
	float:right;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}