/* CSS Document */

#topnav {
	position: absolute;
	margin: 0;
	padding: 0;
	height: 22px;
	width: 526px;
	left: 374px;
	top: 15px;
}

#topbar {
	position: relative;
	height: 22px;
	width: 526px;
	padding: 0;
	margin: 0;
}

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

#topbar a {
	text-decoration: none;
}

#topbar li { /*float the main list items*/
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
}

#topbar li ul {
	display: none;
}

#topbar li.off ul, #topbar li.on ul { /*put the subnav below*/
	position: absolute;
	top: 24px;
	left: 0;
	padding-top: 2px;
	height: 18px;
	width: 600px;
	padding-left: 55px;
}

#subnav {
	margin: 0;
	padding: 0;
	height: 22px;
	width: 526px;
	left: 374px;
	position: absolute;
	top: 38px;
}

#subbar {
	position: relative;
	height: 22px;
	width: 526px;
	padding: 0;
	margin: 0;
}

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

#subbar a {
	text-decoration: none;
}

#subbar li { /*float the main list items*/
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
}

#subbar li ul {
	display: none;
}

#subbar li.off ul, #subbar li.on ul { /*put the subnav below*/
	position: absolute;
	top: 23px;
	left: 0;
	padding-top: 2px;
	height: 21px;
	width: 600px;
	padding-left: 55px;
}



/* TOP BAR WIDTHS */
#topbar li#topHome a.top {
	display: block;
	width: 140px;
	padding: 0;
}
#topbar li#topAbout a.top  {
	display: block;
	width: 118px;
	padding: 0;
}
#topbar li#topDVD a.top  {
	display: block;
	width: 128px;
	padding: 0;
}
#topbar li#topDown a.top  {
	display: block;
	width: 140px;
	padding: 0;
}

#subbar li#subMembers a.sub {
	display: block;
	width: 213px;
	padding: 0;
}
#subbar li#subTour a.sub  {
	display: block;
	width: 124px;
	padding: 0;
}
#subbar li#subJoin a.sub  {
	display: block;
	width: 189px;
	padding: 0;
}




#topbar li.on a {
	font-weight: bold;
}

#topbar li.on ul a, #topbar li.off ul a {
	border: 0;
	float: left; /*ie doesn't inherit the float*/
	margin-right: 0;
	display: inline;
}

#topbar li.on:hover ul a, #topbar li.over ul li a { /*for ie - the specificity is necessary*/
}

#topbar li.on ul {
	display: block;
}

#topbar li span { /* replace text w/ bckgrd images */
	position: absolute;
	left: -9000px;
}

#subbar li.on a {
	font-weight: bold;
}

#subbar li.on ul a, #subbar li.off ul a {
	border: 0;
	float: left; /*ie doesn't inherit the float*/
	margin-right: 0;
	display: inline;
}

#subbar li.on:hover ul a, #subbar li.over ul li a { /*for ie - the specificity is necessary*/
}

#subbar li.on ul {
	display: block;
}

#subbar li span { /* replace text w/ bckgrd images */
	position: absolute;
	left: -9000px;
}


/* height, position and background of top bar boxes */

#topHome a, #topAbout a, #topDVD a, #topDown a, #topReality a {
	display: block;
	position: relative;
	height: 23px;
	background: url(../images/nav/public.gif) no-repeat;
}

#topHome li a, #topAbout li a, #topDVD li a, #topDown li a, #topReality li a {
	height: 23px;
	background-image: none;
}

#subMembers a, #subTour a, #subJoin a {
	display: block;
	position: relative;
	height: 23px;
	background: url(../images/nav/public.gif) no-repeat;
}

#subMembers li a, #subTour li a, #subJoin li a {
	height: 23px;
	background-image: none;
}



/* TOP BAR BACK POSITIONING */

/* initial state */

#topHome a {
	background-position: 0 0;
}
#topAbout a {
	background-position: -141px 0;
}
#topDVD a {
	background-position: -258px 0;
}
#topDown a {
	background-position: -386px 0;
}

#subMembers a {
	background-position: 0 -60px;
}
#subTour a {
	background-position: -212px -60px;
}
#subJoin a {
	background-position: -337px -60px;
}


/* hover state */

#topHome a:hover, #topHome:hover a, #topHome.over a {
	background-position: 0 -30px;
}
#topAbout a:hover, #topAbout:hover a, #topAbout.over a {
	background-position: -141px -30px;
}
#topDVD a:hover, #topDVD:hover a, #topDVD.over a {
	background-position: -258px -30px;
}
#topDown a:hover, #topDown:hover a, #topDown.over a {
	background-position: -386px -30px;
}

#subMembers a:hover, #subMembers:hover a, #subMembers.over a {
	background-position: 0 -90px;
}
#subTour a:hover, #subTour:hover a, #subTour.over a {
	background-position: -212px -90px;
}
#subJoin a:hover, #subJoin:hover a, #subJoin.over a {
	background-position: -337px -90px;
}