/* CSS Document */

/* Colours
#82E67D		Light Green
#77D473		Dark Green

*/

html, body, ul, ol, li, p, blockquote, q, h1, h2, h3, h4, h5, h6, fieldset, legend, form, label, a, div, img, dd, dt, dl, input {
	margin: 0;
	padding: 0;
	border: 0;
	}

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

/* General Links */

a:link {
	color: #41823b;
	text-decoration: underline;
	}

a:hover {
	text-decoration: underline;
	}

a:visited {
	color: #82E67D;
	text-decoration: underline;
	}

/* Fonts */

h1 {
	font-size: 2.5em;
	font-weight: bold;
	color: #77D473;
	} /* displayed at 24px */

h2 {
	font-size: 1.25em;
	font-weight: bold;
	color: #77D473;
	padding: 0.2em 0em;
	}  /* displayed at 18px */

h3 {
	font-size:1.25em;
	color: #fff;
	font-weight: bold;
	padding: 0.2em 0em;
	}  /* displayed at 18px */

h4 {
	font-size:1.25em;
	margin-bottom: 10px;
	color: #41823b;
	}  /* displayed at 12px */

h5 {
	font-size:1.25em;
	margin-bottom: 10px;
	color: #fff;
	background: #77D473;
	padding: 0.1em 0.4em;
	border-radius: 13px;
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	}  /* displayed at 12px */

h6 {
	font-size: 0.8em;
	color: #77D473;
	}

p {
	font-size: 1em;
	line-height: 125%;
	color: #3f3f3f;
	}

p a {
	font-weight: bold;
	}

li {
	color: #fff;
	}

.explain {
	background: #82E67D;
	padding: 10px 30px;
	height: 35px;
	}

.highlight {
	background: #41823b;
	padding: 0.1em 0.4em;
	border-radius: 13px;
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	}


/*     */

body {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	background-color: #eee;
	}


#toplinks {
	width: 100%;
	background: #82E67D;
	left: 0;
	right: 0;
	color: #fff;
	float: left;
	}

#toplinks ul {
	background: #77D473;
	width: 900px;
	margin: 0 auto;
	padding: 10px 20px;
	}

#toplinks li {
	list-style-type: none;
	display: inline;
	padding: 5px;
	font-size: 12px;
	}

#toplinks a {
	color: #fff;
	text-decoration: none;
	}

#toplinks a:hover {
	color: #fff;
	text-decoration: underline;
	}

#centre {
	background: #fff;
	margin: 0 auto;
	width: 940px;
	height: auto;
	margin-bottom: 100px;
	}

#logo {
	clear: both;
	float: left;
	margin-top: 0em;
	height: 120px;
	}

#logo img {
	float: left;
	margin-top: 1.5em;
	border: none;
	float: left;
	padding-left: 2em;
	}

#slideshow {
	margin: 20px 20px 0 20px;
	overflow-x: hidden;
	/* border-bottom: 2px solid #82e67d; */
	}

#slideshow img, #widecontent img {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 10px solid #eee;
	}

.slides {
	padding: 0 0 10px 0;
	float: left;
	width: 600px;
	height: auto;
	}

.slides li a {
	font-weight: normal;
	float: left;
	color: #999;
	background: #eee;
	padding: 0.2em 0.6em;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-decoration: none;
	}

.slides li a:hover {
	color: #fff;
	background: #77D473;
	}

.slides-nav {
	float: right;
	margin: 0 0 20px 15px;
	width: 265px;
	height: auto;
	}

.slides-nav ul {
	margin: 10px;
	}

.slides-nav li {
	list-style-type: none;
	margin-bottom: 3px;
	color: #77D473;
	background: #eee;
	padding: 0.3em 0.7em;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}

.slides-nav a {
	color: #77d473;
	text-decoration: none;
	}

.slides-nav li a:hover {
	text-decoration: underline;
	}

.slide-heading {
	float: right;
	width: 265px;
	}

.slide-heading li {
	padding: 0.3em 0.7em;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}

#contact {
	margin-bottom: 20px;
	color: #fff;
	background: #82E67D;
	}

/* Navigation */

#navigation {
	margin: 40px 20px;
	float: left;
	width: 600px;
	}

#navigation ul {
	text-transform: uppercase; 
	line-height: 45px;
	list-style-type: none;
	background: inherit;
	}

#navigation li {
	display: inline;
	color: #fff;
	font-size: 16px;
	background: inherit;
	padding-left: 10px;
	}

#navigation a {
	font-weight: normal;
	text-decoration: none;
	color: #fff;
	background: #77D473;
	padding: 0.4em 0.7em;
	border-radius: 13px;
	-moz-border-radius: 13px;
	-webkit-border-radius: 15px;
	}

#navigation a:hover {
	color: #fff;
	background: #82e67d;
	text-decoration: none;
	padding: 0.4em 0.7em;
	}

