﻿body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em; 
	background-image:url('images/greenbackgnd.jpg');
	background-repeat:repeat;
}
* {
	padding: 0;
	margin: 0;
	border: 0;
	font-style: normal;
}
#container {
	border: 2px solid olive;
	width: 754px;
	margin: 0 auto;
	padding: 10px;
	background-image:url('images/whitebackgnd.jpg');
	background-repeat:repeat;
}

#masthead {
	text-align: center;
	width: 743px;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	background-image:url('images/whitebackgnd.jpg');
	background-repeat:repeat;
}

#navigation {
	width: 700px;
	float:left;
	padding-left:50px;
}

.bjkbutton {
	float:right;
	width:690px;
	height:20px;
	padding-right:40px;
	text-align:right;
}


#content {
	float: left;
	width: 700px; 
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 20px;
	margin-left: 20px;
	padding:15px;
}

#footer {
	text-align: center;
	clear: both;
	width: 700px;
	height: 35px;
	background-image:url('images/bar.jpg');
	margin-left:30px;
	padding-top:15px;
}

/* Masthead Styles */
#masthead h1 {
	color: teal;
	font-size:4.0em;
}
#masthead h2 {
	color:#00CC66;
	font-size: xx-large;
	font-weight:normal;
	font-style:italic;
}
#masthead h3 {
	color: #402640;
}

/* Content Styles */
#content p {
	color:black;
	margin-bottom:6pt;
}
#content h1,h2,h4,h5,h6 {
	color: teal;
}
#content h3 {
	color: darkred;
	margin-top:16.0pt;
	margin-right:0cm;
	margin-bottom:3.0pt;
	margin-left:0cm;
	page-break-after:avoid;
}
#content h4 {
	margin-top:9.0pt;
	margin-right:0cm;
	margin-bottom:3.0pt;
	margin-left:0cm;
	page-break-after:avoid;
}
#content img {
	margin-left: 15px;
	margin-bottom:5px;
	margin-bottom:10px;
	float: right;
}
#content a {
	color: darkred;
	font-weight: bold;
	text-decoration:underline;
}
#content a:hover {
	color: teal;
	font-weight: bold;
	text-decoration: none;
}

.centretext {
	text-align:center;
}

/* Footer Styles */
#footer p {
	color: #808080;
}
#footer a {
	color: teal;
	text-decoration: underline;
}
#footer a:hover {
	color: navy;
	text-decoration: none;
}
a {
	color: navy;
	text-decoration: underline;
}
a:hover {
	color: olive;
	text-decoration: underline;
}

.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}
.imgborder {
	padding:5px;
	border: 2px darkred solid;
}
.pageimg {
	padding:20px;
	border: 4px darkred solid;
	margin-left:58px;
}

.navbutton {float:left;}
.navbutton a, .navbutton a:active, .navbutton a:visited {
	display:block; 
	border:1px #EEEEFF solid;
	width:75px; 
	height: 20px;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	margin:3px;
	color:olive; 
	font-weight:bold; 
	text-align:center;
	text-decoration:none; 
	background-image:url('images/button.jpg');
}
.navbutton a:hover {
	color:teal;
	border: 1px olive solid;
}
/*.homebutton {
	display:block; 
	width: 115px; 
	height: 40px;
	padding:0;
	margin:0;
	font-weight:bold; 
	text-align:center;
} */
.homebutton {
	float:right;
}
.homebutton a {
	display:block; 
	background-image:url('images/button2.jpg');
	width: 115px; 
	height: 40px;
	padding:0;
	margin:0;
	color:olive; 
	font-weight:bold; 
	text-align:center;
	text-decoration:none; 
}
.homebutton a:hover {
	color:teal;
}

/* Forwards and backwards navigation strips and their styles */
.prevpage {
	float:left;
	width:229px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.to_contents {
	float:left;
	width:200px;
	text-align:center;
	margin-top: 10px;
	margin-bottom: 10px;
}
.nextpage {
	float:left;
	width:229px;
	text-align:right;
	margin-top: 10px;
	margin-bottom: 10px;
}

