/* basic styles */

/* overall */
* {
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	overflow: auto;
	position: relative;
	font-family: "DejaVu Sans", "Bitstream Vera Sans", sans-serif;
	font-size: medium;
		padding: 0.5em;
}
body.full {
	margin: 0;
	position: absolute;
		top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	
}
html.whizzy body, body.mceContentBody {
	padding: 0.5em;
	height: auto;
	border: none;
}
html.whizzy body {
	width: 95%;
}

/* heading */
h1, h2, h3, h4 {
	font-weight: bold;
	margin: 1em 0 0.2em;
}
h1 {
	clear: both;
	font-size: 2.4em;
	font-weight: normal;
}
h2 {
	font-size: 1.25em;
}
h3 {
	font-size: 1em;
}
h4 {
	font-size: 0.9em;
	padding-top: 0;
	font-weight: bold;
}
h1 small, h2 small, h3 small {
	display: block;
	float: right;
	font-size: 70%;
	font-style: normal;
	font-weight: normal;
	}
* > h1:first-child, * > h2:first-child, * > h3:first-child/*, h1 + h2, h1 + h3, h2 + h3, h3 + h4*/ {
	margin-top: 0.5em;
}


/* horizontal rule */
hr {
	visibility: hidden;
	height: 2em;
	border: none;
}

/* paragraph */
p {
	margin: 0;
	text-align: left;
}
p + p {
	margin-top: 0.4em;
}
p.centre {
	text-align: center;
}

/* link */
a:link, a:visited {
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
}

/* image */
img {
	border-style: none;
	}
img.centre {
	display: block;
}
.caption {
	display: block;
	text-align: center;
	font-style: italic;
}
p img {
	vertical-align: middle;
}

/* table */
table {
	border-collapse: collapse;
	font-size: 100%;
}
table.nolines th, table.nolines td {
	border-style: none;
}
th {
	text-align: center;
	font-weight: bold;
	font-size: 90%;
	vertical-align: bottom;
	padding: 0 0.3em;
}
td {
	border-width: 1px;
	border-style: dotted none;
	text-align: left;
	font-size: 90%;
	padding: 0 2px;
	vertical-align: top;
}
th.right, td.right {
	text-align: right;
}
td.centre {
	text-align: center !important;
	margin: inherit;
}
td.total {
	font-weight: bold;
	border-top-style: solid;
}
td.phantom {
	border: none !important;
	background-color: transparent !important;
	background-image: none !important;
}
table table {
	margin: 0.2em;
}
td.nobottom {
	border-bottom-style: none;
}
.popup > td {
	border-top-style: none;
}

/* list */
p + dl, p + ul, p + ol {
	margin-top: 0.5em;
}
dl + p, ul + p, ol + p {
	margin-top: 0.5em;
}
dl {
	margin: 0.5em;
}
ul {
	margin-left: 20px;
}
ol {
	margin-left: 35px;
}
ol ol {
	list-style-type: lower-roman;
}
dt {
	margin-top: 0.1em;
	font-weight: bold;
}
dd {
	margin-left: 3em;
}
ul {
	list-style-type: square;
}

/* linear list menu */
ul.menu {
	font-size: 85%;
	padding: 0;
	margin: 0 0 1em;
}
ul.menu li {
	list-style: none;
	float: left;
}
ul.menu li a, ul.menu li span.current, ul.menu li span.inactive {
	padding: 0.3em;
}
ul.menu li a:hover, ul.menu li a:active {
	text-decoration: none;
}
ul.menu li span.current {
}

/* big and small */
small {
	display: block;
	font-size: 70%;
}
big {
	display: block;
	margin: 0.5em 1em; /*note em here are massive!*/
	padding: 0.5em;
	border-style: dashed;
	border-width: 1px 0;
	font-size: 180%;
	position: relative;
	overflow: hidden;
}
.bgtext {
	position: absolute;
	font-size: 400%;
	top: 50%;
	right: 0;
	font-weight: bold;
	line-height: 0;
}

/* acronym and help span */
acronym {
	/*border-bottom-width: 1px;
	border-bottom-style: dotted;*/
	cursor: help;
}
span.help {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	cursor: help;
	font-weight: normal;
	font-style: normal;
}

/* code */
code {
	font-size: 85%;
	padding: 0 0.3em;
	font-family: "Deja Vu Sans Mono", "Bitstream Vera Sans Mono", "Anonymous", "Lucida Console", monospace;
}
.codeblock {
	white-space: pre;
	font-family: 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Anonymous, 'Lucida Console', monospace;
	border-width: 1px;
	border-style: solid;
	font-size: 80%;
	margin: 0.5em 0;
	padding: 0 0.3em;
	overflow: auto;
}
code i, .codeblock i {
	font-family: "DejaVu Sans", "Bitstream Vera Sans", sans-serif;
}

/* blockquote */
blockquote {
	font-size: 90%;
	margin: 0.5em 1em;
	border-left-width: 4px;
	border-left-style: dotted;
	padding-left: 0.5em;
	font-style: italic;
}
cite + blockquote {
	margin-top: 0;
}
blockquote + blockquote {
	margin-top: 1em;
}
blockquote i {
	font-style: normal;
}

