﻿body 
{
background-color: #FFF;
	margin: 0 0 0 0;
	padding:0 0 0 0;
	font-family: verdana;
	font-size:11px;
	color:#808080;
	}
	
#container {
	position: absolute;
	width: 700px;
	height: 575px;
	left: 50%;
	top: 50%;
	margin-top: -290px; /* make this half your image/element height */;
	margin-left: -350px;
	z-index: 1;
}

#menu {
	position: absolute;
	width: 510px;
	height: 20px;
	left: 0;
	top: 0;
	z-index: 2;
}

#ianwilson {
	position: absolute;
	width: 299px;
	height: 29px;
	left: 0;
	top: 49px;
	z-index: 2;
}


#date {
	position: absolute;
	width: 195px;
	height: 15px;
	left: 505px;
	top: 2px;
	z-index: 2;
	text-align:right;
}

#topline {
	position: absolute;
	width: 700px;
	height: 1px;
	left: 0;
	top: 25px;
	z-index: 2;
}

#leftcolumn {
	position: absolute;
	width: 120px;
	height: 390px;
	left: 0;
	top: 90px;
	z-index: 2;
}

#centrecolumn {
	position: absolute;
	width: 278px;
	height: 390px;
	left: 132px;
	top: 90px;
	z-index: 2;
}

#rightcolumn {
	position: absolute;
	width: 278px;
	height: 390px;
	left: 422px;
	top: 90px;
	z-index: 2;
}

#centreandright {
	position: absolute;
	width: 566px;
	height: 390px;
	left: 132px;
	top: 90px;
	z-index: 2;
}


#bottompic {
	position: absolute;
	width: 566px;
	height: 75px;
	left: 0px;
	top: 315px;
	z-index: 6;
}

#centresactivity {
	background-image:url('../images/centresactivity.gif');
	position: absolute;
	width: 566px;
	height: 75px;
	left: 0px;
	top: 315px;
	z-index: 6;
}

.whiteline{
	background-color:white;
	height:1px
}


#singleleftpic {
	position: absolute;
	width: 120px;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 3;
}


#leftbox1 {
	position: absolute;
	width: 120px;
	height: 105px;
	left: 0px;
	top: 0px;
	z-index: 3;
}

#leftbox2 {
	position: absolute;
	width: 120px;
	height: 75px;
	left: 0px;
	top: 116px;
	z-index: 3;
}

#leftbox3 {
	position: absolute;
	width: 120px;
	height: 105px;
	left: 0px;
	top: 200px;
	z-index: 3;
}

#leftbox4 {
	position: absolute;
	width: 120px;
	height: 75px;
	left: 0px;
	top: 315px;
	z-index: 3;
}

#rightbox1 {
	position: absolute;
	width: 278px;
	height: 105px;
	left: 0px;
	top: 0px;
	z-index: 3;
}

#rightbox2 {
	position: absolute;
	width: 278px;
	height: 190px;
	left: 0px;
	top: 0px;
	z-index: 3;
}

#rightbox3 {
	position: absolute;
	width: 100%;
	height: 75px;
	left: 0px;
	top: 315px;
	z-index: 3;
}

#rightbox4 {
	position: absolute;
	width: 100%;
	height: 105px;
	left: 0px;
	top: 200px;
	z-index: 3;
}


#rightboxservices {
	position: absolute;
	width: 100%;
	height: 305px;
	left: 0px;
	top: 0px;
	z-index: 3;
}

#rightboxcontact {
	position: absolute;
	width: 100%;
	height: 275px;
	left: 0px;
	top: 116px;
	z-index: 3;
}



.whitebold{
	position: relative;
	width: 100%;
	height: 60px;
	left: 0px;
	top: 10px;
	z-index: 3;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}

.whitecontact{
	position: relative;
	width: 240px;
	height: 220px;
	left: 19px;
	top: 25px;
	z-index: 3;
	color: #FFFFFF;
	text-align: center;
}


#baseline {
	position: absolute;
	width: 700px;
	height: 1px;
	left: 0;
	top: 533px;
	z-index: 2;
}


#copyright {
	position: absolute;
	width: 149px;
	height: 15px;
	left: 551px;
	top: 552px;
	z-index: 2;
	text-align:right
}

#gs {
	position: absolute;
	width: 163px;
	height: 15px;
	left: 0px;
	top: 552px;
	z-index: 2;
}

#title {	
	position: absolute;
	width: 398px;
	height: 20px;
	left: 302px;
	top: 52px;
	z-index: 2;

}

#basestrap {	
	position: absolute;
	width: 700px;
	height: 23px;
	left: 0px;
	top: 495px;
	z-index: 2;
}

h1{
	font-size: 12px;
	font-style: italic;
	color: #9E99B9;
	margin: 0 0 0 0;
	font-weight: 500;
	text-align:right;

}


h2{
	font-size: 16px;
	letter-spacing: 2pt;
	font-weight: bold;
	margin: 0 0 0 0;
	width:294px;  
	color: #9E99B9;
}

h3{
	font-size: 17px;
	color: #9E99B9;
	letter-spacing: 1pt;
	margin: 0 0 0 0;
	font-weight: 600;
	font-style: italic;
	

}


a.menu{
text-decoration: none; 
color: #999999; 
font-size: 13px; 
letter-spacing: 1pt;
}

a.menu:hover
{
color: #FF0000; 
}

.thispage {
	color: #FF0000;
	font-size: 13px;
	letter-spacing: 1pt;
	text-decoration:none
}

hr {
	border: 0;
	background-color: #9B96B8;
	height: 1px;
	width: 100%;
	text-align: center;
}

ul{
	margin-bottom:0;
	margin-top:0;
}

.bluebg {
	background-color: #3AA5DE;
}

.greenbg {
	background-color: #33CC33;
}

.white {
	position: relative;
	width: 100%;
	height: 60px;
	left: 0px;
	top: 10px;
	z-index: 3;
	font-weight: normal;
	color: #FFFFFF;
	vertical-align: middle;
	text-align: center;
}
input{
	border-style:solid;
	border:1px;
	border-color:#5C79AF;
	font-size:13px;
	color:#5C79AF;

}
.whitetext {
	color: #FFFFFF;
}

a.bottommenu
{
	font-size: 11px;
	color: #50AEE2;
	text-decoration: none;
	font-weight: bold;
}

a.bottommenu:active
{
	font-size: 8pt;
	color: #50AEE2;
	text-decoration: none;
	font-weight: bold;
}

.right{
	text-align:right;
	color: #FFFFFF;
}

a.bottommenu:hover
{
	font-size: 8pt;
	color: #50AEE2;
	text-decoration: none;
	font-weight: bold;
}

a.bottommenu:visited
{
	font-size: 8pt;
	color: #50AEE2;
	text-decoration: none;
	font-weight: bold;
}


a.bottommenu:link
{
	font-size: 8pt;
	color: #50AEE2;
	text-decoration: none;
	font-weight: bold;
}

img{
	border-width:0px
}


.whitebold13 {
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	font-size: 13px;
}


