/*
-----------------------------------------------
ERRORS REPORTING
Author:   Michael Crawford
Version:  March 2010
----------------------------------------------- */

body {
	font-size: 86%;
	color: #262626;
	text-align: center;
	margin: 0;
	padding: 0;
	background: #72b437 url(../images/page_background.jpg) repeat-x;
}


/* Simplified Box Model Hack */

* html body {
	font-size: x-small;
	/*
for IE5/Win */
    f\ont-size: small;
/*

for other IE versions */
}

/* Top Nav
----------------------------------------------- */

#nav {
	/*float: right;*/
}

#nav ul {
	margin: 0;
	padding: 0px 21px;
	list-style: none;
	font: normal 0.8em "Lucida Grande", Lucida, Verdana, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
}

#nav ul li {
	display: inline;
}

#nav .active a {
	color: #000;
	background-image: url( "../images/interface/nav_active_bkgrnd.gif" );
	background-color: #D1D1D1;
}

#nav .active a:hover {
	color: #000;
	background-image: url( "../images/interface/nav_active_bkgrnd.gif" );
	background-color: #616976;
}

#nav ul li a {
	padding: 7px 22px 7px 22px;
	color: #f3f1e9;
	text-decoration: none;
	float: left;
	background-image: url( "../images/interface/nav_link_bkgrnd.gif" );
	background-color: #000;
	border-right: 1px solid #ccc;
}

#nav ul li a:hover {
	background-color: #41464e;
	background-image: url( "../images/interface/nav_hover_bkgrnd.gif" );
	color: #fff;
}

#nav ul li a:visited {
	color: #f3f1e9;	
}

/* Nav elements at the right end of bar */

.navRight {
	float: right;
}

/* Layout Items
----------------------------------------------- */

#searchInstructions {
	width: 800px;
	margin: 0px;
	padding: 25px 20px 30px 0px;
	float: right;
	text-align: left;
}

#rightcol {
	width: 190px;
	margin: 0px;
	padding: 25px 20px 30px 0px;
	float: right;
	text-align: left;
}

#rightcol h2 {
	color: #685894;
	letter-spacing: 0.2em;
	border-top: 0;
	font: normal 1em Arial, Helvetica, sans;
}

#topcol {
	margin: 0;
	border: 0;
	padding: 25px 25px 15px 20px;
	border-top: 1px solid #ccc;
	border-bottom: 1px dotted #ccc;
	text-align: left;
	background-color: #fff;
	width: 662px;
	background-image: url( "../images/interface/top_col_bkgrnd.jpg" );
	background-repeat: no-repeat;
}

#leftcol {
	margin: 0;
	border: 0;
	padding: 15px 25px 15px 25px;
	text-align: left;
	width: 150px;
	float: left;
}

#wrapper {
	width: 920px;
	height: 100px;
	margin: 0 auto;
	padding: 0;
	background-color: #7C8AA0;
	text-align: center;
	margin-bottom: 1.5em;
}

#shortwrapper {
	width: 920px;
	margin: 0 auto;
	padding: 0;
	background-color: #7C8AA0;
	text-align: center;
	margin-bottom: 1.5em;
	background-image: url( "../images/interface/short_shadow_bg.gif" );
	background-repeat: repeat-y;
}

#contentwrapper {
	width:920px;
	margin: 0 auto;
	text-align: center;
	border: 0;
	padding: 0;
	background-color:#FFFFFF;
	background-image: url( "../images/pg_background.jpg" );
	background-repeat: repeat-y;
}

#header {
	clear: both;
    width: 920px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

#headerImage {
	margin: 0 auto;
	padding: 0;
	width: 920px;
	/*height: 220px;*/
	background-color: #72b437;
}


#footer {
	clear: both;
	width: 920px;
	height: 40px;
	color: #7e8399;
	background: #fff url( "../images/pg_background.jpg" ) no-repeat;
	margin: 0 auto;
	text-align: center;
	padding: 4px 0 0 0;
	font-size: 0.9em;
	line-height: 1.6em;
}

#endshadow {
	width: 900px;
	height: 34px;
	margin: 0;
	padding: 10px 20px 0 0;
	color: #47683f;
	font: normal 0.7em/1.6em "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: right;
}

#enclose {
	float: left;
	width: 920px;
	text-align: left;
	position: relative;
	margin: 0;
	padding: 0;
}

#shortenclose {
	float: left;
	width: 660px;
}

/* Alternate width setting */
.columnMain {
	text-align: left;
	position: relative;
	margin: 0;
	padding: 0;
	width: 920px;
}

.columnMain a {
	text-decoration: none;
	color: #323688
}

.columnMain a:hover {
	color: #323688;
	text-decoration: underline
}


div.clearer {
	clear: both;
	line-height: 0;
	height: 0;
}

/* Basic <h1>, <p> etc items
------------------------------------------ */

h1 {
	text-transform: none;
	color: #467130;
	font: bold 1.4em/1.2em  "Lucida Grande", Lucida, Verdana, sans-serif;
	letter-spacing: 0.1em;
	/*padding-top: 10px;*/
}

h2 {
	text-transform: none;
	color: #435e7f;
	font: bold 1.2em/1.4em "Lucida Grande", Lucida, Verdana, sans-serif;
}

h3 {
	letter-spacing: 0.1em;
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.6em;
	color: #383d44;
	padding: 0;
	padding-bottom: 1em;
	margin: 0;
}

h4 {
	letter-spacing: 0.1em;
	font: bold 0.85em Arial, Helvetica, sans;
	color: #36175D;
	padding: 0;
	padding-bottom: 1em;
	margin: 0;
}
sup {font-size:0.6em;}
a {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline}
a:focus {text-decoration:underline}
/*paragraph before a list*/
p.list {	
	padding-bottom: 0;
}

