/* MENU */
.menu, .menu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.menu li.menutop {
	background-color: #888;
	color: #f00;
	display: block;
	float: left;
	position: relative;
}
.menu table {
	border-collapse: collapse;
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	left: 0;
}
#menu .menutop {
	font-family: Arial, Helvetica, sans-serif;
	color: #00f;
}
.menu li.menutop a.menutoplink {
	display: block;
	float: left;
	height: 30px;
}
.menu li.menutop a span {
	position: absolute;
	left: -9999px;
	top: 0px;
	font-size: 0.1em;
}
.menu li a#season{
	width: 82px;
	background: url(../images/season_off.gif) no-repeat;
}
.menu li a#season:hover {
	background: url(../images/season_on.gif) no-repeat;    
}
.menu li a#calendar {
	width: 94px;
	background: url(../images/calendar_off.gif) no-repeat;
}
.menu li a#calendar:hover {
	background: url(../images/calendar_on.gif) no-repeat;
}
.menu li a#planyourvisit {
    width: 130px;
	background: url(../images/plan_your_visit_off.gif) no-repeat;    
}
.menu li a#planyourvisit:hover {
	background: url(../images/plan_your_visit_on.gif) no-repeat;    
}
.menu li a#education{
	width: 100px;
	background: url(../images/education_off.gif) no-repeat;
}
.menu li a#education:hover{
	background: url(../images/education_on.gif) no-repeat;
}
.menu li a#newsandmedia {
	width: 130px;
	background: url(../images/news_and_media_off.gif) no-repeat;
}
.menu li a#newsandmedia:hover {
	background: url(../images/news_and_media_on.gif) no-repeat;
}
.menu li a#supportus {
	width: 112px;
	background: url(../images/support_us_off.gif) no-repeat;
}
.menu li a#supportus:hover {
	background: url(../images/support_us_on.gif) no-repeat;
}
.menu li a#aboutus {
	width: 104px;
	background: url(../images/about_us_off.gif) no-repeat;
}
.menu li a#aboutus:hover {
	background: url(../images/about_us_on.gif) no-repeat;
}
.menu a:hover {
	visibility: visible;
}
.menu li a#contactus{
	width: 111px;
	background: url(../images/contact_us_off.gif) no-repeat;
}
.menu li a#contactus:hover{
	background: url(../images/contact_us_on.gif) no-repeat;
}
.menu li a#buytickets {
	width: 129px;
	background: url(../images/buy_tickets_btn.gif) no-repeat;
}
.menu li:hover {
	position: relative;
	z-index: 200;
}
.menu ul, .menu :hover ul ul, .menu :hover ul :hover ul ul, .menu :hover ul :hover ul :hover ul ul, .menu :hover ul :hover ul :hover ul :hover ul ul {
	position: absolute;
	left: -9999px;
	top: -9999px;
	width: 0;
	height: 0;
}
.menu :hover ul.menusub {
	left: 0;
	top: 30px;
	background-color: #eee;
	padding: 0;
	width: 200px;
	height: auto;
}
.menu :hover ul.menusub li {
	display: block;
	height: auto;
	position: relative;
	float: left;
	width: 180px;
	background-image: url(../images/graybutton.gif) repeat;
}
.menu :hover ul.menusub li a {
	display: block;
	font-size: 0.9em;
	height: auto;
	width: 180px;
	color: #000; /*fff;*/
	text-decoration: none;
	padding: 4px 10px 4px 16px;
}
.menu :hover ul.menusub li a.menufly {
	background: #b21103 url(../images/common/nav/arrow.gif) 115px 7px no-repeat;
}
.menu :hover ul.menusub li a {
    font-weight: normal;
    background: #fff url(../images/graybutton.gif) repeat-x;
    width: 172px;
}
.menu :hover ul.menusub li a:hover {
	width: 172px;
	background: #f1f1f1 url(../images/redbutton.gif) repeat-x;
	color: #fff;
}
.menu :hover ul.menusub.menu1 {
    width: 120px;
}
.menu :hover ul.menusub.menu1 li a {
    background: #fff url(../images/graybutton.gif) repeat-x;
    width: 120px;
}
.menu :hover ul.menusub.menu1 li a:hover {
	background: #f1f1f1 url(../images/redbutton.gif) repeat-x;
	color: #fff;
}
.menu :hover ul.menusub.menu2 {
    width: 120px;
}
.menu :hover ul.menusub.menu2 li a {
    background: #fff url(../images/graybutton.gif) repeat-x;
    width: 120px;
}
.menu :hover ul.menusub.menu2 li a:hover {
	background: #f1f1f1 url(../images/redbutton.gif) repeat-x;
	color: #fff;
}
.menu :hover ul.menusub.menu3 {
    width: 160px;
}
.menu :hover ul.menusub.menu3 li a {
    background: #fff url(../images/graybutton.gif) repeat-x;
    width: 160px;
}
.menu :hover ul.menusub.menu3 li a:hover {
	background: #f1f1f1 url(../images/redbutton.gif) repeat-x;
	color: #fff;
}
.menu :hover ul.menusub.menu4 {
    width: 120px;
}
.menu :hover ul.menusub.menu4 li a {
    background: #fff url(../images/graybutton.gif) repeat-x;
    width: 120px;
}
.menu :hover ul.menusub.menu4 li a:hover {
	background: #f1f1f1 url(../images/redbutton.gif) repeat-x;
	color: #fff;
}
.menu :hover ul.menusub.menu5 {
    width: 180px;
}

.menu :hover ul.menusub.menu5 li a {
    background: #fff url(../images/graybutton.gif) repeat-x;
    width: 180px;
}
.menu :hover ul.menusub.menu5 li a:hover {
	background: #f1f1f1 url(../images/redbutton.gif) repeat-x;
	color: #fff;
}
.menu :hover ul.menusub.menu6 {
    width: 100px;
}
.menu :hover ul.menusub.menu6 li a {
    background: #fff url(../images/graybutton.gif) repeat-x;
    width: 100px;
}
.menu :hover ul.menusub.menu6 li a:hover {
	background: #f1f1f1 url(../images/redbutton.gif) repeat-x;
	color: #fff;
}
.menu :hover ul.menusub li a.menufly:hover {
	background: #f1f1f1 url(../images/common/nav/arrow_on.gif) 115px 7px no-repeat;
	color: #b21103;
}
.menu :hover ul li:hover > a.menufly {
	background: #f1f1f1 url(../images/common/nav/arrow_on.gif) 115px 7px no-repeat;
	color: #b21103;
}
.menu :hover ul :hover ul, .menu :hover ul :hover ul :hover ul, .menu :hover ul :hover ul :hover ul :hover ul, .menu :hover ul :hover ul :hover ul :hover ul :hover ul {
	left: 200px;
	top: -4px;
	background: #b21103;
	padding: 0;
	width: 200px;
	z-index: 200;
	height: auto;
}