/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; height:0px; font-weight:bold;}
ul.dropdown li                      { float: left; }
ul.dropdown a:hover		            { color: #ffffff; }
ul.dropdown a:active                { color: #ffffff; }
ul.dropdown li a                    { text-decoration:none; display: block; font-size:15px; padding:20px 20px; color: #ffffff; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { -webkit-transition: background-color 0.1s linear; background-color:#2b2b2b; color: black; position: relative; }
ul.dropdown li.hover a              { color:#ffffff; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ background:#1f2020;width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li 					{ color: #ffffff; 
									  border-bottom: 1px solid #2b2b2b; float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; font-weight:normal; 	line-height: 1.5em; margin-left: 1em; word-wrap: break-word;
  white-space: normal; } 
ul.dropdown ul li a:before			{ content:"・"; margin-left: -1em; }

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



@media screen and (min-width: 0px) and (max-width: 1275px) {

ul.dropdown ul 						{ position: relative;}

}