/* Global reset from http://meyerweb.com/eric/tools/css/reset/ */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	/*line-height: 1;*/
	/* Next 2 lines are dacm's additions */
	background-color: #FFFFFF;
	color: #000000;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Start */

@font-face
{
	font-family: 'Carolingia';
	src: url('../fonts/Carolingia.eot');
	src: local('Carolingia Regular'), local('Carolingia'), 
	     url('../fonts/Carolingia.ttf') format('truetype');
}

html
{
	min-height: 100%;
	height: 100%;
}

body
{
	color: #333333;
	/*background-color: #FFFFFF;*/
	background-color: #003300;
	background-image: url('../images/middle.png');
	background-repeat: repeat-y;
	background-position: top center;
	min-height: 100%;
	font-family: "DejaVu Sans", "Helvetica", sans-serif;
	font-size: 16px;
	position: relative;
}

#header
{
	height: 197px;
	background-image: url('../images/top.png');
	background-repeat: no-repeat;
	background-position: top center;
}

#header > div
{
	position: relative;
	width: 942px; /* 974 - 2 x padding */
	height: 100%;
	margin: 0 auto;
}

#navbar
{
	position: absolute;
	bottom: 36px;
	/*right: -6px;*/
	right: -12px;
}

#navbar > li
{
	display: block;
	float: left;
	width: 137px;
	height: 34px;
	background-image: url('../images/tab.png');
	background-repeat: no-repeat;
	background-position: top left;
	text-align: center;
	font-family: "Carolingia";
	font-size: 20px;
	margin: 0;
}

#navbar > li.active
{
	background-image: url('../images/tab-active.png');
}

#navbar > li >  a
{
	display: block;
	margin: 3px 7px 0 3px;
	padding: 3px 0;
	/*height: 31px;*/
	/*background-color: red;*/
	text-decoration: none;
	color: #003300;
}

#navbar:hover > li.active > a
{
	color: #003300;
}

#navbar > li.active >  a,
#navbar > li        >  a:hover,
#navbar > li.active >  a:hover
{
	text-decoration: none;
	color: #006600;
}

#main
{
	width: 942px; /* 974 - 2 x padding */
	padding-top: 8px;
	padding-bottom: 119px; /* 103 + padding */
	margin: 0 auto;
}

#main > div
{
	position: relative;
	z-index: 1;
	/*background-color: red;*/ /* For testing */
}

#body
{
	float: left;
	width: 508px;
}

#footer
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	/*
	background-image: url('../images/fade.png');
	background-repeat: repeat-x;
	background-position: bottom left;
	*/
}

#footer > div
{
	background-image: url('../images/bottom.jpg');
	background-repeat: no-repeat;
	background-position: bottom center;
	height: 371px;
}

#footer.long > div
{
	background-image: url('../images/bottom-long.jpg');
}

#footer > div > div
{
	width: 942px; /* 974 - 2 x padding */
	margin: 0 auto;
	text-align: center;
	color: #333333;
	font-size: 14px;
	padding: 290px 0 1.5em 0;
	line-height: 1.4;
}

#footer a
{
	color: #333333;
	text-decoration: underline;
}

#footer a:hover
{
	text-decoration: none;
}

sup,
sub  { font-size: 70%; }

sup { vertical-align: top;    }
sub { vertical-align: bottom; }

