/*--- Reset everything ---*/

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0 auto;
	padding: 0;
	font: 76% Arial, Verdana, Sans-Serif;
	background: #FFF;
}

body { 
	overflow: -moz-scrollbars-vertical; 
	} /* fix for Firefox scrollbar jump*/

/*--- Links ---*/

a {
	text-decoration: underline;
	color: #55AC00;
}

a:hover {
	color: #808080;
}

a img {
	border: 0;
}

/*--- Main divs ---*/

#bg { 
	width: 760px;
	margin: 0 auto;
	padding: 5px 10px 10px 10px;
	background: url(../images/bg.gif) top left no-repeat;
}

#container {
	padding-top: 9px;
	color: #303030;
	width: 736px;
	padding-left: 2px;
}

#toplinks {
	height: 20px;
	background: #ABE673;
	text-align: right;
	padding-right: 10px;
	padding-top: 5px;
}

#header {
	clear: both;
	margin: 0px 0 5px;
	height: 105px;
	background: url(../images/header2.gif) repeat-x left bottom;
	vertical-align: middle;
}

#header img {
	margin-left: 50px;
}

/*--- Navigation ---*/

#navigation {
	clear: left;
	float: left;
	width: 150px;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 0.9em;
}

#navigation ul {	
	list-style: none;
	width: 150px;
	margin: 0 0 3px 0;
	padding: 0;
	font-size: 1.1em;
}	

#navigation li {
	margin-bottom: 4px;
}

#navigation li a, #navigation li a:visited {
	text-align: right;
	height: 1.8em;
	text-decoration: none;
	color: #333;
	display: block;
	padding: 6px 8px 0 10px;
	background: #ABE673;
}	
	
#navigation li a:hover {
	background: #FFF5D9;
	color: #333;
}

/* --- Page areas and descendants ---*/

.left {
	margin: 2px 0 10px 0;
	padding: 3px 10px 5px 10px;
	width: 130px;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	color: #6B6B6B;
	background: #eee url(../images/left.gif) repeat-x;
}

.left a, .left a:visited {
	text-decoration: underline;
}

#rightFeature {
	float: right;
	width: 223px;
	margin: 0 0 10px 0;
	padding: 5px 13px 20px 10px;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	background: #eee url(../images/left.gif) repeat-x;
	color: #5D5D5D;
	line-height: 1.5em;
}

#rightFeature p {
	margin: 0px;
	font-size: 100%;
}

#rightFeature h3 {
	font-size: 9pt;	
}

#rightFeature a {
	display: block;
	height: 12px;
	padding-bottom: 4px;
	margin-bottom: 2px;
	border-bottom: 1px solid #CCC;
}

#rightFeature a.email {
	display: inline;
	border: 0;}

#rightFeature .social a {
	display: inline;
	border: 0;}

#upper {
	margin:  0 0 5px 155px;
	padding: 0 10px 5px 6px;
	line-height: 1.4em;
	background: url(../images/upper-gradient.gif) repeat-x bottom left;
}

#upper h1, #upper h2 {
	margin: 0px 0px 0.8em;
	padding: 4px 0;
	font-size: 140%;
	color: #009E79;
}

#upper h2.special {
	font-size: 150%;
	color: #009E79;
	padding: 1em 2em;
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
}

#upper p {
	margin: 0.8em 0;
}

#upper ul {
	margin-left: 1em;
	list-style: url(../images/green-bullet.gif) none;
	margin-top: 1em;
	margin-bottom: 1em;
}

#upper ul li {
	margin-bottom: 0.5em;
}

#lower {
	margin: 0 250px 20px 155px;
	border-top: 1px solid #ABE673;
	border-bottom: 1px solid #ABE673;
	background: #FFF url(../images/background.jpg) repeat-x;
	padding: 5px 6px 5px 6px;
	line-height: 1.6em;
	text-align: left;
	color: #525252;
}

#lower a, #lower a:visited {
	text-decoration: underline;	
}

#lower h2 {
	font-size: 1.5em;
	margin: 0 0 0.5em 0;
	color: #808080;
	padding-top: 3px;
}

#lower p {
	padding: 0;
	margin: 0.8em 0;
}

#lower ul {
	list-style: none;
	margin-left: 1em;
}

#lower .ulright {
width: 150px;
}

/*--- General headings ---*/

h3 {
	font-size: 1.3em;
	margin: 0 0 5px;
	padding: 0.5em 0px;
	color: #009E79;
}

/*--- Other text styles ---*/

.caption {
	padding-top: 2px;
	height: 30px;
	margin: 5px 0 6px 0;
	border-top: 1px solid #EEE;
	font-size: 90%;
	text-transform: uppercase;
	color: #808080;
}

.captionright {
	margin-left: 300px;
	width: 200px;
	float: right;
}

.centre {
	text-align: center;
}
.imagecaption {
	margin-top: 10px;
}


.news {
	font-size: 120%;
}

small {
	font-size: 90%;
}

/* --- Images and floats ---*/

.featureimg {
	border: 2px solid #E5E5E5;
}

.image1 {
	margin-left: 10px;
	margin-top: 4px;
}

.fleft {
	float: left;
	margin-right: 1em;
}

.fright {
	float: right;
	margin-left: 0.5em;
}

.clearleft {
	clear: left;
}

/*--- Others ---*/

hr {
	background:#DDD;
	height:1px;
	color:#DDD;
	border:none;
	margin: 2em 0;
}

.skiplink {
	display: none;
}

.error {
	color: #F60;
	font-weight: bold;
}

.more {
	padding-top: 2px;
	height: 30px;
	margin: 5px 0 6px 0;
	font-size: 95%;
	text-transform: uppercase;
}

.more a {
	text-decoration: none;
}

.more a:hover {
	text-decoration: underline;
}

#slideshow {
	text-align: center;
	height: 375px;
	width: 500px;
	border: 3px solid #E5E5E5;
	margin-left: 28px;
	margin-bottom: 10px;
}