div.menu{
	background-color: #ddd;
	font-size: 12px;
	z-index: 1999;
}
ul.menu li a, ul.menu li ul li a{
	color: #000;
	text-decoration: none;
	display: block;
	padding: 10px 10px;
	z-index: 1999;
}
ul.menu {
  text-align: center;
  display: inline;
  margin: 0;
  padding: 15px 4px 17px 0;
  list-style: none;
  z-index: 1999;
}
ul.menu li {
  font: bold;
  display: inline-block;
  margin-right: -4px;
  position: relative;
  cursor: pointer;
  transition: all 0.2s;
  border-right: 2px solid #fff;	
  z-index: 1999;
}
ul.menu li:hover {
  background: #bbb;
  color: #fff;
  z-index: 1999;
}
ul.menu li ul {
	margin: 0px;
	border: 0px;
  padding: 0;
  position: absolute;
  top: 38px;
  left: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s;
  z-index: 1999;
}
ul.menu li ul li { 
	min-width: 100px;
	background: #bbb; 
	display: block; 
	color: #fff;
	z-index: 1999;
	margin: 0px;
	border: 0px;
}
ul.menu li ul li:hover { 
	background: #ccc; 
	z-index: 1999;
}
ul.menu li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
  z-index: 1999;
}


div.menuA{
	background-color: #666;
	font-size: 12px;
	color: #fff;
	z-index: 2000;
}
ul.menuA li a, ul.menuA li ul li a{
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 10px 10px;
	z-index: 2000;
}
ul.menuA {
  text-align: center;
  display: inline;
  margin: 0;
  padding: 15px 4px 17px 0;
  list-style: none;
  z-index: 2000;
}
ul.menuA li {
  font: bold;
  display: inline-block;
  margin-right: -4px;
  position: relative;
  cursor: pointer;
  transition: all 0.2s;
  border-right: 2px solid #000;	
  z-index: 2000;
}
ul.menuA li:hover {
  background: #bbb;
  color: #fff;
  z-index: 2000;
}
ul.menuA li ul {
  padding: 0;
  position: absolute;
  top: 38px;
  /* left: 0;  */
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s;
  z-index: 2000;
}
ul.menuA li ul li { 
	min-width: 150px;
	background: #bbb; 
	display: block; 
	color: #fff;
	z-index: 2000;
	margin: 0px;
	border: 0px;
}
ul.menuA li ul li:hover { 
	background: #ccc; 
	z-index: 2000;
}
ul.menuA li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
  z-index: 2000;
}

.topnav a.icon {
  display: none;

}

#ticketLi{
	width:250px;
}

@media only screen and (max-width: 500px) {

 /* Style the navigation menu */
.topnav {
  
  background-color: #333;
  position: relative;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
}
 

 
 .outerLi{
	width:100%;
		text-align:left;
	 
	 
 }
 
  .outerLi ul{
	
		right:7%;
	 left:unset;
	 
 }
 
 #ticketLi{
	width:100%;
}
 
 
/* Style navigation menu links */
.topnav ul li{
  color: white;
  padding: 14px 0px;
  text-decoration: none;
  font-size: 17px;
  display: block;
  z-index: 2;
}

/* Style the hamburger menu */
.topnav a.icon {
  background: #666;
  display: block;
  position: absolute; /* issue here   */
  right: 0;
  top: 0;
  font-size:30px;
  z-index:2500;
    text-align: right;
}

div.bodyOuter {
	width:100%;
	padding:0;
}
img#pageHeaderLogo {
	width:100%;
	padding:0;
}



div.pageHeader {
	width:100%;
}
/* Add a grey background color on mouse-over */
.topnav li:hover {
  background-color: #ddd;
  color: black;
}

/* Style the active link (or home/logo) */
.active {
  background-color: #04AA6D;
  color: white;
} 

ul.menuA {
	padding-top:35px;
}

}