.top_Nav
{
	clear: left; background: #ffe600; display: block;
	float: left; height: 45px; margin: 0px; width: 784px;
}
.top_Nav li {display: block; float: left; height: 45px;}

.top_Nav li a
{
	background: transparent; display: block;
	height: 45px; outline: none; text-indent: -9999px; z-index: 1; 
}

.top_Nav li.play_and_practise a
{
	background: transparent url(../images/nav/bu_playpractice_onandoff.gif) 0 -1px;
	left: 0px; position: absolute; top: 0px; width: 141px;
}
.top_Nav li.spelling_bee_championship a
{
	background: transparent url(../images/nav/bu_spellingbeechampionship_onandoff.gif) 0 -1px;
	left: 141px; position: absolute; top: 0px; width: 204px;
}
.top_Nav li.schools_and_teachers a
{
	background: transparent url(../images/nav/bu_schoolsteachers_onandoff.gif) 0 -1px;
	left: 345px; position: absolute; top: 0px; width: 149px;
}
.top_Nav li.students_and_parents a
{
	background: transparent url(../images/nav/bu_students_parents_onandoff.gif) 0 -1px;
	left: 494px; position: absolute; top: 0px; width: 151px;
}
.top_Nav li.profile a
{
	background: transparent url(../images/nav/bu_profile_onandoff.gif) 0 -1px;
	left: 645px; position: absolute; top: 0px; width: 139px;
}

.top_Nav li a:hover {background-position: 0 46px;}
.top_Nav li a.selected:hover {background-position: 0 0px;}

#main_navigation {position: relative; float: left; margin: 19px 0 0 3px;}
#scoreRing {display: block; position: absolute; right: 4px; top: -16px; z-index: 5;}

/*The Most hardcore IE6 Hack - Please do not disturb*/
/*IE6 does not understand layering in a relatively positioned div
  soultion is to position the div 50% into the body the then break the navigation out of that to the left*/
* html #main_navigation {position: absolute; float: left; margin: 4px 0 0 3px;  top: 86px; left: 50%;}
* html #main_navigation ul {position: absolute; left: -292px;}
* html #scoreRing{left: 412px;}
/*End The Most hardcore IE6 Hack*/

.top_Nav li.play_and_practise a.selected
{
	background: transparent url(../images/nav/bu_playpractice_selected.gif) 0px 0px; z-index: 2; left: 5px; top: -4px; height: 55px; width: 145px;
}

.top_Nav li.spelling_bee_championship a.selected
{
	background: transparent url(../images/nav/bu_spellingbeechampionship_selected.gif) 0px 0px; z-index: 2; left: 135px; top: -4px; height: 55px; width: 216px;
}

.top_Nav li.schools_and_teachers a.selected
{
	background: transparent url(../images/nav/bu_schoolsteachers_selected.gif) 0px 0px; z-index: 2; left: 341px; top: -4px; height: 55px; width: 160px;
}

.top_Nav li.students_and_parents a.selected
{
	background: transparent url(../images/nav/bu_studentsparents_selected.gif) 0px 0px; z-index: 2; left: 490px; top: -4px; height: 55px; width: 162px;
}

.top_Nav li.profile a.selected
{
	background: transparent url(../images/nav/bu_profile_selected.gif) 0px 0px; z-index: 2; left: 640px; top: -4px; height: 55px; width: 144px;
}


/*Rankings*/
#ranking_buttons {float: left; clear: left; height: 35px; position: relative; width: 510px;}
#ranking_buttons a {border:1px solid #EEECDD; border-bottom:1px solid #F4F2DD; color: #666; display: block; float: left; font-size:14px; font-weight:bold; 
                    height:18px; margin-right: 4px; text-decoration: none;}
#ranking_buttons a:hover {background: #F4F2DD; color: #333;}

.rankingsbtn_everyone {background: #FDFAF1; padding:6px 10px; margin-top: 3px;}
#content_container a.rankingsbtn_everyone_selected {background: #F4F2DD; color: #333; padding: 9px 10px 6px; margin-top: 0px;}

.rankingsbtn_myschool {background: #FDFAF1; padding:6px 10px; margin-top: 3px;}
#content_container a.rankingsbtn_myschool_selected {background: #F4F2DD; color: #333; padding: 9px 10px 6px; margin-top: 0px;}

.rankingsbtn_friends {background: #FDFAF1; bottom: -1px; padding:6px 10px; margin-top: 3px;}
#content_container a.rankingsbtn_friends_selected {background: #F4F2DD; bottom: -1px; color: #333; padding:9px 10px 6px; margin-top: 0px;}

.rankingsbtn_halloffame {background: #FDFAF1; bottom: -1px; padding:6px 10px; margin-top: 3px;}
#content_container a.rankingsbtn_halloffame_selected {background: #F4F2DD; bottom: -1px; color: #333; padding:9px 10px 6px; margin-top: 0px;}

/*Challenges Results*/
#mychallenges_buttons {float: left; height: 31px; position: relative; width: 320px;}

#mychallenges_buttons a {position: absolute;}

.mychallengesbtn_waitforyou { display: block; height: 31px; left: 21px;  width: 118px; background: transparent url(../images/challenges/bu_waitingforyou.gif) 0 0; }
a.mychallengesbtn_waitforyou:hover { background-position: 0 bottom; }
a.mychallengesbtn_waitforyou_selected { background: transparent url(../images/challenges/bu_waitingforyou_selected.gif) 0 0; position: absolute; left: 5px; top: -9px;display: block; height: 42px; width: 136px;  }

.mychallengesbtn_waitforopponent { display: block; height: 31px; left: 139px; width: 175px; background: transparent url(../images/challenges/bu_waitingforopponents.gif) 0 0; }
a.mychallengesbtn_waitforopponent:hover { background-position: 0 bottom; }
a.mychallengesbtn_waitforopponent_selected { background: transparent url(../images/challenges/bu_waitingforopponents_selected.gif) 0 0; position: absolute;left: 130px;top: -9px;display: block; height: 42px; width: 191px; z-index: 5; }

.mychallengesbtn_results { display: block; height: 31px; left: 313px; width: 58px; background: transparent url(../images/challenges/bu_results.gif) 0 0; }
a.mychallengesbtn_results:hover { background-position: 0 bottom; }
a.mychallengesbtn_results_selected { background: transparent url(../images/challenges/bu_results_selected.gif) 0 0; position: absolute; left: 313px; top: -9px;display: block; height: 42px; width: 81px; z-index: 5; }