.mainMenu 					{width:100%;padding:0px 0px; height:40px; line-height:1.2; background-color:#000000;}

/*  LEVEL ONE  */
nav                       {list-style: none;margin:0px;padding:0px;position: relative;z-index:9999999999999999999999;}
nav ul                      {margin:0px;padding:0px 0px;list-style:none;float:left;width:100%;z-index:9999999999999999999999;}
nav ul li                    {float:left; zoom: 1;display:block;position:relative;z-index:9999999999999999999999;}

nav ul li a                  {text-decoration:none;display: block;padding:18px 12px 18px 11px;color:#FFFFFF; border-right:1px solid #131313; font-size:13px; text-transform:uppercase;}
nav ul li a:hover		      {color: #FFFFFF;}
nav ul li:last-child a       {} 


/* Doesn't work in IE */
nav ul li.hover, nav ul li:hover {background:#C20000;position: relative;}

nav ul li ul li ul li 			{ margin-left:0px;}

/*  LEVEL TWO  */
nav ul ul 					{width: 200px; visibility:hidden;position:absolute;top:100%;left:0;color:#FFFFFF;}
nav ul ul li 				{color:#FFFFFF;float:none;text-align:left;}

/* IE 6 & 7 Needs Inline Block */
nav ul ul li a				{text-decoration:none;padding: 5px 0px 5px 15px; margin:0;border:1px solid #202020;border-top:none;background:#000 url(../img/menu-bullet2.gif) 3px 11px no-repeat;color:#FFFFFF;border-right:none;width:100%;display:inline-block;}
nav ul ul li a:hover		{color:#FFFF00;border-right: none; width: 100%;display:inline-block;background:#C20000 url(../img/menu-bullet3.gif) 3px 11px no-repeat;}


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


/* For Responcive Screens */
nav a:active {
  background: blue;
}
nav select {
  display: none;
}

@media (max-width: 767px) {
  .mainMenu   { background-color:transparent;} 
  nav ul     { display: none; }
  nav select { display: inline-block; width:100%; padding:7px 0px; border-radius:5px;}
  nav select option {margin:0 0 0 20px;}
}