/************** Default Elements *******************/

* {
	margin: 0;
	padding: 0;
	border: 0;
}

/* hide from IE mac \*/ 
html {
	min-height: 100%;
	margin-bottom: 1px;
}
/* end hiding from IE5 mac */

body {
	background:   url("images/bodyBG.jpg") #fff repeat-x;
	font: 1em/120% Arial, Helvetica, sans-serif;
	color: #3D0101;
}

/************** Layout Elements *******************/

#wrapper {
	width: 740px;
	margin: 15px auto;
	font-size: .8em;
}

#content {
	padding: 3px 0 0 0;
	margin: 0 0 0 13em;
	list-style-position: inside;
}

#contentwrapper {
	background:   url("images/contentBG.jpg") repeat-x;
	padding-top: 1px;
}

#header {
	background:   url("images/headerBG.jpg") #d8d1c7 no-repeat;
	min-height: 152px;
	border-bottom: 2px solid #439f00;
}

#leftcol {
	width: 12em;
	float: left;
	margin: 1.1em .1em;
}

#leftcol ul {
	list-style-type: none;
}

#leftcol li {
	margin: 1px 0;
}

#leftcol a {
	display: block;
	background-color: #479C0D;
	color: #fff;
	text-decoration: none;
	padding: .2em .4em;
}

/**** The .here class provides the marker for the sub navigation ****/
#leftcol a:hover, #leftcol .here {
	background-color: #FFFFFF;
	color: #479C0D;
}

/************** Text Elements *******************/

h1, h2, h3, h4, h5, h6 {
	margin: .6em 0 .6em .7em;
	padding: 0 0 0 0;
	font-size: 1.5em;
}

h2 {
	font-size: 1.3em;
}

h3 {
	font-size: 1.2em;
}

h4 {
	font-size: 1.1em;
}

h5 {
	font-size: 1.1em;
}

h6 {
	font-size: 1.1em;
}

p {
	margin: 1em;
	padding-left: 9px;
}

/************** Generic Classes *******************/

.right {
	float: right;
	margin: 5px 0 2px 10px;
}

.left {
	float: left;
	margin: 5px 0 2px 10px;
}

/****** allows a border if required *******/
img.borderRight {
	border: 1px solid #d6cfc5;
	float: right;
	margin: 5px 0 2px 10px;
}

/****** allows a border if required *******/
img.borderLeft {
	border: 1px solid #d6cfc5;
	float: left;
	margin: 5px 0 2px 10px;
}

.clearit {
	clear: both;
	font-size: 0;
	line-height: 0;
}
/************** Link Styles *******************/

a img {
	border: none;
}

a {
  color: #204BA9;
}

a:hover {
	text-decoration: none;
	color: #459F00;
	background-color: #204BA9;
}

/******************** Sliding door nav *****************/

#header ul {
  margin-top: 118px;
  padding: 10px 5px 0;
  list-style-type: none;
  float: right;
 }
  
#header li {
  float: right;		
  background:   url("images/right.jpg") no-repeat top right;
  padding: 0 7px 0 0;
  margin-left: .1em;
}
  
#header a {
  float: left;
  display: block;
  background:   url("images/left.jpg") no-repeat left top;
  padding: 3px 5px 1px 13px;
  text-decoration: none;
  color: #000;
}
  
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header a {
float: none;
}
/* End IE5-Mac hack */


#header a:hover, #header a:focus {
  color: #5d302d;
}
  
#header #current {
  background-image:   url("images/right_on.jpg");
}
  
#header #current a {
  background-image:   url("images/left_on.jpg");
  color: #6f3f6f;
}
#footer {
	background-color: #479C0D;
	width: auto;
	font-size: x-small;
	text-align: center;
	clear: right;
	margin-top: 10px;
	left: auto;
}
/* The contact 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 contact 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 p {
	background-color: #469D01;/*sets the background colour for the p element when it is in the footer div*/
	padding: 4px 4px 4px 10px;/* sets the padding values*/
	margin: 0;/*zeroes off the margins */
}


#footer p.designer {/* Styles the bottom P in the footer that gives the validation and designer info */
	background-color: #fff;/*sets the background colour*/
	padding: 4px 4px 4px 10px;/*sets the padding values*/
	margin: 0;/*zeroes off the margins*/