/* Styles for CSS rollovers ------------------------------------------------------------- */

div#navigation {
	position: absolute;
	top: 90px;
	right: 15px; /* was 0 but IE5 Mac needs to avoid scrollbar */
	width:235px;
	margin: 0;
	padding: 0;
	background-image: url("../images/screen.gif");
	background-position: 120px 50px;
	background-repeat: no-repeat;
	}
* html div#navigation {
	top: 50px; /* For IE5 Mac only - reset to 10 below for IE Win */
}
#start {
	display: inline;
	position:absolute;
	top: 59px;
	left: 133px;
	width: 88px;
	height: 67px;
	}

div#navigation ul{
	margin:0 0 0 10px;
	padding:0;
	list-style: none;
	}
div#navigation li {
	display: block;		/* added Dec04 to reset basic */
	background-image: url("../images/dnbutt.gif"); /* This is to preload the hover state */
	background-repeat: no-repeat; 
	margin-top: 65px; /* For IE5 Mac only - reset to 0 below */
	}

div#navigation a { /* if background is on a:link IE6 won't display properly  */
	background-image: url("../images/upbutt.gif"); /*can be just background */
	background-repeat: no-repeat; /* height and or width in here will stop main image change in IE5 */
	padding-top: 32px; /* For IE5 Mac only - reset to 0 below */
	padding-left: 5px; 
	padding-bottom: 32px; /* For IE5 Mac only - reset to 0 below */
	padding-right: 30px; /* For IE5 Mac only - reset to 10 below */
	color: #F6F8EE;
	font-family: "Arial Black", sans-serif;
	font-size: 100%; /* For IE5 Mac only - reset to 90% below */
	text-align: center;
	text-decoration: underline; /* or Opera won't */
	/*height or width in here will stop main image change in IE5 Win
	luckily, line-height is OK! - hidden from IE5 Mac see below
	a must be block to display background-image in IE Win
	 - but also needs to be hidden from IE5 Mac see below */
	}
	
/* Commented backslash hack v2 - hide next rule blocks from IE5 Mac
	First block for all other browsers - fixes Op6
	Second block for IE Win only	
	Third block for Moz and Op7 only (Owen Hack) \*/

* html div#navigation {
	top: 10px; 
	}
 
 div#navigation a {
	padding-top: 0; 
	padding-right: 10px; 
	padding-bottom: 0;
	line-height: 40px;
	}
* html body div#navigation a {
	display: block;
	font-size: 90%;
	line-height: 80px;
	}
head:first-child+body div#navigation a {
	display: block;
	font-size: 90%;
	line-height: 80px;
	}
div#navigation li {
	margin-top: 0;
	margin-bottom: 0;
	width: 80px;
	}
div#navigation a img {
	display: block
	}
	
/* End hack */

div#navigation a/*Comment hack to hide this from IE5 Win 
					- needed to extend link over image in IE6 */{
	height: 80px;
	}

div#navigation a:hover {
	background: url("../images/dnbutt.gif") no-repeat; /* no background-x styles work here */
	color: red; 
	}

div#navigation a img {
	width: 88px;
	height: 67px;
	border: 0;
	position: absolute;
	top: 59px;
	left: 133px;
	visibility:hidden;
	}

div#navigation a:hover img {
	visibility:visible;
	}
/* --------------------------------------------------------------------------------- */