@charset "utf-8";
/*  This file sets the style for copyright string.
*
*   Created By: Micah Leitch 30 Mar 2009
*/
.style1 {font-size:1.5em; text-align:right; margin:0; position:relative; right:25px;}
.style2 {font-size:0.875em; color:#666699; text-decoration:none;}
.style3 {font-size:1.25em; margin:0}
.style4 {font-size:1.125em; color:#666699; text-decoration:none;}

.organisationColour {
	color: silver;
	background-color: #666699;
}
.inverseColour {
	color: #666699;
	background-color: silver;
}

a,h3 {
	font-size:1.0em;
	color: #666699;
}
a.news {
	font-size:1.0em;
	color: #FA03B6;
	text-decoration:none;}

a.home {
	font-size:1.0em;
	text-decoration:none;}

a.more {
	padding-left: 5;
	font-style: normal;
	font-weight: bold;
}
body {
margin:0;
padding: 0;
text-align: center;
font: 100% arial,sans-serif;
background-color:white;
}
div#page{
width: 80%;
margin: 0 auto;
text-align: left;
}
div#nav_container{
height:36px;
}
.nav_box{
width:11.11%;
height:40px;
float:left;
}
.nav{
height:36px;
text-align:center;
line-height:34px;
border: 2px solid white;
}
div#head{
width: 100%;
height:142px;
margin-top:2px;
float:left;
background-image:url('../images/environs1.jpg');
}
.headPhoto{
margin:0;
border: 0;
padding: 0;
float:left;
}
div#container{
background-color:white;
}
div#sidebar{
width:20%;
margin-top:0px;
float:left;
}
div#menu_head{
height:25px;
margin:0px 5px 0px 0px;
padding:5px 0 5px 5px;
}
.menu{
height:30px;
margin:3px 5px 3px 0px;
padding:5px 0 5px 5px;
}
div#title{
width: 79%;
height:25px;
margin-top:0px;
padding:5px 0 5px 5px;
float:right;
}
div#main{
width: 79%;
margin-top:3px;
background-color:white;
float:right;
}
div#footer{
height:40px;
margin-top:3px;
clear:both;
}
div.home{
border-color:#666699;
border-bottom-width:3px;
border-bottom-style:solid;
font-style: normal;
margin-bottom:5px;
}
div.vision{
width: 79%;
margin-top:3px;
float:right;
border-color:#666699;
border-width:0px;
border-style:solid;
background-color:silver;
font-size:1.125em;
padding:5px 0 5px 5px;
margin-bottom:10px;
}
div.latest{
width: 78%;
float:right;
border-color:#0F0;
border-width:5px;
border-style:solid;
font-size:1.125em;
color:black;
padding:5px 0 5px 5px;
}

.photo{
  padding:5px 5px 5px 5px;
  background-color:silver;
  text-align:center;
}
img
{
	margin 5px;
}
img.home
{
	width: 120px;
	height: 120px;
	padding: 5px;
	border:thin;
	border-style:solid;
	border-color: #666699;
}
img.news
{
	width: 80px;
	height: 80px;
	padding: 5px;
	border:thin;
	border-style:solid;
	border-color: #FA03B6;
}
/* Miscellaneous classes for reuse */
.fltright { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin: 8px;
}
.fltleft { /* this class can be used to float an element left in your page */
	float: left;
	margin: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}