body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #333333;
	margin: 0;
	padding: 0;
}

/* --------------------------------------------------- Positioning css ------------------------------------------------ */
#wrapper { min-width: 400px; }
          /* Always good to have on full width liquid CSS layouts, 
             google "min-width IE" for JS solutions there */

/* Setup (This all looks neater when it isn't put on display!) */

#wrapper {
	width: 100%;               /* total width */
	background: url(../images/main-bg2.jpg) no-repeat right 0px;
	position: relative;
}      

a:link, a:visited {
	color: #08308c;
}
a:hover, a:active {
	color: #088c7f;
}
/* ----------------------------- Header Styles ------------------------------------ */
#header {
	width: 100%;
	height: 120px;
	position: relative;
	text-align: center;
}
#header #logo {
	float: left;
}
#header p {
	line-height: 120%;
	font-weight: bold;
	color: #08318c;
	position: absolute;
	top: 1.5em;
	left: 46%;
}



/* ----------------------------- End Header Styles ------------------------------------ */

/* ----------------------------- Footer Styles ------------------------------------ */
#footer {
	position: relative;
	text-align: center;
	font-size: 65%;
	width: 100%;
	padding-top: 8px;
	padding-bottom: 8px;
	height: 86px;
	background: #c3d5ff;
	color: #066259;
	border-top: 1px solid #08308c;
}
#footer ul {
	list-style: none;
}
#footer li {
	display: inline;
	padding-right: 1em;
}

#footer a:link, #footer a:visited {
	color: #08308c;
}
#footer a:hover, #footer a:active {
	color: #2e0c8c;
}

/* ----------------------------- End Footer Styles ------------------------------------ */

/* ------------------------------ Main content styles  ------------------------------ */
#maincontent {
	float: left;
	position: relative;
	padding-top: 16px;
	padding-left: 16px;
	padding-bottom: 16px;
	width: 78%;
}
#maincontent p {
	font-size: 80%;
	line-height: 120%;
	margin-left: 16px;
}
#maincontent h1 {
	margin-top: 8px;
	font-size: 80%;
	height: 26px;
	overflow: hidden;
	position: relative;
	width: 440px;
}
/* Start image replacement for the h1 headings */
#homepage #maincontent h1.homehead span, #historypage #maincontent h1.historyhead span, #grantspage #maincontent h1.grantshead span,
#trusteespage #maincontent h1.trusteeshead span, #formspage #maincontent h1.formshead span, 
#linkspage #maincontent h1.linkshead span, #contactpage #maincontent h1.contacthead span, 
#sitemappage #maincontent h1.sitemaphead span, #dpnpage #maincontent h1.dpnhead span {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}
#homepage #maincontent h1.homehead span {
	background: url(../images/indexh1bg.gif) no-repeat;
}
#historypage #maincontent h1.historyhead span {
	background: url(../images/historyh1bg.gif) no-repeat;
}
#grantspage #maincontent h1.grantshead span {
	background: url(../images/grantsh1bg.gif) no-repeat;
}
#trusteespage #maincontent h1.trusteeshead span {
	background: url(../images/trusteesh1bg.gif) no-repeat;
}
#formspage #maincontent h1.formshead span {
	background: url(../images/formsh1bg.gif) no-repeat;
}
#linkspage #maincontent h1.linkshead span {
	background: url(../images/linksh1bg.gif) no-repeat;
}
#contactpage #maincontent h1.contacthead span {
	background: url(../images/contacth1bg.gif) no-repeat;
}
#sitemappage #maincontent h1.sitemaphead span {
	background: url(../images/sitemaph1bg.gif) no-repeat;
}
#dpnpage #maincontent h1.dpnhead span {
	background: url(../images/dpnh1bg.gif) no-repeat;
}
/* End image replacement for the h1 headings */

#maincontent h1 span {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: url(../images/indexh1bg.gif) no-repeat;
}
#maincontent h1+p {
	font-weight: bold;
}

#maincontent h2 {
	font-size: 90%;
	font-weight: bold;
	color: #2e0c8c;
	margin-bottom: 0.5em;
	margin-left: 16px;
}
#maincontent ul {
	font-size: 80%;
	text-align: left;
	list-style: none;
}
#maincontent ul li p {
	font-size: 100%;
	margin-left: 0px;
}

#maincontent ul h3 {
	font-size: 100%;
	font-weight: bold;
}
#maincontent ul li ul li {
	margin-bottom: 6px;
	margin-left: 0px;
	margin-top: 12px;
}

#maincontent li {
	margin-bottom: 1em;
	list-style-type: disc;
}
#maincontent ul li.note {
	background-color: #D4D6ED;
	border: 1px solid #08318C;
	margin-right: 60px;
	font-size: 100%;
	padding-left: 12px;
	margin-left: 12px;
	padding-right: 12px;
}

#maincontent ul ul {
	font-size: 100%;
	margin-left: 0px;
}

#maincontent dl {
	margin-left: 1.25em;
}
#maincontent dt {
	font-size: 80%;
	font-weight: bold;
	margin-top: 1.5em;
	padding: 2px 2px 2px 4px;
}
#maincontent dd {
	font-size: 80%;
}

