/*
Colours:
#97C00E - background green
#02652C - title/hover green
#98BD0E - subtitle green
#006233 - footer green
#E5E5E5 - footer background grey
#696969 - text

*/


body {
	font-size: 16px;
	font-family: Georgia,Arial,sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/bg_grey.bmp);
	background-repeat:repeat;
	text-align:center;
}

#main-container {
	padding: 0px;
	margin-left:auto;
	margin-right:auto;
	width: 60%;
	min-width: 55em;
	max-width: 56em;
}
#main {
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 1em 0em 0em 0em;
	background-color: #ffffff;
	color: #696969;
	min-height: 500px;
}
#main-left {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0em 0em 0em 0em;
	width: 14em;
	font-weight: bold;
}
#main-left ul {
	position: relative;
	clear: left;
	list-style: none;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
}
#main-left li {
	padding: 0em 0em 0.1em 0.8em;	
}
#main-left a.s2.current {
	color: #02652C;	
}
#main-left a.s2 {
	color: #98BD0E;	
}
#main-left a.s3,
#main-left a.s4,
#main-left a.s5 {
	color: #696969;	
}
#main-left a.s3.current,
#main-left a.s4.current,
#main-left a.s5.current {
	color: #02652C;	
}
#main-left a {
	color:#98BD0E;
	text-decoration: none;
}
#main-left a:hover {
	color:#02652C;
	text-decoration: none;
}
#main-right {
	min-width: 480px;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0em 3em 0em 0em;
	vertical-align: text-top;
}

#footer {
	margin: 0px 0px 0px 0px;
	padding: 0em 1em 0em 1em;
	background-color: #E5E5E5;
	color: #666666;
	font-weight: bold;
	border: thin solid #E5E5E5;
	text-align: center;
}
#footer p {
	min-width: 53em;
	margin: 0.2em 0em 0.2em 0em;
	text-align: center;
}
#footer em {
	font-style: normal;
	color: #02652C;
}

h1 {
	color: #02652C;
}
h2 {
	color: #ffffff;	
}
h3 {
	color: #02652C;
	width: 30em;
	margin: 0px;
	padding: 0px;
}
h4 {
	padding: 0.2em 0em 0.2em 0em;
	margin: 0px;
	color: #98BD0E;
}
img {
	font-weight: bold;
	font-style: italic;
	font-size: 75%;
}
img.diagrams {
	font-weight: bold;
	font-style: italic;
	font-size: 75%;
	margin: 40px 0px 0px 20px;
	padding: 0px;
}
blockquote {
	width: 30em;
}
p {
	width: 35em;
	margin-left: 0px;
	padding-left: 0px;
}
p.story {
	width: 35em;
	font-size: 80%;
	font-style: italic;
	text-align: justify;
}
p.story2 {
	width: 35em;
	margin-left: 0px;
	padding-left: 0px;
	font-style: italic;
	text-align: justify;
}
ol {
	width: 35em;
	margin: 0px;
	padding: 0px;
}
ul {
	width: 35em;
	list-style-type: none;
}
ul.bullets {
	width: 35em;
	list-style-type: disc;
	margin: 0px;
	padding: 0px;
	padding-left: 1em;
}
li {
	margin-left: 0px;
	padding-left: 0px;
}
a {
	color:#98BD0E;
	text-decoration: none;
}
a:hover {
	color:#02652C;
	text-decoration: none;
}

.caption {
	text-align: right;
	font-style: italic;
	font-size: 90%;
}