.bodytext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000099;
}
.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#menu {
	background: #999999 url('images/menu-background2.png') top left repeat-x;
	width: 180px;
	margin: 0;
	font-size: 80%;
	white-space: nowrap; /* stops half a menu link dropping to next line. Instead, the whole link will drop. This only happens if you have a lot of menu links, and large text size */
	padding-right: 0px;	/* The menu far left, and far right borders are not quite lining up in non IE browsers for some reason. This makes it less noticable */
}

#menu ul {
	background: #999999 url('images/menu-background2.png') top left repeat-x;
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	text-align: left;
	border-left: 0px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
    width: 100%;
}

#menu li { display:	inline}

#menu a:link, #menu a:visited {
	padding: 0.25em 1em;
	color: #fff;
	text-decoration: none;
	float: left;
	width: 100%;
	text-align: left;
}

#menu a:hover {
	background: #666666 url('images/menu-hover2.png') top left repeat-x;
	margin: 0;
	list-style: none;
	float: left;
	text-align: left;
	padding: 0.25em 1em;
	color: #FFFFFF;
	width: 154px;
	font-size: 100%;
	white-space: nowrap;
}

.heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #032CAC;
	font-weight: bold;
}
.navtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-align: left;
}