/* NN4-incompatible CSS is @import-ed from menu.css overriding values here. */
/* FIX ME: colours per .psd: perhaps should be web-safe or at least rounded? */

body {
	margin: 5px;
	background-color: #A4C7EA;
}

p, td, ul, .whatson2 {
	font-family: "Verdana", "Tahoma", "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	color: #041C43;
}

h1, .h1, h2, .h2, .whatson {
	font-family: "Franklin Gothic Medium", "Arial", "Helvetica", "sans-serif";
	font-weight: bold;
	color: #233953;
	line-height: 0.8em;
}

h1, .h1 {
	font-size: 18pt;
}

h2, .h2 {
	margin-top: 22px;
	font-size: 12pt;
}

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

table.contactForm tr td {
	font-weight:bold;
	text-align:right;
}

.tbody {
	width: 768px;
	margin: auto;
	padding: 1px;
	background-color: #FFFFFF;
}

.headerRow {
	height: 171px; /* ...or Mozilla oddly adds 2px padding-bottom it seems. */
	padding-bottom: 1px;
}

.bottom {
	padding: 4px;
	font-family: "Verdana", "Tahoma", "Arial", "Helvetica", "sans-serif";
	font-size: 10px;
	color: #FFFFFF;
	background-color: #E20073;
}

.whatson {
	padding: 2px;
	font-size: 12pt;
	color: #FFFFFF;
	background-color: #3B69A1;
}

.whatson2 {
	padding: 4px;
	background-color: #A4C7EA;
}

.bottom a:link, .bottom a:visited {
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

a:hover, .bottom a:hover {
	text-decoration: underline;
}

.main {
	width: 768px; /* for NN4 */
	padding: 10px 30px 10px 30px;
	border: 1px #FFFFFF solid;
	background-color: #FFFFFF;
}

/* NN4 fixes, overridden later by @import. */

.menu {
	position: absolute;
	visibility: hidden;
}

.menuBar {
	position: absolute;
	visibility: hidden;
}

.menuRow {
	height: 22px;
	font-family: "Verdana", "Tahoma", "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	color: #FFFFFF;
	background-color: #233953;
}

.menuRow A {
	color: #FFFFFF;
}