body {/* set everything to zero for a good cross-browser starting point */
	margin: 0;/*zeroes the margins on the body*/
	padding: 0;/*zeroes the padding on the body ** Opera carries a default padding and requires this zeroing*/
	border: 0;/*zeroes off any existing border*/
	background-color: #FFFFFF;/*sets the body background colour*/
	color: #005944; /*set the default text color */
	text-align: center; /* Hack to centre the wrapper in IE5.x pc */
	font-family: Verdana, Arial, Helvetica, sans-serif;/*set the default fonts */
	font-size: 100.01%;/* Sets default font size. This odd value compensates for several browser bugs. First, setting a default font size in percent (instead of em) eliminates an IE/Win problem with growing or shrinking fonts out of proportion if they are later set in ems in other elements. Additionally, some versions of Opera will draw a default font-size of 100% too small compared to other browsers. Safari, on the other hand, has a problem with a font-size of 101%. Current "best" suggestion is to use the 100.01% value for this property */
	min-width: 770px; /* Prevents the body becoming narrower than our wrapper div - keeps the content from disappearing off the left edge with Gecko browsers */
}
h1 {
	font-size: 1.4em;
	font-weight: bold;
	margin-top: 10px;
	margin-left: 10px;
}
h2 {
	font-size: 1em;
	font-weight: bold;
	margin-left: 10px;
}
h3 {
	font-size: .9em;
	font-weight: bold;
	margin-left: 10px;
}
#wrapper {
	margin: 5px auto;
	width: 770px;
	position: relative;
	background-color: #FFFFFF;
	border: 1px solid #005944;
	text-align: left;
}
#banner {
	background-image: url(../images/banner_bg.gif);/* sets the background image for the banner div*/
	background-repeat: repeat-x;/* tiles the background image on the x-axis - From left to right on the horizontal plane*/
	width: 770px;/* Provides a width for the banner div */
	position: relative; /* Allows us to set the navcontainer div absolutely within the banner div*/
}
/*-----------------------------------------------------------------------------------*/
/*  left column                                                                      */
/*-----------------------------------------------------------------------------------*/
#left_column {/* Begin laying out the left column div */
    float: left; /* Floats the div to the left to make a column */
    width: 250px; /*sets a width for the div - Imperative for IE mac */
    background-color: transparent; /* no colour required for the bg colour*/
}
/*-----------------------------------------------------------------------------------*/
/*  content                                                                          */
/*-----------------------------------------------------------------------------------*/
#content {/* Begin laying out and styling the content div */
	background-color: transparent;/* no background colour required*/
	width: 470px;/* sets the width of our content*/
	margin-left: 265px; /* this left margin clears the left column div and allows our content div to become a second column*/
	padding-bottom: 1em;/* sets a padding clearance on the bottom of the div*/
	margin-top: 10px;
	margin-bottom: 2em;/* sets a margin below the div and above the footer*/
	border-left: 1px dotted #005944;
}
#content .left {/* Floats the images in the main content area to the left */
	float: left;/*Floats the image to the left*/
	margin: 5px 20px 2px 0;/*sets the margins so the image sits nicely in the p elements*/
	border: 1px solid #005944;/*sets a border on the image*/
}
#content .right {/* Floats the images in the main content area to the right */
	float: right;/*Floats the image to the right*/
	margin: 5px 0 2px 20px;/*sets the margins so the image sits nicely in the p elements*/

}
#content p {
	margin: 0 0 1em 1em;/* sets the margins on the p element with the content div*/
	font-size: .9em; /* scales the font size - no family declared, we are using the default from the body rule*/
	padding: 10px 25px 0 0;/* sets the padding on the p element when it is within the content div*/
}
#content li {
	font-size: .9em;
	padding-top: .5em;
}
#content a, 
#content a:visited {
	color: #005944;
}
#content a:hover, 
#content a:focus {
	color: #005944;
}
/*-----------------------------------------------------------------------------------*/
/*  sub-section                                                                      */
/*-----------------------------------------------------------------------------------*/
#subsection {/* Set the containing subsection div */
	padding: 1em 1em 0 1em;
	width: 220px;/* sets a width for the div*/
	margin-top: 1em;/* moves the div down and away from the navigation div */
	margin-left: 1em;
	font-size: .8em;	
}
#subsection a {/* Styles the links within the footer */
	color: #005944;
	text-decoration: none;
}

