#nav {
	width: 760px;
	height: 51px;
	margin: 0;
	padding: 0;
}

#nav li ul {
	margin: 0;
	padding: 0;
}

#nav li { /*float the primary nav*/
	margin: 0;
	float: left;
	display: block;
	
}

#nav li ul { /*hide the subnavs, styles them and put them below the primary nav*/
	display: none;
	width: 760px;
	height: 26px;
	line-height: 25px;
	position: absolute;
	top: 26px;
	left: 0px;
	overflow: hidden;
}

#nav li:hover ul,
#nav li.over ul { /*displays subnavs on hover of primary nav, includes hack for ie*/
	display: block;
	position: absolute;
	top: 26px;
	left: 0px;
	background-image: url(../../images/navigation/secondarynav_over.gif);
	background-repeat: no-repeat;
	z-index: 6000;
}

/*style subnav for on state */
#nav li ul li a {
	float: left;
/*ie doesn't inherit the float*/
	display: block;
	width: auto;
	height: 26px;
	color: #FFFFFF;
	text-indent: 0px;
	padding-left: 8px;
	padding-right: 8px;
	background-image: none;
}

/*style subnav for over state */
#nav li ul li a:hover {
	float: left;
/*ie doesn't inherit the float*/
	display: block;
	width: auto;
	height: 26px;
	color: #000000;
	text-decoration: none;
	text-indent: 0px;
	padding-left: 8px;
	padding-right: 8px;
	background-image: none;
}


/*removes text from primary nav - takes it off-screen*/
#nav li span {
	position: absolute;
	left: -9999px;
}


/*primary nav blocks*/
#liPlayGames a {
	width: 125px;
	height: 26px;
	display: block;
	margin-right: 3px;
	background: url(../../images/navigation/primary_oosc.gif) repeat-y;
}
#liYourAccount a {
	width: 133px;
	height: 26px;
	display: block;
	margin-right: 3px;
	background: url(../../images/navigation/primary_multicultural.gif) repeat-y;
}
#liTheLounge a {
	width: 96px;
	height: 26px;
	display: block;
	margin-right: 3px;
	background: url(../../images/navigation/primary_other-projects.gif) repeat-y;
}
#liWinPrizes a {
	width: 98px;
	height: 26px;
	display: block;
	margin-right: 3px;
	background: url(../../images/navigation/primary_image-gallery.gif) repeat-y;
}
#liHelp a {
	width: 91px;
	height: 26px;
	display: block;
	margin-right: 3px;
	background: url(../../images/navigation/primary_news-letters.gif) repeat-y;
}
#liDownloads a {
	width: 84px;
	height: 26px;
	display: block;
	margin-right: 3px;
	background: url(../../images/navigation/primary_downloads.gif) repeat-y;
}

#liResources a {
	width: 113px;
	height: 26px;
	display: block;
	margin-right: 0px;
	background: url(../../images/navigation/primary_useful-resources.gif) repeat-y;
}

/*put the initial states for the primary nav in place*/
#liPlayGames a, #liYourAccount a, #liTheLounge a, #liWinPrizes a, #liHelp, #liResources, #liDownloads a{
	background-position: 0 0;
}


/*hover states for primary nav*/
#liPlayGames a:hover, #liPlayGames:hover a, #liPlayGames.over a,
#liTheLounge a:hover, #liTheLounge:hover a, #liTheLounge.over a,
#liYourAccount a:hover, #liYourAccount:hover a, #liYourAccount.over a,
#liWinPrizes a:hover, #liWinPrizes:hover a, #liWinPrizes.over a,
#liDownloads a:hover, #liDownloads:hover a, #liDownloads.over a,
#liResources a:hover, #liResources:hover a, #liResources.over a,
#liHelp a:hover, #liHelp:hover a, #liHelp.over a {
	background-position: 0px -26px;
}



/*turns primary nav on for appropriate section*/
body#section1 #liPlayGames a,
body#section2 #liYourAccount a,
body#section3 #liTheLounge a,
body#section4 #liWinPrizes a,
body#section5 #liHelp a,
body#section6 #liDownloads a,
body#section7 #liResources a {
 	background-position: 0px -52px;
}


/*display appropriate secondary nav for selected primary nav and also locks background image to on state*/
body#section1 #liPlayGames ul,
body#section2 #liYourAccount ul,
body#section3 #liTheLounge ul,
body#section4 #liWinPrizes ul,
body#section5 #liHelp ul,
body#section6 #liDownloads ul,
body#section7 #liResources ul{
	display: block;
	background-image: url(../../images/navigation/secondarynav_on.gif);
	background-repeat: no-repeat;
	z-index: 5000;
}


/*change the secondary nav state to on for selected pages*/

body#section1 div.page1 a#nav_play_games_sub1,
body#section2 div.page1 a#nav_your_account_sub1,
body#section3 div.page1 a#nav_the_lounge_sub1,
body#section4 div.page1 a#nav_win_prizes_sub1,
body#section5 div.page1 a#nav_help_sub1,
body#section6 #liDownloads a#nav_download_sub1,
body#section7 #liResources a#nav_resource_sub1{
	color: #000000;
}