/* global stylesheet */

html, body { 
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #000000;
	background-color: White;
	padding: 0px;
	margin: 0px;
}
/* stops the default vertical showing up in some browsers - 
when jumping between longer and shorter pages */
html, body {
min-height:100.01%; 
margin-bottom:1px; 
}

#wrapper {
	width: 800px;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
}

/* basic link styles */
a:link, a:visited { 
	text-decoration: none; 
	color: #336699;
}
	
a:hover, a:active { 
	text-decoration: underline; 
	color: #0D085E;
}

h1 {
	font: 18px Arial, Verdana, Helvetica, sans-serif;
	color: #336699;
	margin-left: 20px;
	font-weight: bold;
}

h2 {
	font: 14px Arial, Verdana, Helvetica, sans-serif;
	color: #336699;
	margin-left: 20px;
	font-weight: bold;
}

h3 {
	font: 10px Arial, Verdana, Helvetica, sans-serif;
	color: #336699;
	margin-left: 20px;
	font-weight: bold;
}

/* no borders on images */
img {
	border: 0;
}

/* out wrapper */
div#container {
	width: 780px;
	text-align: left;
	background-color: white;
}
/* holds the jump menu and the slogan div */


div#logo {
	width:400px;
	height: 70px;
	float: left;  
	padding: 0;
	margin: 0;
}

/* positioning of the logo */
img#logoImg {
margin-top: 10px;
	margin-left: 20px;
	margin-right: 20px;
}

div#logoImg span {
	display: none;
}
 
div.contentBox {
	padding: 3px;
	text-align: right;
	float: right;
}

/* holds the large image */
div#headerImg {
	width: 779px;
	height: 180px;
	margin-right: 2px;
	float: left;
}

/* outer div around the content area */
div#bodyarea {
background:    url(../layout_images/right.gif) right repeat-y;
/*	background-color: white;*/
	float: left;
	width: 780px;
	margin-top: 10px;
	overflow: auto;
}

div#content {
	width: 625px;
	background:    url(../layout_images/topback.gif) top no-repeat;
	float: left;
	padding: 45px 0 25px 0;
	margin: 0;
}
/* side bar on the right side on entry page */
div#right {
	width: 155px;
	background: #8397BB url(../layout_images/rightop.gif) no-repeat top;
	float: right;
}
/* bottom of right sidebar on entry page */
div#right2 {
	width: 155px;
	background: url('../images/layout/righttop2.gif') top no-repeat #8397BB;
	float: right;
}

div#right h1, div#right2 h1 {
	font: 18px Arial, Verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 12px 12px 12px 15px;
}

/* styles for the menu on the right hand side of the sidebar - entry page */
div#right ul, div#right2 ul {
	list-style: none;
	margin: 25px 15px;
	padding: 0;
	color: #FFFFFF;
	font-weight: bold;
}

div#right ul li, div#right2 ul li {
	margin-top: 5px;
}

div#right a, div#right2 a {
	color: #FFFFFF;
}
/* styles the various information boxes on the entry page */
div.linkbox {
	width: 250px;
	margin-left: 20px;
	margin-top: 15px;
	color: #336699;
	float: left;  
}

div.linkbox h1 {
	font: 16px Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #336699;
	margin: 0 0 25px 0;
	padding: 0;
}

div.linkbox ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div.linkbox ul li {
	margin-top: 5px;
}
/*  end styles for information boxes */

/* Footer */
div#footer {
	background: #326497;
	margin-top: 5px;
	color: #FFFFFF;
	float: left;
	width: 780px;
	margin-bottom: 8px;
	padding: 0;
	clear: both;
}
/* copyright information inside the footer div */
div#copyright {
	padding: 10px;
	width: 100%;
}
div#copyright a {
	color: white;
}
/* validation div - can be removed if you don't want the validation buttons on the page */
div#validation {
	width: 300px;
	float: right;
	text-align: right;
	margin-bottom: 15px;
}

.row {
	float: left;
	margin-left: 10px;
}
/* styles the breadcrumb trail on the inner pages */
div#breadcrumb {
	float: left;
	padding: 0 15px;
}

