/* CSS Document */
body {
	background-color:#DDDDDD;
	font-family: Arial, Verdana;
	padding:0px;
	text-align:left;
	color:#393939;
	margin: 0px 0px 1em 0px;
}
td {
	font-size: 12px;
	vertical-align: top;
}
th {
	font-size: 14px;
}
p {
	padding: 1em 0px 0px 0px;
}
li {
	padding: .5em 0px 0px 0px;
}
p, li {
	margin:0px;
	font-size: 12px;
}
h1, h2, h3 {
	font-weight: bold;
	margin: 0px;
}
h1 {
	font-size: 20px;
}
h2 {
	font-size: 16px;
}
h3 {
	font-size: 13px;
}
a {
	text-decoration: none;
	color:#393939;
}
a:hover {
	text-decoration: underline;
}
img {
	border:none;
}

/* Layout */

#container {
	width:840px;
	margin: 0px auto;
}

#header{
	background-image:url(../images/bannerbackgroundtop.gif);
	background-position:top center;
	background-repeat:no-repeat;
	padding: 15px 15px 0px;
}
#logo h1{
	display:none;
}
#logo {
	float:left;
	padding:8px 0px;
}
#minibanner {
	float:right;
	position:relative;
}
#minibanner .corner{
	height:13px;
	width:13px;
	background:url(../images/righttopcorner.png) center no-repeat;
	position:absolute;
	top:0px;
	right:0px;
	z-index:2;
}

.background {
	background:url(../images/bannerbackgroundmiddle.gif) top repeat-y;
}
#banner .container{
	background:url(../images/homebanner.jpg) top no-repeat;
	padding: 0px 15px;	
}
#banner .container h2{
	color:white;
	padding:15px;	
	font-size: 20px;
}
#banner .content{
	opacity:.8;
	filter:alpha(opacity=80);
	background-color:#031545;
	padding:15px;
	color:white;
	float:right;
}
#homemenucontainer {
	background:url(../images/bannerbackgroundbottomblue.gif) bottom no-repeat;
	padding:0px 0px 15px;
	overflow:hidden;
}
.menucontainer{
	/* centre */
	position:relative;
	left:50%;	
	float:left;
	margin:0px;
	padding:0px;
}
.submenu{
	background:url(../images/lightmenubarbackground.gif) center no-repeat;
	overflow:hidden;
	/* give layout for IE6 */
	height:1%;
}
.submenu .menu{
	padding:10px 0px;
}
.submenu p{
	text-align:center;
	padding:15px;
}
.homebox{
	float:left;
	width:280px;
	background:url(../images/boxbackgroundmiddle.gif) repeat-y;
}
* html .homebox{
	display:inline;
}
.homebox h3{
	padding:20px 25px 3px;
	background:url(../images/boxbackgroundtop.gif) top no-repeat;
	color:white;
	font-weight:normal;
}
.homebox h3 a{
	color:white;
}
.homebox .image {
	margin:10px 15px 7px 0px; 
	float:left;
	width:80px;
	height:80px;
	position:relative;
}
.homebox .image .mask {
	position:absolute;
	height:100%;
	width:100%;
	z-index:2;
	background:url(../images/boximagemask.png) center no-repeat;
	top:0;
	left:0;
}
.homebox .image .arrow {
	position:absolute;
	height:20px;
	width:20px;
	z-index:3;
	right:-5px;
	bottom:-5px;
}
.homebox .image .arrow a:hover div{
	background-image:url(../images/arrowover.png);
}
.homebox .image .arrow a div{
	background:url(../images/arrow.png) center no-repeat;
	height:20px;
	width:20px;
	cursor:pointer;
}

.homebox p {
	padding-top:10px;
}
.homebox .content {
	padding:0px 20px 20px; 
	background:url(../images/boxbackgroundbottom.gif) bottom no-repeat;
}
.clear{
	clear:both;
}
.errortext {
	color:RED;
}
#footer {
	text-align:center;
	font-size:11px;
	color:#808080;
}
#bodycontainer {
	overflow:hidden;
	/* for ie 6 to honour overflow:hidden */
	height:1%;
	position:relative;
}
.bodybackgroundbottom {
	background:url(../images/bannerbackgroundbottom.gif) bottom no-repeat;
	padding:0px 0px 15px;
}
#rightcol {
	float:right;
	width:190px;
	/*background-color:#031344;*/
	/*background-color:#233e6a;*/
	/*background-color:#4263b5;*/
	background-color:#BBBBBB;
	margin:0px 15px -1990px 10px;
	padding:10px 10px 2000px 10px;
	/*border-left:solid 10px red;*/
/* for ie6 double margin bug http://www.positioniseverything.net/explorer/doubled-margin.html */
	display:inline;
}

#rightcol .corner{
	height:13px;
	width:13px;
	background:url(../images/rightbottomcorner.png) center no-repeat;
	position:absolute;
	bottom:0px;
	right:15px;
	z-index:2;
}
* html #rightcol .corner {
	bottom:-2px;
}
#maincontent {
	width:580px;
	margin:5px 0px 5px 20px;
}
#body h2{
	background:url(../images/bannerbackgroundtopblue.gif) top no-repeat;
	padding:20px 25px 3px;
	margin-bottom:4px;
	color:white;
	font-weight:normal;
}
/* Menu styling */
#nav{
	/* centre */
	position:relative;
	/*left:-50%;*/
	right:50%;
	background:url(../images/buttonmiddle2.gif) center repeat-x;
	/* for IE 6 - give layout */
	height:1%; 
	float:left;
}
.submenu ul{
	/* centre */
	position:relative;
	/*left:-50%;*/
    right:50%;
	/* for IE 6 - give layout */
	height:1%; 
	float:left;
}
#nav .first{
	padding-left:19px;
	background:url(../images/buttonleft2.gif) left no-repeat;
}
#nav .last{
	padding-right:19px;
	background:url(../images/buttonright2.gif) right no-repeat;
}

#nav a {
	color:white;
	display: block;
	margin:8px 0px;
	padding:7px 10px;
}
#nav a:hover, #nav a.selected{
	background:url(../images/buttonmiddleover2.gif) center repeat-x;
	text-decoration:none;
	border-bottom-style:solid;
	border-bottom-width:2px;
	margin-bottom:6px;
}
#profile a, #malmesbury a{
	border-bottom-color:#ef3a32;	
}
#highworth a, #comingup a{
	border-bottom-color:#01209f;		
}
#burton a, #contact a{	
	border-bottom-color:#d08f24;	
}
#heytesbury a, #index a{
	border-bottom-color:#66ffcc;
}
#purton a{
	border-bottom-color:#babcbf;
}
#nav li {
	font-size:14px;
}
ul.menu {
	padding: 0;
	margin: 0;
	list-style: none;
}
.menu li {
	padding:0;
	float: left;
	position:relative;
}
.menu li ul li {
	float: none;
}
.menu li ul {
	position: absolute;
	left: -999em;
}
.menu li:hover ul, .menu li.sfhover ul {
	left: auto;
}
.submenu ul li {
/*	width:33%;*/
	text-align:center;
}
.submenu a {
	background:url(../images/arrow.png) right no-repeat;
	padding:2px 25px;
	margin:0px 20px;
	display:inline-block;
}
.submenu a:hover {
	background-image:url(../images/arrowover.png);
}