/* Navigation Two */

#navigation2 {
	clear: both;
	margin: 0 auto;
	width: 900px;
	background: #eee;
	}

#navigation2 ul {
	border-top: 4px solid #82e67d;
	text-align: center;
	width: 900px;
	line-height: 35px;
	list-style-type: none;
	background: inherit;
	}

#navigation2 li {
	display: inline;
	color: #fff;
	font-size: 90%;
	background: inherit;
	margin-right: 5px;
	}

#navigation2 a {
	color: #41823b;
	text-decoration: none;
	padding: 0.4em 0.6em;
	}

#navigation2 a:hover {
	text-decoration: underline;
	padding: 0.4em 0.6em;
	}
	
/* Home Page Sections */

#quote {
	clear: both;
	margin: 0 auto;
	margin-top: 20px;
	padding: 5px 0px;
	background: #77D473 url(img/shadow6.png) no-repeat top center;
	border-bottom: 1px solid #41823b;
	}

#quote h3 {
	width: 880px;
	margin: 0 auto;
	}

#contentholder {
	width: 920px;
	margin: 0 auto;
	height: auto;
	overflow-x: hidden;
	}

#contentholder2 {
	float: left;
	width: 640px;
	height: auto;
	overflow-x: hidden;
	}

#content {
	float: left;
	width: 420px;
	padding: 0 20px;
	margin: 20px 0;
	}

#content h4 {
	text-align: left;
	}

#content p, #info p, .info p, #widecontent p {
	color: #666;
	padding: 10px 0;
	font-size: 14px;
	}

#widecontent {
	float: left;
	width: 600px;
	padding: 0 20px;
	margin: 20px 0;
	}

#widecontent li {
	float: left;
	width: 270px;
	color: #666;
	padding: 5px 0;
	margin-left: 30px;
	font-size: 14px;
	}

#info {
	float: right;
	width: 390px;
	background: #eee;
	padding: 20px;
	margin: 20px 10px 0 10px;
	border: 1px solid #dedede;
	}

#info img {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 5px solid #fff;
	}

.info {
	float: left;
	width: 175px;
	padding: 0 20px 0 0px;
	margin: 0;
	background: #eee;
	}

.info2 {
	float: right;
	width: 175px;
	padding: 0 0px 0 0px;
	margin: 0;
	background: #eee;
	}

#sidebar {
	float: right;
	clear: none;
	width: 220px;
	padding: 20px;
	margin: 0px 20px 20px 0;
	background: #eee;
	border: 1px solid #dedede;
	margin-top: -210px;
	}

#sidebar img {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 5px solid #fff;
	}

#sidebar p {
	margin: 10px 0;
	font-size: 90%;
	}

#accreditations {
	clear: both;
	margin-top: 2em;
	text-align: center;
	}

#accreditations p {
	margin: 0 auto;
	padding: 0 40px;
	font-size: 80%;
	color: #666;
	}

#accreditations img {
	padding-right: 10px;
	}

#base {
	clear: both;
	overflow-x: hidden;
	width: 900px;
	padding: 20px 0 20px 20px;
	background: #fff;
	}

.accreditations {
	float: left;
	width: 205px;
	padding-right: 20px;
	}

.lastaccreditation {
	width: 205px;
	float: right;
	padding-right: 0;
	}

.accreditations img, .lastaccreditation img {
	padding: 20px 75px;
	}

.lastaccreditation img {
	padding: 20px 75px 8px 75px;
	}

.accreditations p, .lastaccreditation p {
	color: #999;
	text-align: center;
	font-size: 12px;
	}

#credits {
	padding: 20px;
	margin: 0 auto;
	text-align: center;
	font-size: 90%;
	color: #41823b;
	background: #eee url(img/shadow5.png) no-repeat top center;
	}

#credits p {
	color: #666;
	font-size: 12px;
	padding: 10px;
	}

#credits a {
	text-decoration: none;
	color: #eee;
	background: #dedede;
	padding: 0.3em 1em;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}

#credits a:hover {
	background: #82e67d;
	}

/* Fix for perminant scrollbar */

html {
	height: 100%;
	margin-bottom: 1px;
	} 

/* contact page icons */

#icons {
	margin: 10px 0;
	}

#icons li {
	list-style-type: none;
	margin-left: 10px;
	padding-left: 40px;
	line-height: 25px;
	}

.address {
	background: url(img/home.png) no-repeat top left;
	}

.phone {
	background: url(img/mobile_phone.png) no-repeat top left;
	}

.email {
	background: url(img/mail.png) no-repeat center left;
	}

#ticklist li {
	width: 600px;
	list-style-type: none;
	margin-left: 10px;
	padding-left: 25px;
	line-height: 25px;
	background: url(img/checkmark.png) no-repeat center left;
	}