div#breadcrumb a {
	color: #000000;
}

div#pagemenu {
	background: #b5d1ee;
	margin-top: 10px;
	color: #FFFFFF;
	float: left;
	width: 100%;
	margin-bottom: 8px;	
	text-align: right;
}
/* styles the blue box above the content area in the inner pages */
div#menukey {
	padding: 10px;
}
/* left column on the inner pages */
div#left {
	width: 180px;  
	float: left;
}

div#contentbody {
	background:    url("../layout_images/borderright.gif") left repeat-y;
	width: 600px;  
	float: left;
	margin: 2px 0;
	line-height: 18px;
	font-size: 12px;
	text-align: left;
}
/* div that holds all the text content on the inner pages */
div#contenttext {
	padding: 0 60px 0px 20px;  
	}

div#contenttext h1 {
	font: 24px Verdana, Helvetica, sans-serif;
	color: #336699;
	padding: 0;
	margin: 0 0 20px 0;
}

div#contenttext h2 {
	font: 16px Arial, Verdana, Helvetica, sans-serif;
	color: #000000;
	padding: 0;
	margin: 0;
}

div#contenttext ul li {
	width: 400px;
	text-align: left;
}
/* styles the menu within the left div on the inner pages */
div#menu {
	float: left;
	margin: 20px 10px;
	border-top: 1px solid #6E6E6E;
	border-bottom: 1px solid #6E6E6E;
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	width: 170px;
	padding-bottom: 15px;
}

div#menu p {
	margin: 0px 0 2px 10px;
	padding: 0;
}

div#menu h1 {
	font-weight: bold;
	color: #6E6E6E;
	font-size: 12px;
	margin: 20px 0 10px 10px;
	padding: 0;
}

ul#menulist {
	margin: 0 0 0 25px;
	padding: 0;
	list-style-image:    url("../layout_images/bullet.gif");
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #666666;
}

ul#menulist ul{
	padding: 0;
	margin: 0;
	color: #666666;
}

ul#menulist li a {
	color: #666666;
}
/* outer wrapper of the content area */
div#contentarea {
	width: 800px; 
	float: left;
	padding: 15px;
}

select#quicknav {
	width: 140px
}
/* bottom nav links */
div#footermap {
	padding: 0 10px;
	width: 620px;
	float: left;
	margin-bottom: 15px;
}

div#footermap ul {
	padding: 0;
	margin: 0;
}

div#footermap ul li {
	padding: 0;
	margin: 0 20px 0 0;
	float: left;
	list-style: none;
	display: inline;
}
/* styles the links in the nav area above the content area (contactus) */
div#menukey a {
	color: #FFFFFF;
}

/* styles for images in the content area - floating them left or right */
.paraimg {
	float: right;
	margin-left: 10px;
}

.paraimg2 {
	float: left;
	margin-right: 10px;
}

/* FORM STYLES */
form#contactform div {
clear: both; 
padding-top: 6px; 
}
 /* styles for the form itself, spacing, margins etc  */
form#contactform {
font-size: 90%; 
color: #505050; 
margin: 20px 20px 15px 30px; 
padding: 5px; 
width: 80%;
}
/* the border around the form */
#contactform fieldset { 
border: 1px solid black;
padding: 18px;
color: #326497;
}

#contactform legend {
font-size: 1.5em;
color: #326497;
font-weight: bold;
}

#contactform label {
float: left; 
width: 25%; 
}
/* styles the input boxes and text area */
#contactform input,#contactform textarea { 
float: right; 
width: 70%; 
text-align: left;
border: 1px solid black; 
}

#contactform input {
border: 1px #000000 solid;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 9px;
height: 20px;
}

#contactform textarea { 
height: 100px; 
}

#contactform #send { 
float: right; 
margin: 0; 
width:40%; 
text-align: center; 
background-color: #326497;
color: White; 
padding: 2px 2px;
}
/* styles the form fields when they have focus */
#contactform textarea:focus, #contactform input:focus, #contactform select:focus {
background-color: #DAE0EB;
color: #464545;}
/* end form styles */
.contact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #336699;
}