#maincontent dd li {
	font-size: 110%;
}
#maincontent img {
	border-style: none;
}
#maincontent blockquote {
	font-size: 70%;
	margin-left: 1.5em;
}
#maincontent address {
	font-size: 80%;
	font-weight: bold;
	font-style: normal;
	margin-left: 1.5em;
}

#maincontent .cite {
	color: #8b3b32;
	font-size: 70%;
	margin-top: -1.5em;
	margin-left: 1.5em;
}
#maincontent .contactdetails {
	font-weight: bold;
	padding-left: 6px;
	padding-bottom: 6px;
	padding-top: 6px;
	margin-top: 2em;
	margin-left: 1.5em;
	margin-right: 1em;
	border-top: 1px solid #32788b;
}
#maincontent .top {
	text-align: right;
	margin-bottom: 6px;
	font-size: 70%;
	padding-right: 6px;
	padding-bottom: 4px;
	background: #eefedf;
	margin-right: 1em;
}
#maincontent #subnav li {
	list-style: none;
	font-weight: bold;
	margin-bottom: .5em;
}
#maincontent .links li {
	margin-bottom: .25em;
}

/* ------------------------------ End of Main content styles  ------------------------------ */

/* ------------------------------ Right content styles  ------------------------------ */
#rightblank {
	float: right;
	margin-left: 0.5em;
	width: 320px;
	padding-right: 6px;
	padding-left: 6px;
	margin-top: .75em;
	border: 1px solid #2e0c8c;
	-moz-border-radius: 8px;/*Firefox*/
	-webkit-border-radius: 8px;/*Safari, Chrome*/
	border-radius: 8px;
	background-color: #f0ebff;
}
#rightblank h3 {
	font-size: 90%;
	color: #2e0c8c;
	margin-top: 0.5em;
	margin-left: .25em;
}
#rightblank ul {
	padding-left: 26px;
}
#rightblank ul li {
	list-style-type: disc;
	margin-left: 0em;
	font-weight: bold;
}

#rightblank2 {
	float: right;
	height: 220px;
	width: 372px;
}
#maincontent .rightbox {
	float: right;
	width: 240px;
	border: 1px solid #08338F;
	padding-right: 12px;
	margin-right: 12px;
	background-color: #D4D6ED;
}

/* ------------------------------ End of Right content styles  ------------------------------ */


/* ----------------------------------------------- Main Vertical Navigation Bar ---------------------------------------- */
#mainnav {
	position: relative;
	width: 200px;
	float: left;
	padding-top: 2.5em;
	font-size: 70%;
	padding-bottom: 1.5em;
}
#mainnav ul {
	margin: 0 0 0 1em;
	padding: 0;
	list-style-type: none;
}
#mainnav ul li {
	margin-bottom: 1.5em;
}
#mainnav a:link, #mainnav a:visited {
	text-decoration: none;
	padding: 4px 2px;
	width: 174px;
	color: #FFFFFF;
	font-weight: bold;
	display: block;
	background: #088c7f;
}
#mainnav a:hover, #mainnav a:active {
	color: #FFFFFF;
	background: #08308c;
}
#homepage #mainnav #homelink, #historypage #mainnav #historylink, #grantspage #mainnav #grantslink,
#trusteespage #mainnav #trusteeslink, #formspage #mainnav #formslink, #linkspage #mainnav #linkslink,
#contactpage #mainnav #contactlink, #sitemappage #mainnav #sitemaplink, #dpnpage #mainnav #dpnlink {
	color: #FFFFFF;
	background: #08308c;
}
#boundarymap {
	padding: 2px;
	height: 797px;
	width: 700px;
	border: 2px double #333;
	position: absolute;
	z-index: 10;
	left: 220px;
	top: 20px;
	background-color: #FFF;
	visibility: hidden;
}


/* ----------------------------------------------- Horizontal Sub Navigation Bar ---------------------------------------- */
.subnav {
	width: 96%;
	margin-bottom: 12px;
	font-size: 80%;
	font-weight: bold;
}
.subnav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
} 
/* ----------------------------------------- End of Horizontal Sub Navigation Bar ---------------------------------------- */

#sitemap {
	margin-bottom: 12px;
	margin-left: 48px;
}
#sitemap ul {
	list-style: none;
	margin: 0px;
} 
#sitemap ul li {
	font-weight: bold;
	background-color: #FFFF99;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 8px;
	padding-top: 2px;
}
.clear {
	clear: both;
}
.hidden {
	display: none;
}
div.row {
	clear: both;
	padding-top: 1px;
}
.floatright {
	float: right;
	margin-left: 1em;
	margin-top: 2px;
	margin-right: 1em;
}
.floatleft {
	float: left;
	margin-right: 1em;
	margin-top: 2px;
}
.clearright {
	clear: right;
}
.clearleft {
	clear: left;
}
/* ------------------------------- Mozilla code ------------------------------------ */
.left { margin-right: 1px; }
.center {
	text-align: center;
}
/* ------------------------------- End of Mozilla code ------------------------------------ */
.smalltext {
	font-size: 90%;
}