/**** = Mini navigation on the top of the page
---------------------------------------------*/	
ul#MiniTopNav{ height:50px; }
ul#MiniTopNav li{float:left; list-style:none; float:left; height:50px;}
ul#MiniTopNav li a{
	overflow:visible;
	padding:0;
}
ul#MiniTopNav li a:hover{
	overflow:visible;
	padding:0;
}

/*****Main Navigation ********/
#MainLinks{
	display:inline;
	float:left;
	height:36px;
	margin:0 0 17px 56px;
	width:920px;
	}		
#MainNav{ 
	float:left; 
	width:920px; 	
	position:relative;
	background:url(/images/bgNav.jpg) no-repeat top left;
}
#MainNav .active{ display:block;}

#MainNav li{ 
	display:block; 
	float:left; 
	list-style:none;
	padding:0px 5px;
	}
#MainNav li a{ 
	float:left; 
	width:100%;
	display:block; 
	}	
ul#MainNav li a{
	display: block;
  	padding: 36px 0 0 0; height: 0px !important;
  	height /**/: 36px; overflow: hidden;
	}	
	
	
ul#MainNav li#TabOne a{
	background:url(/images/navToDo.gif) top left no-repeat; 
	width: 135px;
	}	
	
ul#MainNav li#TabTwo a{
	background:url(/images/navPlanTrip.gif) top left no-repeat; 
	width: 135px;
	}
ul#MainNav li#TabThree a{
	background:url(/images/navSpecials.gif) top left no-repeat; 
	width: 135px;
	}	
ul#MainNav li#TabFour a{
	background:url(/images/navAbout.gif) top left no-repeat; 
	width: 160px;
	}		
	
/* =Setting Nav Hover State */	
	
ul#MainNav li#TabOne a#ThingsToDo:hover,
ul#MainNav li#TabTwo a#PlanIt:hover,
ul#MainNav li#TabThree a#Specials:hover,
ul#MainNav li#TabFour a#AboutHershey:hover,
ul#MainNav li#TabFive a:hover,
ul#MainNav li#TabSix a:hover,
ul#MainNav li#TabSeven a:hover,
ul#MainNav li#TabEight a:hover{background-position: 0 -36px;}	

/* =Setting Down State */
.things-to-do-menu ul#MainNav li#TabOne a#ThingsToDo{background-position: 0 -72px; cursor:default;}
.plan-a-trip-menu ul#MainNav li#TabTwo a#PlanIt{background-position: 0 -72px; cursor:default;}
.specials-menu  ul#MainNav li#TabThree a#Specials{background-position: 0 -72px; cursor:default;}	
.about-hershey-menu  ul#MainNav li#TabFour a#AboutHershey{background-position: 0 -72px; cursor:default;}

.things-to-do-menu ul#MainNav li#TabOne a#ThingsToDo:hover{background-position: 0 -72px; cursor:default;}
.plan-a-trip-menu ul#MainNav li#TabTwo a#PlanIt:hover{background-position: 0 -72px; cursor:default;}
.specials-menu  ul#MainNav li#TabThree a#Specials:hover{background-position: 0 -72px; cursor:default;}	
.about-hershey-menu  ul#MainNav li#TabFour a#AboutHershey:hover{background-position: 0 -72px; cursor:default;}

/**********Sub Navigation (drop down) starts here*****/
.sublinks{
	display:none;
	height:25px;
	left:0;
	position:absolute;
	top:36px;
	width:920px;
	overflow:hidden;
	padding:2px 0 2px 4px;
	/*padding:0 0 0 4px;*/
	border-bottom:1px solid #E1DEDC;
	}
.sublinks ul{
	list-style:none;
	list-style-position:inside;
	list-style-image:none;
	display:inline;
	}
.sublinks ul li{
	float:left;
	display:block;
	position:relative;
	font-family:verdana;
	font-size:10px;
	list-style:none;
	}	
.sublinks ul li a{
	display: block;
  	padding-top: 25px; height: 0px !important;
  	height /**/: 25px; overflow: hidden;
	}	
ul#MainNav li.padThem{
	float:right;
	height:36px;
	padding:0 0 0 4px;
}	
ul#MainNav li.padThem a{
	overflow:visible;
	height:36px !important;
	padding:0 0 0 4px;
}

/*Things to do ul*/		
ul#MainNav li#TabOne li{
	margin: 0 25px 0 0;
}
ul#MainNav li#TabOne li.T_One a{
	background:url(/images/navEvents.gif) top left no-repeat; 
	width: 120px;
}	
ul#MainNav li#TabOne li.T_Two a{
	background:url(/images/navAttractions.gif) top left no-repeat; 
	width: 132px;
}	
ul#MainNav li#TabOne li.T_Three a{
	background:url(/images/navSpa.gif) top left no-repeat; 
	width: 85px;
}		
ul#MainNav li#TabOne li.T_Four a{
	background:url(/images/navDining.gif) top left no-repeat; 
	width: 59px;
}	
ul#MainNav li#TabOne li.T_Five a{
	background:url(/images/navShopping.gif) top left no-repeat; 
	width: 76px;
}	
ul#MainNav li#TabOne li.T_Six a{
	background:url(/images/navArtCulture.gif) top left no-repeat; 
	width: 107px;
}
/* =Setting Nav Hover State */	
	
