#page-header {
	background: url("header2.jpg") repeat-x 0 0;
	height: 96px;
	width: 650px;
	clear: both;
}

#navbar {
	height: 30px;
	clear: both;
	margin: 1px 30px 0 0px;
	background: url("bg_navbar.gif") repeat-x 0 0;
	width: 650px;
}

#navbar ul {
	list-style: none;
	display: inline;
}

#navbar li {
	float: left;
	text-align: center; 
}

/* Rollover state */
#navbar li span {
	height: 30px;
	margin: 0;
	background-position: 0 -33px;
	display: block;
}

/* Rolloff state */
#navbar li span a, #navbar li span a:link {
	display: block;
	width: 100%;
	height: 30px;
	background-position: 0 -1px;
}

/* Hide off-state image when rolling over (prevents flicker in IE) */
#navbar li span a:hover { background-image: none; }

/* Button images */
li.but-def span ,
li.but-def span a {
	text-decoration: none;
	background: url("but_def.gif") 0 0 no-repeat;
	font: bold 14px/30px verdana,arial,sans-serif;
    color: white;
	width: 120px;
}

li.but-corner1 {
	width: 18px;
	height: 30px;
	margin-left: 0px;
	background: url("but_corner1.gif") 0 0 no-repeat;
}

li.but-corner2 {
	width: 18px;
	height: 30px;
	margin-left: 14px;
	background: url("but_corner2.gif") 0 0 no-repeat;
}

/* Always active states */
body.but-about #navbar li.but-about span a,
body.but-simulations #navbar li.but-simulations span a,
body.but-forum #navbar li.but-forum span a {
	background-position: 0 -64px;
	color: red;
}