﻿
/* NAVIGATION */ 
ul#topnav {margin: 0; padding: 0; float:left; width: 100%; list-style: none; font-size: 10px;}
ul#topnav li {float: left; text-align:center; margin: 0; padding: 0; position: relative; vertical-align:bottom; z-index:2000;}
ul#topnav li a {float: left; height: 30px; font-weight:bold; font-size:15px; text-decoration:none; font-family:Georgia;}
ul#topnav a.themeparks {background:url(images/sectionheaderbig.png) no-repeat; width: 158px;}
ul#topnav li:hover a.themeparks {background: url(images/backhov.png) repeat-x; color:red;} 
ul#topnav a.resorts {background:url(images/sectionheaderbig.png) no-repeat;	width: 127px;}
ul#topnav li:hover a.resorts {background: url(images/backhov.png) repeat-x; color:red;}
ul#topnav a.annualevents {background:url(images/sectionheaderbig.png) no-repeat; width: 160px;}
ul#topnav li:hover a.annualevents {background: url(images/backhov.png) repeat-x; color:red;}
ul#topnav a.dining {background:url(images/sectionheaderbig.png) no-repeat; width: 157px;}
ul#topnav li:hover a.dining {background: url(images/backhov.png) repeat-x; color:red;}
ul#topnav a.planning {background:url(images/sectionheaderbig.png) no-repeat; width: 135px;}
ul#topnav li:hover a.planning {background: url(images/backhov.png) repeat-x; color:red;}
ul#topnav a.diversions {background:url(images/sectionheaderbig.png) no-repeat; width: 163px;}
ul#topnav li:hover a.diversions {background: url(images/backhov.png) repeat-x; color:red;}
/* -- Sub Nav -- */
ul#topnav li .sub {position: absolute; /*--Important--*/z-index:9999;top: 30px; left: 0px;background-color: White; font-weight:normal;padding: 10px 5px 5px;float: left;border: solid 1px purple;/*--Bottom right rounded corner--*/-moz-border-radius-bottomright: 5px;-khtml-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px;/*--Bottom left rounded corner--*/-moz-border-radius-bottomleft: 5px;-khtml-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px;/*--Drop Shadow --*/-moz-box-shadow: 3px 3px 3px #666;  -webkit-box-shadow: 3px 3px 3px #666;  -khtml-box-shadow: 3px 3px 3px #666; display: none;}
ul#topnav li .sub ul{list-style: none;margin: 0; padding: 0;width: 152px;float: left;z-index:9999;}
ul#topnav li .sub ul li {width: 100%; /*--Override parent list item--*/color: #fff;}
ul#topnav li .sub ul li h2 { /*--Sub nav heading style--*/margin: 0;padding-left:10px;font-size: 1.3em;font-weight: normal; background:url(images/sectionheaderbig.png) no-repeat;}
ul#topnav li .sub ul li h2 a {padding: 2px 0; background-image: none; color: black; font-size: 12px; font-weight:bold;}
ul#topnav li .sub ul li a {float: none; text-indent: 0; height: auto; padding: 7px 5px 7px 15px; display: block; text-decoration: none; font-size: 11px; text-align:left; font-weight: normal; font-family:Georgia; color:Blue;}
ul#topnav li .sub ul li a:hover {background-position: 5px 12px ;text-decoration: none;background-color: #E8E8E8;border:solid 1px gray;color:red;}