/* address */
address {
	text-align: center;
	font-style: italic;
}

/* form */
button {
	background-color: transparent;
}
input, textarea, select, .whizzywigdiv, .htmlarea {
	font-weight: normal;
	font-family: "DejaVu Sans", "Bitstream Vera Sans", sans-serif;
	border-width: 1px;
	border-style: solid;
	overflow: auto;
}
textarea.preformatted {
	font-family: monospace;
	white-space: pre;
	font-size: 110%;
}
input, textarea, select {
	font-size: 95%;
}
input.inputtext, input.inputcheckboxradio, input.inputbutton, textarea, select {
	display: block; /* don't want to make type="hidden" ones visible */
}
input.inputtext + input.inputtext, input.inputbutton + input.inputbutton {
	margin-top: 3px;
}
label input.inputtext, label input.inputcheckboxradio, label input.inputbutton, label select, input.inputimage {
	display: inline;
}
input.inputbutton {
	font-size: 80%;
	margin: 0 1px;
}
input.inputbutton.compact {
	display: inline;
}
input.inputimage, input[type="image"] {
	background-color: transparent;
	background-image: none;
	border: none;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
}
option {
	padding: 0.05em 0.4em;
}
input, textarea, .whizzywigdiv, .htmlarea {
	width: 98%;
	margin: 0 5px 0 0;
}
input.small {
	width: 6em;
}
input.medium {
	width: 10em;
}
textarea {
	height: 300px;
}
textarea.medium {
	height: 150px;
}
textarea.small {
	height: 75px;
}
input.inputcheckboxradio {
	/* note:
		firefox applies background-image to box and ignores background-color and border
		opera applies background-color to box (but if it does so you can't check it!), ignores background-image and uses border as the outline of the checkbox itself
		ie6 and 7 apply background-color to area around box, ignore background-image and put the border round the lot
	*/
		width: auto;
	height: auto;
	vertical-align: middle;
	display: inline;
}
input.inputcheckboxradio[type="radio"] {
	border: none;
}
input.inputbutton {
	width: auto;
	padding: 0;
	font-weight: bold;
}
input.inputbutton, input.inputtext, textarea, html.whizzy body, body.mceContentBody {
	padding: 0.05em 0.2em;
}
input.inputbutton.massive {
	font-size: 100%;
	display: block;
	margin: 0.5em auto;
	padding-left: 1.5em;
	padding-right: 1.5em;
}

/* whizzywig */
.wzmaintoolbar input, .wzmaintoolbar select {
	display: inline;
}
iframe.whizzywigframe {
	width: 100%;
	height: 350px;
}
iframe.whizzywigframe.medium {
	height: 200px;
}
iframe.whizzywigframe.small {
	height: 125px;
}
div.wzCtrl {
	background-color: #e4e4e4;
	text-align: left;
	color: black;
	padding: 0.05em;
}
div.wzCtrl select, div.wzCtrl option, div.wzCtrl input.inputtext, div.wzCtrl input.inputcheckboxradio, div.wzCtrl input.inputbutton {
	background-color: white;
	background-image: none;
	color: black;
}
div.wzCtrl input.inputbutton {
	background-color: inherit;
	border: 1px solid #666666;
}
div.whizzywigdiv, div.wzCtrl {
	clear: none;
	margin-top: 0;
}

/* form grid */
.gridform {
	border-collapse: separate;
	border-spacing: 0.1em 0.4em;
	width: 100%;
}
.gridform th, .gridform td {
	vertical-align: top;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	border: none;
	margin: 0;
	padding: 0.2em;
	font-size: 95%;
}
.gridform th {
	text-align: right;
}
.gridform td {
	text-align: left;
}
.gridform th label {
}
.gridform td label {
	display: block;
	margin-left: 0.4em;
}
.gridform td.compact label, .gridform td.compact input, .gridform td.compact select {
	display: inline;
	margin-right: 0.7em;
}
.gridform td.set {
	border-left-width: 1px;
	border-left-style: solid;
}
.gridform small {
	display: block;
}

/* gallery */
.gallerybox {
	padding: 0.5em;
	clear: both;
}
.gallerybox h2 {
	padding-top: 0;
	margin-top: 0;
}
.thumbs {
	text-align: center;
}
.thumbs a img {
	padding: 5px;
	vertical-align: middle;
}

/* misc classes */
.centre {
	margin-left: auto;
	margin-right: auto;
}
.textcentre {
	text-align: center;
}

.floatleft, .floatright {
	margin-bottom: 0.5em;
	}
.floatleft {
	float: left;
	margin-right: 0.5em;
}
.floatright {
	float: right;
	margin-left: 0.5em;
}

.right {
	text-align: right;
}

.clearer {
	clear: both;
	height: 0px;
	overflow: hidden;
	margin-top: -1px;
}

.above {
	position: relative;
	z-index: 1;
}

.warning {
	color: red !important;
	background-color: yellow !important;
	font-weight: bold !important;
}

.smallcaps {
	font-variant: small-caps;
}

