#navigation {
	width: 100%;
	height: 58px;
	background-repeat: repeat-x;
	position: relative;
	float: left;
	clear: both;
	overflow: hidden;
	margin:0px;
	left:0px;
	right:0px;
	top: 102px;
}

#nav {
	width: 100%;
	height: 60px;
	margin: 0;
	padding: 0;
	right: 0px;
}

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

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

}

#nav li ul { /*hide the subnavs, styles them and put them below the primary nav*/
	display: none;
	width:100%;
	height:56px;
	line-height: 23px;
	position: absolute;
	top: 30px;
	left: 0px;
	overflow: hidden;
	margin:auto;
}

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

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

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

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

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


/*style subnav for on state */
#nav li ul li a {
	float: left;
	display: block;
	width: auto;
	height: 35px;
	color: #FFFFFF;
	text-indent: 0px;
	padding-left: 8px;
	padding-right: 8px;
	background-image: none;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

/*style subnav for over state */
#nav li ul li a:hover {
	float: left;
	display: block;
	width: auto;
	height: 35px;
	color: #FFFFFF;
	text-decoration: underline;
	text-indent: 0px;
	padding-left: 8px;
	padding-right: 8px;
	background-image: none;
	font-size: 12px;
	font-weight: bold;
}


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

/*primary nav blocks*/
#liPlayGames a {
	width: 130px;
	height: 36px;
	display: block;
	margin-right: 1px;
	background: url(http://static.youplay.com/images/navigation/nav-play-games.gif);
}
#liYourAccount a {
	width: 130px;
	height: 36px;
	display: block;
	margin-right: 1px;
	background: url(http://static.youplay.com/images/navigation/nav-your-account.gif);
}
#liTheLounge a {
	width: 130px;
	height: 36px;
	display: block;
	margin-right: 1px;
	background: url(http://static.youplay.com/images/navigation/nav-players-lounge.gif);
}
#liWinPrizes a {
	width: 130px;
	height: 36px;
	display: block;
	margin-right: 1px;
	background: url(http://static.youplay.com/images/navigation/nav-win-prizes.gif);
}
#liHelp a {
	width: 130px;
	height: 36px;
	display: block;
	margin-right: 1px;
	background: url(http://static.youplay.com/images/navigation/nav-help.gif);
}
#liFreeSignUp a {
	width: 130px;
	height: 36px;
	display: block;
	margin-right: 1px;
	background: url(http://static.youplay.com/images/navigation/nav-signup.gif);
}
#liSignOut a {
	width: 130px;
	height: 36px;
	display: block;
	margin-right: 1px;
	background: url(http://static.youplay.com/images/navigation/nav-upgrade.gif);
}

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

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

/*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 #liFreeSignUp a,
body#section6 #liSignOut a {
 	background-position: 0px -33px;
}


/*display appropriate secondary nav for selected primary nav and also locks background image to on state*/
body#section1 #liPlayGames ul{
	display: block;
	position: absolute;
	top: 35px;
	left: 0px;
	background-image: url(http://static.youplay.com/images/navigation/secondarynav_blue.gif);
	background-repeat: repeat-x;
	z-index: 5000;
}

body#section2 #liYourAccount ul{
	display: block;
	position: absolute;
	top: 35px;
	left: 0px;
	background-image: url(http://static.youplay.com/images/navigation/secondarynav_orange.gif);
	background-repeat: repeat-x;
	z-index: 5000;
}

body#section3 #liTheLounge ul{
	display: block;
	position: absolute;
	top: 35px;
	left: 0px;
	background-image: url(http://static.youplay.com/images/navigation/secondarynav_green.gif);
	background-repeat: repeat-x;
	z-index: 5000;
}


body#section4 #liWinPrizes ul{
	display: block;
	position: absolute;
	top: 35px;
	left: 0px;
	background-image: url(http://static.youplay.com/images/navigation/secondarynav_red.gif);
	background-repeat: repeat-x;
	z-index: 5000;
}

body#section5 #liHelp ul{
	display: block;
	position: absolute;
	top: 35px;
	left: 0px;
	background-image: url(http://static.youplay.com/images/navigation/secondarynav_yellow.gif);
	background-repeat: repeat-x;
	z-index: 5000;
}
body#section6 #liFreeSignUp ul{
	display: block;
	position: absolute;
	top: 35px;
	left: 0px;
	background-image: url(http://static.youplay.com/images/navigation/secondarynav_grey.gif);
	background-repeat: repeat-x;
	z-index: 5000;
}


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

body#section1 div.page1 a#nav_play_games_sub1,
body#section1 div.page2 a#nav_play_games_sub2,
body#section1 div.page3 a#nav_play_games_sub3,
body#section1 div.page4 a#nav_play_games_sub4,
body#section2 div.page1 a#nav_your_account_sub1,
body#section2 div.page2 a#nav_your_account_sub2,
body#section2 div.page3 a#nav_your_account_sub3,
body#section3 div.page1 a#nav_the_lounge_sub1,
body#section3 div.page2 a#nav_the_lounge_sub2,
body#section3 div.page3 a#nav_the_lounge_sub3,
body#section3 div.page4 a#nav_the_lounge_sub4,
body#section3 div.page5 a#nav_the_lounge_sub5,
body#section3 div.page6 a#nav_the_lounge_sub6,
body#section4 div.page1 a#nav_win_prizes_sub1,
body#section5 div.page1 a#nav_help_sub1,
body#section6 div.page1 a#nav_freesignup_sub1,
body#section6 div.page1 a#nav_signup_sub1{
	color: #FFFFFF;
}


#signup {
	padding-top:10px;
	padding-left: 75px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FF6600;
}

a.signout:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	font-weight: bold;	
}
a.signout:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	font-weight: bold;	
	}
a.signout:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #111111;
	text-decoration: underline;
	}

body {
	margin: 0px;
	padding: 0px;
	height: 70%;
	background-color: #F5F4F2;
	background-attachment: scroll;
	background-image: url(http://static.youplay.com/images/youplay-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	min-width: 982px;
	text-align: center;
}

#wrapper {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 982px;
}

img {
	border: none;
}

p {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin-top: 0px;
	margin-bottom: 8px;
	line-height: 17px;
}

#pageheader {
	width: 982px;
	height: 102px;
	position: absolute;
	top: 8px;
}

#content {
	width: 982px;
	position: absolute;
	background-position:top left;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}

#content #shadow {
	width: 982px;
	height: 10px;
	background-position:top left;
	background-repeat:repeat-x;
	background-image: url(http://static.youplay.com/images/menu-shadow.jpg);
}

#content #middlecolumn {
	width: 572px;
	margin-left: 4px;
	margin-right: 4px;
	float:left;
}

#content #rightcolumn {
	width: 183px;
	float:left;
	padding-left:15px;
	text-align:center;
}

#content #footer {
	clear:both;
	width: 982px;
	height: 36px;
}

a:link {
	text-decoration: underline;
	font-size: 12px;
	font-weight: normal;
	color: #44527B;
	font-family: Arial, Helvetica, sans-serif;
}

a:visited {
	text-decoration: underline;
	font-size: 12px;
	font-weight: normal;
	color: #44527B;
	font-family: Arial, Helvetica, sans-serif;
} 

a:hover {
	text-decoration: underline;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
} 

a.whitelink:link {
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
} 

a.whitelink:visited {
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
} 

a.whitelink:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
} 

#gamePlay h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#ECE9D8;
	font-weight:normal;
	position:absolute;
	top:5px;
	left:15px;
	padding:0px;
	margin:0px;
	display:none;
	line-height:20px;
}

#gamecontent{
	color:#CCCCCC;
}