html, body { margin: 0px; padding: 6pt 0px 6pt 0px; }

body {
	background: white url(backgrounds/background.jpg) bottom left fixed repeat-x;
	background-color: #EBEBEB;
	
	font-family: "Century Gothic", Charcoal, Verdana, sans-serif;
	text-align: justify;
	color: #FEDA95;
/*	color: #FEEAC3;		*/
	
	/* Just try and see if it works, century gothic doesn't seem to be being smoothed */
	font-smooth: always;
}

img { border: none; }
img.left { text-align: left; margin-right: 6pt; }
img.right { float: right; margin-left: 6pt; }
table { border-collapse: collapse; margin: 0px; padding: 0px; }

#maintablecontainer { margin: 0px auto 0px auto; padding: 0px; width: 85%; min-width: 685px; }
#maintablecontainer td.mainwidth { width: 14px; }
#maintablecontainer td.mainheight { height: 14px; }
#maintablecontainer td.middleright { background: url('backgrounds/right.png') top left no-repeat; _background-image: url('backgrounds/right.gif'); }
#maintablecontainer td.bottomright { background: url('backgrounds/corner-bottomright.png') top left no-repeat; _background-image: url('backgrounds/corner-bottomright.gif'); }
#maintablecontainer td.bottommiddle { background: url('backgrounds/bottom.png') top left no-repeat; _background-image: url('backgrounds/bottom.gif'); }

td.content {
	padding: 0px;
	margin: 0px;
	background-color: black;
}

#headercontainer {
	position: relative;
	top: 0;
	left: 0;

	margin: 0;
	padding: 0;
	
	padding-left: 1px;
/*	background: white url(backgrounds/headerbackground-light.jpg) scroll top left repeat-x;		*/
	background-color: #FEDA95;
		
	border: 1px solid black;

	min-height: 110px;
	height: 110px;
/**/
}

#wrapper {
	margin: 0px auto 0px auto; padding: 0px; width: 85%; min-width: 685px;
}

#maincontainer {
	position: relative;
	top: 0px;
	left: 0px;

/*	border: 1px solid #FFDC96;
	border: 1px solid blue;	*/
	
/*	width: 75%; */
	
	margin: 0px auto 0px auto;

	background-color: #660000;
/*	
	background-color: #FFFAF0;
*/
}

#maincontainer h1, h2, h3, h4, p {
	margin-top: 0px;
	font-weight: 300;
	text-align: justify;
}

#maincontainer p {
	text-indent: 2em;
}

#logoholder {
	position: absolute;
	top: 0px;
	left: 0px;

	width: 140px;
	height: 110px;
/*	border: 1px dashed #660000;	*/
	
	z-index: 5;
}

#headertext {
	position: absolute;
	top: 0px;
	right: 0px;

	vertical-align: bottom;
	text-align: right;
	
	padding: 0;
	margin: 0;
/*	border: 1px dashed #660000;	*/
	width: 100%;
	height: 70px;
	
	background: #FEDA95 url(backgrounds/headertop01.jpg) scroll top left no-repeat;
}

#headertext h1 {
	position: absolute;
	bottom: 0px;
	right: 0px;

	color: #660000;
	padding: 0;
	margin: 0;
	margin-right: 6pt;
	font-weight: bold;
	font-size: 32pt;
	line-height: 100%;
	white-space: nowrap;
}

#headertext h1 span {
	color: #F8F8F8;
}

#menucontainer {
	position: absolute;
	bottom: 0px;
	right: 0px;

/*	border: 1px dashed #660000;	*/
	width: 100%;
	height: 40px;

	white-space: nowrap;
	
	text-align: right;
	
/*	background: #FFF3DC url(backgrounds/headerbase01.jpg) scroll top left no-repeat;	*/
	background: #F8E7C6 url(backgrounds/headerbase01.jpg) scroll top left no-repeat;
}

#menucontainer a {
/*	width: 75px;	*/
	width: 12%;
	
	height: 20px;
	border: 0;
	border-right: 1px solid black;
	
	padding: 2px 0.5em 2px 0.5em;
	margin: 8px 0 0 0;
	
	text-align: center;
	
	display: block;
	float: right;
	text-decoration: none;
	white-space: nowrap;
	clear: none;
	
	color: #660000;
}
#menucontainer a.first {
	/* swop first and last properties over because float: right reverses order */
	border-right: 0px;
	margin-right: 6pt;
}

#menucontainer a.last {
}

#menucontainer a:hover {
	background-color: #FEDA95;
/*	background-image: url('backgrounds/buttonhover.gif');
	background-position: center center;
	background-repeat: no-repeat;	*/
}

#menucontainer a.selected {
	background-color: #660000;
	color: #FEEAC3;
}
#menucontainer a.selected:hover {
	background-color: #660000;
	color: #FEEAC3;
}

span.accesskey {
	border-bottom: 1px dotted;
}

#mainsubcontainer {
	position: relative;
	top: 0px;
	left: 0px;
/*	*/
	border: 1px solid black;

/*	text-align: center;	*/

	background: #660000 url('backgrounds/pubfront001.jpg') top left no-repeat; 
	
	padding: 6pt;
}

#mainsubcontainer a, #mainsubcontainer a:link {
	color: #FEDA95;
}

#mainsubcontainer a:hover {
	color: white;
}

#mainsubcontainer img {
	background-color: black;
	border: 1px solid #D9935B;
	padding: 3px;
}

#textcontainer {
	border: 1px dashed white;
	width: 70%;
}

#imagecontainer {
	border: 1px dashed white;
	width: 20%;
}

#footercontainer {
	border: 1px solid black;
	
	/* firefox sticks a 1px wide space in, force it back .
	margin-bottom: -1px;	*/
	
	padding-bottom: 0;
	background-color: #F8E7C6;
	height: 25px;
	
	padding: 1px 0.5em 0px 0.5em;
	
	color: #660000;
	text-align: center;
	font-size: 11pt;
}

#footercontainer a, #footercontainer a:visited, #footercontainer a:link {
	color: #660000;
	text-decoration: none;
}
#footercontainer a:hover {
	text-decoration: underline;
}