.truncateh {
	width: 100%;
	overflow: hidden;
}

.hidden {
	display: none !important;
}

.boxout, .messagebox, .sidebox {
	padding: 0.5em;
	border-width: 1px;
	border-style: solid;
}

.boxout, .messagebox {
	margin: 2em auto;
}

.boxout {
	width: 90%;
}

.messagebox {
	width: 60%;
}

.sidebox {
	width: 15em;
}

.sidebox h1, .sidebox h2, .sidebox h3, .sidebox h4,
.messagebox h1, .messagebox h2, .messagebox h3, .messagebox h4 {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.clearleft {
	clear: left;
}
.clearright {
	clear: right;
}
.clear {
	clear: both;
}

.googlemap {
	width: 99%;
	height: 25em;
}
	.googlemap.small {
		width: 10em;
		height: 10em;
	}
	.googlemap.large {
		width: 99%;
		height: 40em;
	}

#footer .floatleft, #footer .floatright {
	margin-bottom: 0;
}
#footer p {
	margin-top: 0;
	margin-bottom: 0;
}

.normaltext {
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-family: "DejaVu Sans", "Bitstream Vera Sans", sans-serif;
}

.smalltext {
	font-size: 80%;
}

.mceEditor iframe {
	background: transparent !important;
}

html, body {
	height: 100%;
}

body {
	border: 0;
	padding: 0;
	margin: 0;
	font-family: Arial, "DejaVu Sans", "Bitstream Vera Sans", sans-serif;
	color: #aab9b4;
	font-size: 12pt;
	background-color: #778681;
}

a:link, a:visited {
	font-weight: bold;
	color: #ffbfd8;
}
a:hover {
	color: #ffd9e8;
	text-decoration: underline;
}

h1 {
	color: #cad3d0}
h2 {
	color: #bfcac7}

/*---------------------------------------------------------*/

.container {
	position: relative;
	margin: 0 auto;
	max-width: 900px;
}

#headerarea {
	position: relative;
	height: 116px;
	width: 100%;
	background-color: #ffbfd8;
			background-image: url(../images/diagstripe.png.php?thickness=5&space=1&fade=6&fadedirection=u&r1=1&g1=1&b1=1&a1=1&r2=1&g2=1&b2=1&a2=0.5);
		background-repeat: repeat-x;
	background-position: 0% 100%;
}
#headerarea .container {
	height: 100%;
}
img#headertext {
	display: block;
	position: absolute;
	left: 32px;
	top: 20px;
	z-index: 5;
	}
img#headerfigure {
	display: block;
	position: absolute;
	left: 8px;
	top: 92px;
	z-index: 6;
	}

#contentarea {
	position: relative;
	background-color: #95a7a1;
	color: #ffffff;
	border-width: 1px;
	border-top-color: #8c9d97;
	border-bottom-color: #73817c;
	border-style: solid none;
	z-index: 2;
}
#contentareashadow {
	bottom: -20px;
	height: 20px;
	width: 100%;
	position: absolute;
	background-image: url(../images/diagstripe.png.php?thickness=3&space=1&fade=5&fadedirection=d&r1=0&g1=0&b1=0&a1=1&r2=0&g2=0&b2=0&a2=0.85);
	background-repeat: repeat-x;
	background-position: 0% 0%;
	z-index: 1;
}
#contentpad {
	padding: 1.5em 80px 3.5em;
	min-height: 300px;
}

#footer {
	position: relative;
	z-index: 3;
	text-align: right;
	font-size: 75%;
	padding: 0.2em 0.5em;
}

#footer a {
	color: #b5c1bd;
	text-decoration: none;
}
#footer a:hover, #footer a:active {
	color: #bfcac7;
	text-decoration: none;
}

#mainmenu {
	bottom: 0;
	font-weight: bold;
	position: absolute;
	line-height: 1em;
	right: 0.5em;
	margin: 0;
}
#mainmenu a {
	text-decoration: none;
}
#mainmenu li a, #mainmenu li span.active, #mainmenu li a.active, #mainmenu li span.disabled {
	display: block;
	position: relative;
	margin-left: 3px;
	background-color: #869691;
	border-color: #778681;
	border-width: 1px;
	border-style: solid solid none;
	color: #cad3d0;
	padding: 0.2em 0.4em 0.4em;
	top: 0.2em;
	background-image: url(../images/gradient.png.php?l=12&d=1&sr=0.525882352941&sg=0.589411764706&sb=0.568235294118&er=0.467450980392&eg=0.523921568627&eb=0.505098039216);
	background-repeat: repeat-x;
	background-position: 0% 100%;
}
#mainmenu li span.active, #mainmenu li a.active {
	background-color: #95a7a1;
	border-color: #8b9b96;
	color: white;
	top: 1px; /* to overlap contentarea border */
	background-image: url(../images/gradient.png.php?l=16&d=1&sr=0.625882352941&sg=0.689411764706&sb=0.668235294118&er=0.58431372549&eg=0.654901960784&eb=0.63137254902);
	background-position: 0% 0%;
	z-index: 4;
}
#mainmenu li a:hover {
	top: 0.1em;
}