#subsection a:hover, #footer a:focus {
	text-decoration: none;/*removes the underline*/
}
#subsection ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 1em;
}
#subsection li {
	font-size: .8em;
	text-decoration: none;
}
#subsection li a:link, #subsection li a:visited {
	color: #FFFFFF;
	display: block;
	text-decoration: none;
}
#subsection li a:hover, #subsection li a:active {
	color: #7D7591;
	text-decoration: none;
}
/*-----------------------------------------------------------------------------------*/
/*  sub-section 2                                                                      */
/*-----------------------------------------------------------------------------------*/
#subsection2 {/* Set the containing subsection div */
	text-align:center;
	font-size: .8em;	
}
#subsection2 #contact_info {
	font-size: 1em;
	line-height:150%; /* space items */
	text-align:left;
	margin-left:25px; /* line up with navs */	
}
/*-----------------------------------------------------------------------------------*/
/*  main navigation menu                                                             */
/*-----------------------------------------------------------------------------------*/
#navmenu {
	width: 200px;
}
#navmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navmenu li {
	background: url(images/navBtn.gif); /* stop flicker in IE6 */
}

#navmenu li a {
	font-size: 1.2em;
	font-weight:bold;
  	height: 24px;
	text-decoration: none;
	background: url(images/navBtn.gif);
}
#navmenu li a:link, #navmenu li a:visited {
	color: #FFFFFF;
	display: block;
	background: url(images/navBtn.gif);
	padding: 8px 0 0 10px;
	text-decoration: none;
}
#navmenu li a:hover, #navmenu li a:active {
	color: #FFFFFF;
	background: url(images/navBtn.gif) 0 -32px; /*position */
	padding: 8px 0 0 10px;
	text-decoration: none;
}
/*-----------------------------------------------------------------------------------*/
/*  footer                                                                           */
/*-----------------------------------------------------------------------------------*/
#footer {
	width: 770px;
	border-top: 1px solid #005944;
	font-size: 80%; 
	clear: left; /* Keeps the left column div above the footer */
	margin-top: 2em;
	text-align: center;
	background-color: #005944;	
	color:#FFFFFF;
}
/* The left column div is outside the flow of the document and won't respect the footer;
it would, if it's content was great enough, poke through the bottom of the layout.
The clear left ensures the footer is always moved beyond the left column div and our design
remains intact. The content div is within the flow of the document and will therefore
push the footer div down as it's content dictates. */
#footer ul {
	list-style-type: none;
 	background-color: #005944;
	margin-top: .5em;
 }
#footer ul li {
	display: inline;
	margin: 0; 
	background-color: #005944;
	padding: 0 .5em 0 .5em;
}
#footer a {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover, #footer a:focus {
	text-decoration: underline;
}
#footer .copyright {
	text-align: left;
	display:inline;
	float: left;
	margin-left: 2em;
}
#footer .designer {
	text-align: right;
	display:inline;
	margin-left: 1em;
	margin-bottom: 1em;
}
/*-----------------------------------------------------------------------------------*/
/* contact form layout                                                               */
/*-----------------------------------------------------------------------------------*/
#contact_form {
	padding-left: 10px;
	font-size: .9em;
}
#contact_form ul {
	list-style-type: none;
}
#contact_form li {
	padding: 10px 0 0 0;
}
#contact_form a {
	color: #002F5E;
}
#contact_form fieldset {
	padding: 15px;
	border: 1px solid #005944;
}
#contact_form input {
	width: 15em;
}
#contact_form legend {
	color: #005944
}
div.row {
  clear: both;
  padding-top: 5px;
}

div.row span.label {
  float: left;
  width: 33%;
  text-align: right;
}

div.row span.formw {
  float: right;
  width: 65%;
  text-align: left;
  padding-left: 5px;
}
/*-----------------------------------------------------------------------------------*/
/* guides page
/*-----------------------------------------------------------------------------------*/
#guides ol {
	font-weight:bold;
}
#guides ol p{
	font-weight:normal;
}
#guides li {
	font-size: .9em; /* same as content p */
}
#guides li li {
	font-size: 1em; /* reset sizing to be same as content p */
}
#guides li p{
	font-size:.9em; /* same as content p */
}