@import url("stylesheet.css");
#menu a									{ text-decoration: none; }
#menu ul							    { list-style: none; }


ul.dropdown                         { position: relative; }
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; background: none; }
ul.dropdown a:hover		            { color: #D91414; }
ul.dropdown a:active                { color: #D91414; }
ul.dropdown li a                    { display: block; padding: 4px 8px; border-right: 1px solid #333; font-weight: normal; font-family: 'play-bold', Arial, Verdana, Helvetica; font-size: 15px; line-height: 15px; text-transform: uppercase;
	 								  color: #F2F2F2; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: none; color: black; position: relative; }
ul.dropdown li.hover a              { color: black; }


/*
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 240px; visibility: hidden; position: absolute; top: 100%; left: 0; background: #F6F6F6; border: 1px solid #666;  }
ul.dropdown ul li 					{ font-weight: normal; background: #f6f6f6; color: #000; padding: 0 5px 0 10px; margin-right: 5px;
									  border-bottom: 1px solid #ccc; float: none; }

                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; }

/*
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }

/*
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }

ul.sub_menu           { width: 240px; padding: 0 10px 0 0px; border: none; background: #F6F6F6; text-align: left; border: 1px solid #666; }
ul.sub_menu li a      { border: none; color: #000; font-weight: normal; font-family: Arial, Verdana, Helvetica; font-size: 15px; line-height: 15px; text-transform: none; }
ul.sub_menu li:hover  { background: #EBEBEB; color: black; position: relative; }
ul.sub_menu a:hover	  { color: #000; }
ul.sub_menu a:active  { color: #000; }

ul.sub_menu .libg       { background: url(../image/bg2.png) no-repeat left center; padding: 5px; margin-left: 10px; }
ul.sub_menu .libg:hover { background: url(../image/bg2.png) no-repeat left center; padding: 5px; margin-left: 10px; }