p.para_indent {

padding-left: 1em;
}


ul{	
	list-style-type: square;
}

ol.noIndent {

}

span.toUppercase {
text-transform:uppercase;
}


/* Image captions */
.caption {
	font: normal 0.8em/1.8em Verdana, Helvetica, sans;
	color: #8f8f8f;
}


.caption-below {
	color: #8f8f8f;
	font: normal 0.8em/1.8em Verdana, Helvetica, sans;
	color: #8f8f8f;
	padding-top: 10px;
}

.contact{
	
	color: #8f8f8f;
	font: normal 0.8em/1.8em Verdana, Helvetica, sans;
	color: #8f8f8f;
	padding-top: 10px;
	padding-right: 20px;
	text-align: right;
}

.contact a {
	color: #8f8f8f;	
}

.contact a:hover {
	text-decoration: none;
	color: #4d528f;	
}


/* Form elements
------------------------------------------ */
.form {
	width: 640px;	
}

.form fieldset {
	margin-bottom:16px;
	border:none;
/*	border-top: 1px solid #919191;
	border-bottom: 1px solid #919191;
	padding-top:10px;*/
	padding:10px;
	background: #ffffff url(../images/form_bg.jpg) repeat-x;
}

.form fieldset fieldset{
	padding: 5px 10px;
	margin-bottom: 10px;
	background: #f3f3f3;
	border: 1px solid #919191;
}
/*.form fieldset fieldset ul{padding:0 8px 0 5px; margin:0; list-style: none;  width:180px;}
.form fieldset fieldset li{
	 text-align:left;
}*/

.form legend{
	color: #fff;
	background-color: #6eb84e;
	font: bold 1em "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 4px 15px 4px 11px;
	margin:0 0 4px 2px;
}

/* Form table styles */
.formTable{
	border-collapse: collapse;
	
	
}

.formTableTitle {
	background-color: #bdc7c9;
	text-align: center;
	font-weight: bold;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}

.formTableGrn{
	padding: 3px;
	background-color: #e6ede6;
	text-align: left;
}

.formTableDkGrn{
	padding: 3px;
	background-color: #d4e1d4;
	text-align: left;
}

.formAlignCenter{
	text-align: center;
	
}
textarea{ margin:5px 8px 5px 8px; width:550px;
 
}
/* Standard Links
------------------------------------------ */

/* Horizontal Rule */

div.hr {
	width: 100%;
	display: block;
	border-top: 1px solid #dbd5c5;
	padding-top: 1em;
}


hr {
	/*display: none*/
}


/* adds a link icon to all links with this class */
a.internalLink {
	background: url( ../images/link.gif ) no-repeat;
	padding-left: 22px;
}


.columnTitle {
	font-weight: bold;
}

/* top navigation items, made to look like buttons */
.tableNavigation {
	float: right;
	font: bold 0.85em Verdana, Helvetica, sans;
	padding-top: 17px;
	padding-right: 30px;
	text-align: right;
}

.tableNavigation a:link {
	color: #215690;
	text-decoration: none;
	border: 1px solid #778;
	padding: 3px 10px 3px 10px;
	background: #fff;
}

.tableNavigation a:visited {
	color: #215690;
	background: #fff;
	text-decoration: none;
	border: 1px solid #778;
	padding: 3px 10px 3px 10px;
}

.tableNavigation a:hover {
	color: #fff;
	background: #215690;
	text-decoration: none;
	border: 1px solid #102944;
	padding: 3px 10px 3px 10px;
}

.tableNavigation a:active {
	color: #215690;
	background: #fff;
	text-decoration: none;
	border: 1px solid #778;
	padding: 3px 10px 3px 10px;
}


#sideNavigationArea {
	padding-top: 30px;
	float: left;
	width: 216px;
	height: 100%;
}


#mainContent {
	width: 640px;
	float: right;
	margin: 0;
	padding-right: 40px;
	padding-top: 30px;
	font: normal 0.9em "MS Trebuchet", Verdana, Helvetica, sans;
	line-height: 1.8em;	
}

.sideMenuContact {
 	padding-top: 60px;
 	padding-left: 30px;
	font: normal 0.8em "Lucida Grande", Lucida, Verdana, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;	
	line-height: 0.8em;	
	margin-left: 10px;
	text-align: left;
	color: #8e8e8e;
}


/* style for side navigation */
.sidemenu{
width: 194px;
padding-left: 20px;
}

.sidemenu .headerbar{
font: normal 0.8em "Lucida Grande", Lucida, Verdana, sans-serif;
/*text-transform: uppercase;*/
letter-spacing: 2px;	
color: #295a22;
margin-bottom: 0px;
padding: 12px 0 2px 12px;
}

.sidemenu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 0; 
}

.sidemenu ul li{
	padding-bottom: 2px;
}

.sidemenu ul li a{
	font: normal 0.9em/1.8em  "Lucida Grande", Lucida, Verdana, sans-serif;
	
	display: block;
	padding: 5px 0;
	line-height: 17px;
	padding-left: 16px;
	padding-top: 16px;
	padding-bottom: 16px;
	text-decoration: none;
	color: #009300;
	background: #e3ebe3 url(../images/side_nav_low.jpg) repeat-y;
}

.sidemenu ul li a:visited{
	color: green;
}

.sidemenu ul li a:hover{ /*hover state CSS*/
color: #fff;
background: #6fb84f url(../images/side_nav_over.jpg);
}
.sidemenu ul li a:focus{ /*hover state CSS*/
color: #fff;
background: #6fb84f url(../images/side_nav_over.jpg);
}