﻿#col1 img {
	width: 100%; 
	max-width:700px;

}



.floatleftheader
{
float: left;
width:150px;
margin: 10px 15px 4px 15px; /* top, right, bottom, left */
border: 0px solid #666;
padding: 10px;
}

.floatleftfooter
{
float: left;
width:75px;
margin: 0px 0px 0px 0px; /* top, right, bottom, left */
border: 0px solid #666;
padding: 10px;
}

body {
	margin:0;
	padding:0;
	width:100%;
	background:#fcfdfc;
	min-width:600px;		/* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */

	font-family: "century gothic", verdana, sans-serif; 
}
a {
	color:#34679a;	/* almost same as #369 */
}

h1, h2, h3 {
	margin:.8em 0 .2em 0;
	padding:0;
	font-size:80%;
}

#col1 h2 {
	color: #fff;
	background-color: #777;
	font-size:100%;
}

h4, h5, h6 {
	margin:.8em 0 .2em 0;
	padding:0;
	font-size:80%;
}

/* http://www.mediacollege.com/internet/css/ul-list.html */
ul {
/* 	font-family: Verdana, Arial, Helvetica, sans-serif; */
	font-size: 12px;		
	font-style: normal;
	line-height: 1.5em;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
/*	color: #00CC33;			 */
 	text-decoration: none;
/* 	background-color: #CCCCCC;	 */
	text-indent: 0px;		/* indents main text */
	list-style-position: outside;
/* 	list-style-image: url(arrow.gif);*/
	list-style-type: disc;		 
	padding: 0 0 0 15px;			/* shifts all text, allows bullets */
	margin: 0px;			/* inner border around text */
}
p {
	margin:.4em 0 .8em 0;
	padding:0;
	font-size:75%;
}
img {
	margin:10px 0 5px;
}

#title {
	position:absolute;
	left:100px;
	top:-30px;
}
#title h1  {

	padding:.2em 15px;
	margin:0;
}
#header {
	float:left;
	width:100%;
	padding:0px;
	margin:0;
	border-bottom:1px solid #000;
	background:#8acf00; 				/* 8acf00 Header background colour background:#8acf00; */
}
#header p {
	padding:.5em 15px	.2em 15px;
	margin:0;
	color: #fff; 		/* almost white, shade of green */
}
#header img {
	padding:5px 0px 12px 0px;		/* top, right, bottom, left */
}
#header h1  {

	padding:.2em 15px;
	margin:0;
}
#header h2  {
	padding:75px 15px	.7em 15px;
	margin:0;
	color: #fff;
	font-size:100%;
}
#header h3  {
	padding:.2em 15px	.7em 15px;
	margin:0;
	color: #fff; 
}
#header h4  {
	padding:.2em 15px	.7em 15px;
	margin:0;
	color: #fff; 
}
#header hr {
	color:#99cc00;
	width: 100%;
}
#colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */

	overflow:hidden;		/* This chops off any overhanging divs */
	background:#f2f2d1;		/* Left column background colour */
}
#colmid {
	float:left;
	width:200%;
	position:relative;
	left:200px;		/* shifts the middle and right col, sets width of left background */
	background:#fcfdfc;    	/* Center column background colour */
}
#colright {
	float:left;
	width:100%;
	position:relative;
	left:50%;
	margin-left:-400px;
	background:#f2f2d1;    		/* Right column background color */
}
#col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:100%;
/* 	padding:10px 0px 0px 0px;	top, right, bottom, left */
}
#col1pad {
	margin:0 15px 0 415px;	/* was 415, adjusts the position of center column */
	overflow:hidden;
}
#col1 {
	width:100%;
	overflow:hidden;
}
#col1left {			/* col1left added */
	float:left;
	width:49%;
	overflow:hidden;
}
#col1right {			/* col1right added */
	float:right;
	width:49%;
	overflow:hidden;
}
#col2 {
	float:left;
	width:177px;		/* was 170, adjusts the text area of left column */
	position:relative;	
	margin-left:-50%;	/* was -50% */
	left:35px;		/* was 215, moves left column text */
	overflow:hidden;
}
#col3 {
	float:left;
	width:180px;		/* was 170, adjusts the text size of right column */
	position:relative;
	left:15px;
	overflow:hidden;
}
#footer {
	clear:both;
	float:left;
	width:100%;
	padding:0;
	margin:0;
	border-top:1px solid #000;
}
#footer p {
	padding:.5em 15px;
}



.email {
	text-decoration: underline; 
}




.additional-title {
	color:#555; 
	font-size: 14px;		
	font-weight: bold;
	line-height: 1.5em;
}

.additional-text {
	color:#777; 
	font-size: 12px;		
	font-style: normal;
	line-height: 1.5em;
}















