<!-- Main layout -->
html,body{margin:0;padding:0}

html{background:#3c0b45}   <!-- this changes the background colour of the site -->
body{text-align:center}
p{font: 1em arial,sans-serif;margin:20px 10px 10px;}
a{color: white}	<!-- this changes the colour of the links in the footer -->
H1{
font:bold 2em/1.2em Arial, Helvetica, sans-serif;
color: #606;
margin:20px 10px 10px;
}
H2{
font:bold 1.5em/1.2em Arial, Helvetica, sans-serif;
color: #609;
margin:20px 10px 10px;
}

div#header h1{height:80px;line-height:80px;margin:0;
  padding-left:0px;background: #EEE;color: #79B30B}
div#topnav{background: #000000;color: #FFF}
div#topnav p{margin:0;padding:5px 10px}
div#container{text-align:left;background:#FFFFFF}
div#content p{line-height:1.4}
div#navigation{background:#FFFFFF}
div#content{background:#FFFFFF}
div#extra{background:#FFFFFF}
div#extra2{background:#FFFFFF}

div#container{width:760px;margin:0 auto}
div#content{float:left;width:510px;padding:10px 10px 10px 10px;}
div#navigation{float:right;width:220px}
div#extra{float:right;clear:right;width:220px}
div#extra2{float:right;clear:right;width:220px}

<!-- Footer -->

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

div#footer{clear:left;width:760px;color: #FFF}

#footer p {
    padding:5px;
    margin:0;
	font:bold 1em/1em Arial, Helvetica, sans-serif;
	font-size:x-small;
	text-align: center
    }
#footer a:link,visited {
	color:white;
	 }
#footer a:hover {
	text-decoration:none;
	 }

a.bodylink:active {
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #9f001c ; 
font-weight: bold; 
text-decoration: none }

a.bodylink:link {
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #9f001c ; 
font-weight: bold; 
text-decoration: none }

a.bodylink:visited {
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #9f001c ; 
font-weight: bold; 
text-decoration: none}

a.bodylink:hover {
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #9ebdc64 ; 
font-weight: bold; 
text-decoration: underline}.footerBold { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; text-decoration: none }
.Title { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #90B306; font-weight: bold }
.superscript { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; line-height: 150% ; top: 5px; clip:   rect(   ); vertical-align: super}
.footerGreen { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #90B306; text-decoration: none }


<!-- Testimonials -->
	* {
	  margin: 0;
	  padding: 0;
	}
	html {
	  font: small/1.4 "Lucida Grande", Tahoma, sans-serif;
	}
	body {
	  font-size: 92%;
	}
	#feature {
	  background: #96BF55 url(images/bottom.gif) no-repeat bottom left;
	  width: 220px;
	  padding: 0 0 20px;
	}
	#feature dt {
	  background: url(images/top.gif) no-repeat;
	  padding: 20px 20px 0;
	  font-size: 150%;
	  color:white;
	  line-height: 1;
	  margin: 0;
	}

	#feature dd {
	  padding: 10px 20px 0;
	  color: #16782b;
	  line-height: 1.3;
	  margin: 0;
	}

<!-- sidebars -->
	/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 17em; /* ems so it will grow */
	background: url(images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(images/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white;  <!-- this changes the colour of the testimonial header text -->
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
	font-weight: bold;
	color: #000000;	   <!-- this changes the colour of the testimonial text -->
}
.menulist {
	background: url(images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
	font-weight: bold;
	color: #005c85;
}
li.list1 {
list-style: square inside;
color: #005c85;
margin:0 0 0 20px;
}

ul.services {
list-style-position:inside;
list-style:square
margin: 0 0 0 0px;
}
li.services {
margin:10px 0 0 30px;
padding:0;
color: black;
}

img {
margin: 0 0 0 10px;
}

img.content {
border-width:thin;
border-style:solid;
border-color:#609;
}