/* CSS Document */

body { background-color: #FFF; margin: 0px;}

#horizon { color: white; background-color: #FFF; text-align: center; position: absolute; top: 50%; left: 0px; width: 100%;
	height: 1px; overflow: visible; visibility: visible; display: block; }

#content { font-family: Verdana, Geneva, Arial, sans-serif; background-color: #FFF; margin-left: -490px;
	position: absolute; top: -342px; left: 50%; width: 978px; height: 660px; visibility: visible; }
	
#header {display:block; width:978px; height:138px; background:url(../images/site_10382_01.jpg) top left;}

.topgrad { display:block; width:978px; height:16px; background-image: url(../images/top_grad.gif); background-repeat: repeat-x;}

.lowgrad {
	display:block;
	width:968px;
	height:16px;
	background-image: url(../images/top_grad.gif);
	background-repeat: repeat-x;
	background-position: top;}

/* Menu */

#menu { background: #FFF ; font-size: 12px;  height:30px; width:978px; position:relative;}

#menu ul {margin: 0; list-style: none; padding:0; height:26px;}

#menu li { position:relative; background-color:#FFF; width:163px; float:left; color:#AEC5D3;}

#menu li a { color: #1A7843; font-weight: bold; text-decoration: none; padding:8px 0; display: inherit; width:163px; }

.youarehere { color: #AEC5D3; font-weight: bold; text-decoration: none; padding:8px 0; display: inherit; width:163px; }

#menu li a:hover { background: #AEC5D3; color: #fff; width:163px;}

#text { display:block; height:468px; width:968px; text-align:left; }

#footer { display:block; height:31px; width:968px; background:url(../images/site_10382_06.jpg) top left;}

a:link, a:visited { color: #06f; text-decoration: none }

a:hover { color: red; text-decoration: none;}

#words { position: absolute; top: 177px; left: 22px; width: 640px; height: 446px; visibility: visible; display: block; 
	font-size:10px; line-height:14px; color:#000; overflow: auto; }
	
#adverts { position: absolute; top: 193px; left: 22px; width: 952px; height: 446px; visibility: visible; display: block; 
	font-size:10px; line-height:14px; color:#000; overflow: auto; }	
	
h1 { font-size:20px; line-height:22px; width:568px; margin:8px 0 14px 32px; color:#1A7843; }

h2 { font-size:12px; line-height:16px; width:568px; margin-left:32px; padding:0; margin-bottom: 6px;}

p { font-size:14px; line-height:18px; width:568px; margin-left:32px;}

.adverts {float: left; margin:10px;}

.other a {color:#1A7843; font-weight:bold;}
.other a:link {color:#1A7843; font-weight:bold;}
.other a:visited {color:#1A7843; font-weight:bold;}
.other a:hover {color: #FF0000; font-weight:bold;}
.other a:active {color:#1A7843; font-weight:bold;}

#table { font-size: 10px; width:550px; margin-left:32px;}

#table strong{ color:#000;}

.disclaimer { font-size:9px; line-height:14px; width:568px; margin-left:32px;}

strong { color:#1A7843;}

.indexpage {background: url(../images/index_bg.gif) top no-repeat;}

#bayfordsign { position:absolute; height:31px; width:110px; background: url(../images/bayford_sign.gif) top no-repeat; z-index:100; top:652px; _top:654px; right:32px; _right:27px;  }
	
.formadvice { font-size:10px; color:#1A7843; }

.formwarning { font-size:10px; color:red; }

.import { color:#FFF; font-weight:bold;}

.import a {color:#FFF;}
.import a:link {color:#FFF;}
.import a:visited {color:#FFF;}
.import a:hover {color: #FFF ; text-decoration:underline;}
.import a:active {color:#FFF;}