ul#MainNav li#TabOne li.T_One a:hover,
ul#MainNav li#TabOne li.T_Two a:hover,
ul#MainNav li#TabOne li.T_Three a:hover,
ul#MainNav li#TabOne li.T_Four a:hover,
ul#MainNav li#TabOne li.T_Five a:hover,
ul#MainNav li#TabOne li.T_Six a:hover
{background-position: 0 -25px;}
/*end Things to do ul*/


/*Plan a trip ul*/		
ul#MainNav li#TabTwo li{
	margin: 0 25px 0 0;
}
ul#MainNav li#TabTwo li.T_One a{
	background:url(/images/navWheretoStay.gif) top left no-repeat; 
	width: 111px;
}	
ul#MainNav li#TabTwo li.T_Two a{
	background:url(/images/navTripPlanner.gif) top left no-repeat; 
	width: 96px;
}	
ul#MainNav li#TabTwo li.T_Three a{
	background:url(/images/navMapsDirections.gif) top left no-repeat; 
	width: 131px;
}		
ul#MainNav li#TabTwo li.T_Four a{
	background:url(/images/navFAQ.gif) top left no-repeat; 
	width: 197px;
}	
ul#MainNav li#TabTwo li.T_Five a{
	background:url(/images/navGeneralInfo.gif) top left no-repeat; 
	width: 190px;
}	
ul#MainNav li#TabTwo li.T_Six a{
	background:url() top left no-repeat; 
	width: 144px;
}

ul#MainNav li#TabTwo li.T_One a:hover,
ul#MainNav li#TabTwo li.T_Two a:hover,
ul#MainNav li#TabTwo li.T_Three a:hover,
ul#MainNav li#TabTwo li.T_Four a:hover,
ul#MainNav li#TabTwo li.T_Five a:hover,
ul#MainNav li#TabTwo li.T_Six a:hover
{background-position: 0 -25px;}

/*end Plan a trip ul*/
/*specials ul*/		
ul#MainNav li#TabThree li{
	margin: 0 25px 0 0;
}
ul#MainNav li#TabThree li.T_One a{
	background:url(/images/navSeasons.gif) top left no-repeat; 
	width: 174px;
}	
ul#MainNav li#TabThree li.T_Two a{
	background:url(/images/navPackages.gif) top left no-repeat; 
	width: 78px;
}	
ul#MainNav li#TabThree li.T_Three a{
	background:url() top left no-repeat; 
	width: 85px;
}		
ul#MainNav li#TabThree li.T_Four a{
	background:url() top left no-repeat; 
	width: 137px;
}	
ul#MainNav li#TabThree li.T_Five a{
	background:url() top left no-repeat; 
	width: 147px;
}	
ul#MainNav li#TabThree li.T_Six a{
	background:url() top left no-repeat; 
	width: 144px;
}
ul#MainNav li#TabThree li.T_One a:hover,
ul#MainNav li#TabThree li.T_Two a:hover,
ul#MainNav li#TabThree li.T_Three a:hover,
ul#MainNav li#TabThree li.T_Four a:hover,
ul#MainNav li#TabThree li.T_Five a:hover,
ul#MainNav li#TabThree li.T_Six a:hover
{background-position: 0 -25px;}

/*end specials ul*/

/*about hershey ul*/
ul#MainNav li#TabFour li{
	margin: 0 25px 0 0;
}		
ul#MainNav li#TabFour li.T_One a{
	background:url(/images/navCompany.gif) top left no-repeat; 
	width: 277px;
}	
ul#MainNav li#TabFour li.T_Two a{
	background:url(/images/navTown.gif) top left no-repeat; 
	width: 179px;
}	
ul#MainNav li#TabFour li.T_Three a{
	background:url() top left no-repeat; 
	width: 85px;
}		
ul#MainNav li#TabFour li.T_Four a{
	background:url() top left no-repeat; 
	width: 137px;
}	
ul#MainNav li#TabFour li.T_Five a{
	background:url() top left no-repeat; 
	width: 107px;
}	
ul#MainNav li#TabFour li.T_Six a{
	background:url() top left no-repeat; 
	width: 144px;
}
ul#MainNav li#TabFour li.T_One a:hover,
ul#MainNav li#TabFour li.T_Two a:hover,
ul#MainNav li#TabFour li.T_Three a:hover,
ul#MainNav li#TabFour li.T_Four a:hover,
ul#MainNav li#TabFour li.T_Five a:hover,
ul#MainNav li#TabFour li.T_Six a:hover
{background-position: 0 -25px;}

/*end about hershey ul*/