@charset "utf-8";
/* CSS Document */



body {
	position:relative;
	width:802px;
	font: 100% Verdana, "Times New Roman", Times, serif;
	background: url("../gfx/background_white.jpg") repeat-y center top;
	margin: 0 auto 0 auto; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

a
{
text-decoration: underline;
color: #35992A;
}

a:hover
{
text-decoration: none;
}

h1 {
	font-family: Verdana, "Times New Roman", Times, serif;
	font-size: 1.0em;
	color: #35992A;
	font-weight: bold;
	margin-bottom:1em;
}
h2 {
	font-family: Verdana, "Times New Roman", Times, serif;
	font-size: 0.8em;
	margin: 0 0em;
	color: #333;
	margin-bottom:1em;
}
h4 {
	font-family: Verdana, "Times New Roman", Times, serif;
	font-size: 1.0em;
	color: #666;
	font-weight: bold;
	margin-bottom:1em;
}
p {
	font-family: Verdana, "Times New Roman", Times, serif;
	font-size: 0.7em;
	line-height: 1.4em;
	text-align: left;
	color: #666;
	margin-bottom:1em;
}

ul{
	list-style-type: none;
	margin-bottom:1em;
}

ul.circles{
	padding:0 24px 0 24px;
	list-style-type:disc;
	margin-bottom:1em;
}

.noshow{
 display:none;
}

div#header{
  	width:802px;
	height:78px;
}


div#titlebar{
	position:relative;
	float:left;
	width:802px;
	height:78px;
	background-image:url(../tabmenu/titlebar.png);
	padding:0;
	border:0;
	margin:12px auto 0 auto;
	text-align:center;
}

div#titletabs{
	margin:0;
	padding:0;
	border:0;
	position:absolute;
	top:27px;
	left:192px;
	width:auto;
	height:36px;
}

div#titletabs ul{
	list-style-type:none;
	}

div#titletabs ul li{
	float:left;
	height:36px;
}

div#titletabs ul li img{
	border:0;
}

div#middle{
  	width:802px;
	height:500px;
	text-align:center;
}


div#mainsidebar{
 	margin-top:12px;
	position:relative;
	float:left;
	width:200px;
	height:476px;
	background-image: url(../sidebar/home/sidebar.jpg);
	background-repeat:no-repeat;
}



ul#sidebarlist{
	position:absolute;
	float:none;
	margin:0;
	top:14px;
	left:9px;
	padding:0;
	border:0;
}
ul#sidebarlist li{
	display:block;
	width:182px;
	height:31px;
	list-style-type: none;
	border:0;
	margin:0;
	padding:0;
}
ul#sidebarlist li img{
	width:182px;
	height:31px;
	border:0;
	margin:0;
	padding:0;
}



div#maincontentholder{
	position:relative;
	width:588px;
	height:auto;
	margin-top:12px;
	margin-bottom:0;
	margin-left:12px;
	float:left;

}
div#maintop{
	background-image:url(../gfx/bg_main_top.jpg);
	width:588px;
	height:21px;
	float:left;
}
div#mainbody{
	background-image:url(../gfx/bg_main_mid.jpg);
	background-repeat:repeat-y;
	width:588px;
	min-height:435px;
	float:left;
}


div#mainteam{
	background-image:url(../gfx/bg_main_mid.jpg);
	background-repeat:repeat-y;
	width:588px;
	height:auto;
	float:left;
}
.teammember{
	float:right;
	width:420px;
	height:80px;
	margin:25px 15px 0 45px;
	text-align:left;
}


div#teammember1{
	background-image:url(../gfx/team_david_goodwin.jpg);
	width:574px;
	height:120px;
	margin-left:6px;
}
div#teammember2{
	background-image:url(../gfx/team_sean_asquith.jpg);
	width:574px;
	height:120px;
	margin-left:6px;
}div#teammember3{
	background-image:url(../gfx/team_jane.jpg);
	width:574px;
	height:120px;
	margin-left:6px;
}div#teammember4{
	background-image:url(../gfx/team_graham_littlewood.jpg);
	width:574px;
	height:120px;
	margin-left:6px;
}


.mainbodytext {
	padding: 6px 6px 6px 6px;
	text-align:left;
}
.mainbodytext p{
	text-align:justify;
}
div#mainbottom{
	background-image:url(../gfx/bg_main_footer.jpg);
	width:588px;
	min-height:21px;
	float:left;
}

div#footer{
	float:left;
	width:802px;
	height:auto;
	margin-top:12px;
}

div#mainfooter {
	background: transparent url("../gfx/footer.jpg");
	height: 44px;
	padding: 16px 60px 0px 60px;
}

div#mainfooter p {
	position:relative;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: .6em;
	color: #666;
	text-align: center;
	font-weight: bold;
}

div#subfooter p {
	font-size: .6em;
	color: #666;
	text-align: center;
	margin-bottom: 0em;
	font-weight: bold;
	padding: 12px 0px 0px 0px;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
}


div#badges{
	position:relative;
	float:none;
	width:182px;
	text-align: center;
	margin: 0 auto 0 auto;
}


/*FORM ELEMENT............................

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.cssform p{
width: auto;
clear: left;
margin: 0;
padding: 5px 20px 8px 20px;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 320px;
height: 150px;
}

   .legalmain{
   		color:#000;
		list-style-type: decimal;
		list-style-position: outside;
		font-size:12px;
		font-weight:bolder;
		text-decoration:none;
		margin:0 40px 0 40px;
		}
   .legalsub{
   		color:#000;
		list-style-type: lower-alpha;
		list-style-position: outside;
		font-size:12px;
		font-weight:normal;
		text-decoration:none;
   		}
   .legalhead{
		text-decoration:none;
   }