html {background:#eee}
body {
color: #333;
background-color: #eee;
padding: 0 5%;
margin:0;
font-family: arial, geneva, lucida, sans-serif;
font-size:83.333%;
}

a:link, a:visited {
	text-decoration:none;
	font-weight:bold;
	color: #FF4000;
}

a:hover {
	color:#002c99;
}

#topnav {
	margin:0;
	padding: 0 0 0 12px;
	}
	
#topnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	} 

#topnav li {
	display: block;
	margin: 0;
	padding: 0;
	float:left;
	width:auto;
	}
	
#topnav a {
	color:#444;
	display:block;
	float:left; /* added by phiw */
	width:auto;
	text-decoration:none;
	background: #DDDDDD;
	margin:0;
	padding: 2px 10px;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #aaa;
}
/* added by phiw */
/* hide from IE mac \*/
#topnav a {
	float:none;
	}
/* end hide */
/* see http://www.l-c-n.com/IE5tests/hiding/index.shtml#anhid */

#topnav a:hover, #topnav a:active {
	background: #BBBBBB;
	}

#topnav a.here:link, #topnav a.here:visited {
	position:relative;
	z-index:102;
	background: #BBBBBB;
	font-weight:bold;
	}
	
#subnav {
	position:relative;
	top:-1px;
	z-index:101;
	margin:0;
	padding: 0px 0 3px 0;
	background: #BBBBBB;
	border-top:1px solid #fff;
	border-bottom:1px solid #aaa;
	}
	
#subnav ul {
	list-style: none;
	margin: 1px 0 0px 13px;
	padding: 0px;
	border-right: 1px solid #fff;
	border-left: 1px solid #aaa;
	} 

#subnav li {
	position:relative;
	z-index:102;
	display: block;
	margin: 0;
	padding: 0;
	float:left;
	width:auto;
	}
	
#subnav a {
	color:#fff;
	display:block;
	float:left; /*addd by phiw */
	width:auto;
	text-decoration:none;
	margin:0;
	padding: 2px 12px 2px 10px;
}
/* added by phiw */
/* hide from IE mac \*/
#subnav a {
	float:none;
	}
/* end hide */	

#subnav a:hover, #subnav a:active {
	color:#444;
	}

#subnav a.here:link, #subnav a.here:visited {
	color:#444;
	}
	
#subnav br, #topnav br {
	clear:both;
}