
/* Makes lists go horizontal (eg, the navigation bar) */
.horizontal		{list-style:none; text-indent:0; margin:0; padding:0;}
.horizontal li	{float:left; list-style:none; text-indent:0; margin:0; padding:0;}


#nav		{position:absolute; z-index:50; margin:0 0 0 -480px; padding:0;
				top:0px; left: 50%; width:960px; height:40px;
				background:url('/images/header_bg.png'); color:#fff;
				text-align:center; font-family:Helvetica, Arial, sans-serif;}

#nav ul		{margin:0 7px 0 7px; padding:0;
				height:40px; top:0; position:absolute;}
#nav li		{margin:0 1px 0 0; line-height:30px;}
#nav a		{display:block; padding:5px; width:90px;
				color:#fff; background:url('/images/header_link_bg_vertical.png') 0 0 no-repeat;
				text-decoration:none; font-weight:bold; font-size:15px; text-align:center;
				font-family:Helvetica, Arial, sans-serif;
				text-shadow:0px 1px 2px rgba(0,0,0,0.5);}

#nav_page	{left:211px;}
#nav_other	{left:615px;}

#nav #logo	{background:url('/images/logo.png'); width:68px; height:33px;
				position:absolute; display:block; padding:0; margin:0; left:143px; top:3px;
				text-indent:-1000em;}
