/*
* 									{ margin: 0; padding: 0; }
body								{ font: 14px Helvetica, Sans-Serif; } 
#page-wrap							{ width: 800px; margin: 25px auto; } 
a									{ text-decoration: none; }
ul									{ list-style: none; }
p                                   { margin: 15px 0; }

 
	LEVEL ONE
*/

#menu ul,#menu li,#menu li a{
	font: normal normal normal 14px verdana,sans-serif,helvetica;
	color:#666666;
	margin:0;
	padding:0;
	
	}




#menu ul				{ list-style: none; }
#menu a					{ text-decoration: none; }
#menu ul                        { position: relative; text-align:left;}
#menu ul li                      {  float: left; zoom: 1; z-index:100;  }
#menu ul a:hover		            { color: #fff; }
#menu ul a:active                { color: #ffa500; }
#menu ul li a                    { display: block; padding: 2px 8px; border-left: 1px solid #888;
	 								  color: #666666; }
#menu ul li:first-child a         { border-left: none; } /* Doesn't work in IE */
#menu ul li.hover,
#menu ul li:hover                { background: #ac2366; color: white; position: relative; }
#menu ul li.hover a ,#menu ul li:hover  a  { color: #fff; }


/* 
	LEVEL TWO
*/
#menu ul ul 						{ position: absolute;width: 180px; visibility: hidden;  top: 100%; left: 0px; padding-left:0px;
margin-left:0px;}
#menu ul ul li 					{ font-weight: normal; background: #e6e6e6; color: #000; 
									  border-bottom: 1px solid #ccc; float: none;   }
									  
                                    /* IE 6 & 7 Needs Inline Block */
#menu ul ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 
	LEVEL THREE
*/
#menu ul ul ul 					{ left: 100%; top: 0; }
#menu ul ul ul li                      { font: normal normal normal 11px  Arial, Helvetica, sans-serif; }
#menu ul ul ul li  a                     { padding-top:2px; }
#menu ul li:hover > ul 			{ visibility: visible; }