/* 
*	Paramount Parks Navigation
*	Feb 2007 | JJohnson 
*	E-dreamz
*
*/

#wrapper{text-align: center; margin: 0 auto;}
#wrapper div{text-align: left;}
#hd{width: 790px; margin: 0 auto; background: url(/global/images/nav/header-bg.jpg) no-repeat left top; position: relative;}
#hd h1{margin: 0; padding: 0; color: #fff; height: 85px; background-repeat: no-repeat; background-position: left top; text-indent: -9999em; position: relative;}
#hd h1 a{display:block; outline:none; height: 85px;}
	
	#hd h1.carowinds{
		width: 240px;
		background-image: url(/global/images/nav/carowinds.jpg);
		}
		
	#hd h1.greatamerica{
		width: 250px;
		background-image: url(/global/images/nav/great-america.jpg);
	}
	
	#hd h1.kingsisland{
		width: 263px;
		background-image: url(/global/images/nav/kings-island.jpg);
	}
	
	#hd h1.kingsdominan{
		width: 263px;
		background-image: url(/global/images/nav/kings-dominion.jpg);
	}
	
	#hd h1.canada{
		width: 263px;
		background-image: url(/global/images/nav/canda-wonderland.jpg);
	}
	
#hdCanada{width: 790px; margin: 0 auto; background: url(/global/images/nav/cw-header.gif) no-repeat left top; position: relative;}
#hdCanada h1{margin: 0; padding: 0; color: #fff; height: 114px; background-repeat: no-repeat; background-position: left top; text-indent: -9999em; position: relative;}
#hdCanada h1 a{display:block; outline:none; height: 114px;}

.rollfix{width: 790px; margin: 0 auto; height: 5px; padding: 0; clear:both;}





.submenu{
position:absolute;
visibility: hidden;
z-index: 100;
background-color: #EFA024;
width: 205px;

}

.submenu a{
color: #fff;
width: 100%;
display: block;
border-bottom: 1px solid #fff;
padding: 2px 0;
font-weight: bold;
text-indent: 5px;
text-decoration:none;
}

.submenu a:visited{
	color: #fff;
}

.submenu a:hover{ /*hover background color*/
background-color: #1C4F90;
color: white;
}

.submenu a:active{
	color: #fff;
}

.submenu ul{margin: 0; padding: 0; list-style:none;}



#bhome a  {
	width: 67px;
	background: url(/global/images/nav/bhome.gif) top left no-repeat;
	}

#btickets a  {
	width: 64px;
	background: url(/global/images/nav/btickets.gif) top left no-repeat;
	}
	
#bseason a  {
	width: 95px;
	background: url(/global/images/nav/bseason.gif) top left no-repeat;
	}

#brides a  {
	width: 137px;
	background: url(/global/images/nav/brides.gif) top left no-repeat;
	}

#bplan a  {
	width: 94px;
	background: url(/global/images/nav/bplan.gif) top left no-repeat;
	}

#bconcerts a  {
	width: 128px;
	background: url(/global/images/nav/bconcerts.gif) top left no-repeat;
	}
	
#bgroup a  {
	width: 98px;
	background: url(/global/images/nav/bgroup.gif) top left no-repeat;
	}
	
#bother a  {
	width: 107px;
	background: url(/global/images/nav/bother.gif) top left no-repeat;
	}		


#nav {
	margin: 0;
	padding: 0;
	height: 30px;
	list-style: none;
	display: inline;
	overflow: hidden;
	position: relative;
	}

#nav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	position: relative;
	
	}

#nav a {
	float: left;
	padding: 30px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:30px; /* for IE5/Win only */
	}
	
#nav a:hover, #nav a.selected{
	background-position: 0 -30px;
	}