a       { color: #006600; text-decoration: none; }
a:hover { color: #000000; text-decoration: underline; }

h1, .h1 { font-size: 20px; margin: .67em 0; font-weight: bold; text-align: left; color: #006600; }
h2, .h2 { font-size: 18px; margin: .83em 0; font-weight: bold; text-align: left; color: #006600; }
h3, .h3 { font-size: 16px; margin: 1em   0; font-weight: bold; text-align: left; color: #006600; }

h1:first-child, .h1:first-child,
h2:first-child, .h2:first-child,
h3:first-child, .h3:first-child
{
	margin-top: 0;
}

p,
li,
dt,
dd
{
	line-height: 1.2;
}

p
{
	text-align: justify;
	margin: 1.2em 0;
}

div.text-block > p             { text-indent: 3em  !important; }
div.text-block > p:first-child { text-indent: 0    !important; }

h1 + p,
h2 + p,
h3 + p,
h4 + p,
h5 + p,
h6 + p
{
	text-indent: 0 !important;
}

table
{
	margin: 1em auto;
}

th,
td
{
	font-weight: normal;
	padding: 0.1em;
}

th { text-align: right; }
td { text-align: left; }

form > div
{
	overflow: hidden;
}

form dl > dt
{
	font-weight: bold;
	margin: 0 0 0.25em 0;
	padding: 0 !important;
}

form dl > dd
{
	margin: 0 0 0.5em 2em;
	padding: 0 !important;
}

input[type=submit],
input.submit
{
	float: right;
	background-color: #003300;
	color: #FFFFFF;
	font-weight: bold;
	border-style: outset;
	border-color: #003300;
	border-width: 1px;
	cursor: pointer;
}

input[type=text],
input.text,
input[type=password],
input.password,
select,
textarea
{
	width: 97%;
	border: 1px solid #003300;
}

ol,ul
{
	padding-left: 1.5em;
}

ul { list-style-type: disc; }
ol { list-style-type: decimal; }

ol > li,
ul > li
{
	margin: 0.25em 0;
}

img.left
{
	display: block;
	float: left;
	clear: left;
	margin-right: 0.5em;
}

img.right
{
	display: block;
	float: right;
	clear: right;
	margin-left: 0.5em;
}

img.centre
{
	display: block;
	margin: 1em auto;
}

#form
{
	/*
	position: absolute;
	top: -30px;
	right: -6px;
	*/
	float: right;
	margin: -30px -6px 0 0;
	width: 426px;
	background-image: url('../images/form-middle.png');
	background-repeat: repeat-y;
	background-position: top center;
}

#form > div
{
	background-image: url('../images/form-top.png');
	background-repeat: no-repeat;
	background-position: top right;
}

#form > div > div
{
	background-image: url('../images/form-bottom.png');
	background-repeat: no-repeat;
	background-position: bottom right;
	padding: 3px 7px 15px 3px;
}

#form > div > div > .h1
{
	background-color: #003300;
	color: #FFFFFF;
	margin: 1px;
	text-align: center;
	/*
	padding: 0.2em 0.5em;
	font-family: "Carolingia";
	font-size: 18px;
	*/
	padding: 0.3em 0.5em;
	font-size: 16px;
}

#form > div > div > p,
#form > div > div > form
{
	margin-left: 8px;
	margin-right: 8px;
}

#extra
{
	clear: right;
	float: right;
	width: 418px;
	margin: 10px 0 0 2px;
	font-size: 14px;
}

#extra h3,
#extra .h3
{
	font-size: 14px;
}

#extra > .caption
{
	margin-left: 148px;
}

.clear
{
	clear: both;
}

.columns
{
	overflow: hidden;
}

.columns > div
{
	float: left;
	margin: 0;
	padding: 0;
}

.columns.two > *
{
	width: 50%;
}

.columns.three > *
{
	width: 33%;
}

.columns.four > *
{
	width: 25%;
}

ul.areas
{
	overflow: hidden;
	padding: 0;
	list-style: none;
}

ul.areas > li
{
	text-align: center;
	float: left;
	margin: 0;
	padding: 0;
	width: 33%;
	display: block;
	font-size: 14px;
}

#breadcrumbs
{
	padding: 0;
	list-style: none;
}

#breadcrumbs > li
{
	display: inline;
}

#breadcrumbs > li:before
{
	content: ' > ';
}

#breadcrumbs > li:first-child:before
{
	content: '';
}

.free
{
	text-transform: uppercase;
	font-weight: bold;
}