/* Global Classes */
html,body {margin:0px;padding:0;leftmargin: 0px; topmargin: 0px; marginwidth:0px; marginheight: 0px; bgcolor: white;}
body.home {font-family: "Gill Sans MT"; background: url(../images/gradient.gif) repeat; padding:0px; text-align: center; leftmargin: 0px; topmargin: 0px; marginwidth: 0px; marginheight: 0px; bgcolor: white}
body{font-family: "Gill Sans MT"; padding:0px; text-align: center}
span, div, td, p, ul {font-weight: normal;font-size: 12px; font-family: "Gill Sans MT";text-align: left; text-decoration: none;} 
a {font-weight: normal;font-size: 12px; font-family: "Gill Sans MT";text-align: left; text-decoration: none; color: #6d20d6}
a:visited, a:hover, a:active, a:focus, a:focus:hover {text-decoration: none; border: 0px; color: #311852}	
a.mainlink {font-size: 20px; color: #ffffff; font-weight: normal}
a.factsheet {font-size: 18px; color: #4f2e7f; font-weight: normal}	
ul {margin-top:0; margin-bottom:0; list-style-type:disc; list-style-position:outside; text-align: justify }
li { margin:0px; font-size: 14px; color: #4f2e7f; padding-right: 10px }
.lnk:hover, a:hover {text-decoration:none;}
.hline{clear:both;}
.hline img {margin: 8px 0px 0px 0px; }
h1 {font-size: 300%; padding-left: 20px; margin: 0; padding-top: 10px; padding-bottom: 0px; color: #4f2e7f}
h2 {font-size: 160%; margin: 0px; padding: 0px}
h3 {font-size: 120%; margin: 0px; padding: 0px}
h4 {margin: 0px; padding: 0px}
h5 {margin: 0px; padding: 0px}
p {margin: 0;padding: 0 15px 0.7em;line-height: 1.5}	  
object:hover {text-decoration: none;}
td, tr {margin: 0px; padding: 0px}

.newshead {background: #ffffff; font-size: 18px; padding-bottom: 10px; padding-left: 20px; text-align: left; padding-right: 0px; color: #4f2e7f}
.newsbody {background: #ffffff;font-size: 14px; padding-bottom: 5px; padding-left: 20px; text-align: justify; padding-right: 10px; color: #4f2e7f}


bottomline{font-size: 11px;color: #ffffff}
a.bottomline{font-size: 11px;color: #ffffff; font-weight: bold}
a.bottomlinehome{font-size: 11px;color: #ffffff;font-weight: bold}
a.hoverLink {font-weight: bold; padding-left: 0px; padding-bottom: 5px}

.contact {font-size: 10px; color:4f2e7f} 
.contactNewbury, .contactSwindon, .contactWantage, .contactHungerford {padding-left: 20px; font-size: 14px; color:#4f2e7f; font-weight: bold}
.bodyTextMain {width: 390px; text-align: justify; padding-left: 20px; padding-bottom: 10px; font-size: 13px; color: #4f2e7f; font-weight: normal}
.bodyTextMain14 {width: 390px; text-align: justify; padding-left: 20px; padding-bottom: 10px; font-size: 14px; color: #4f2e7f; font-weight: normal} 
.bodyTextMain16 {width: 390px; text-align: justify; padding-left: 20px; padding-bottom: 10px; font-size: 16px; color: #4f2e7f; font-weight: normal}
.bodyTextMain18 {width: 390px; text-align: justify; padding-left: 20px; padding-bottom: 10px; font-size: 18px; color: #4f2e7f; font-weight: normal}  
.bodyTextMainWide {width: 600px; text-align: justify; padding-left: 30px; padding-bottom: 10px; font-size: 13px; color: #4f2e7f; font-weight: normal}  

.bodySols {width: 470px; text-align: justify; padding-left: 150px; padding-bottom: 10px; font-size: 13px; color: #4f2e7f; font-weight: normal} 

.bottomBox {width: 600px; height: 130px;  padding-bottom: 0px; font-size: 14px; color: #000000; font-weight: normal;border: 1px solid #4f2e7f; positon: relative; left: -20px} 

div.contentwidevacancy { padding-left: 0px;	padding-bottom:	10px; width: 550px;	font-size: 8pt;	text-align: justify}
div.contentwidevacancycenter { padding-left: 0px; padding-bottom: 10px;	width: 500px; font-size: 8pt; text-align: center; }

#page1 {position: relative;top: -175px; left: 80px; width: 550px; text-align: justify; padding: 0px}
#page2 {position: relative;top: -525px; left: 80px; width: 550px; text-align: justify; padding: 0px}
#page3 {position: relative;top: -835px; left: 80px; width: 550px; text-align: justify; padding: 0px}

.smartnav {float: left; position: fixed; top: 10px}

.middletop {  color: white; font-size: 16px; font-weight: bold; padding-left: 0px; text-align: left;}

.iframe {position: relative; left: 0px; top: 10px}

/* rounded corners */

.outerdiv {background: #6600FF; width: 280px; padding: 0px; margin: 0px}
.lefttop {background: url(images/top-left.png) no-repeat; width: 500px; float:left}
.righttop {float:right; position: relative; top: -30px; left: 0px}
.middle { color: white; font-size: 21px; padding-left: 30px;}
.bottom {background:#6600FF; height: 30px}
.leftbottom {float:left; background:#6600FF;}
.rightbottom {float: right; position: relative; top: -30px; left: 0px;background:#6600FF  }

.outerdiv1 {background: #663399; width: 180px; padding: 0px; margin: 0px }
.lefttop1 {background: url(images/top-left.png) no-repeat; width: 500px; float:left}
.righttop1 {float:right; position: relative; top: -30px; left: 0px}
.middle1 {  color: white; font-size: 14px; font-weight: bold; padding: 10px; text-align: left}
.bottom1 {background:#663399; height: 30px}
.leftbottom1 {float:left; background:#663399  }
.rightbottom1 {float: right; position: relative; top: -30px; left: 0px;background:#663399  }

.outerdiv2 {background: #6600FF; width: 300px; padding: 0px; margin: 0px}
.lefttop2 {background: url(images/top-left.png) no-repeat; width: 500px; float:left}
.righttop2 {float:right; position: relative; top: -30px; left: 0px}
.middle2 {  color: white; font-size: 14px; font-weight: bold; padding-left: 20px; text-align: center}
.bottom2 {background:#6600FF; height: 30px }
.leftbottom2 {float:left; background:#6600FF  }
.rightbottom2 {float: right; position: relative; top: -30px; left: 0px;background:#6600FF  }

.outerdiv3 {background: #663366; width: 350px; padding: 0px; margin: 0px}
.lefttop3 {background: url(images/top-left.png) no-repeat; width: 500px; float:left}
.righttop3 {float:right; position: relative; top: -30px; left: 0px}
.middle3 {  color: white; font-size: 14px; font-weight: bold; padding-left: 20px; text-align: center}
.bottom3 {background:#663366; height: 30px }
.leftbottom3 {float:left; background:#663366  }
.rightbottom3 {float: right; position: relative; top: -30px; left: 0px;background:#663366  }

.outerdiv4 {background: #663399; width: 500px; padding: 0px; margin: 0px}
.lefttop4 {background: url(images/top-left.png) no-repeat; width: 500px; float:left}
.righttop4 {float:right; position: relative; top: -30px; left: 0px}
.middle4 {  color: white; font-size: 16px; font-weight: bold; padding-left: 20px; text-align: left}
.bottom4 {background:#663399; height: 30px }
.leftbottom4 {float:left; background:#663399  }
.rightbottom4 {float: right; position: relative; top: -30px; left: 0px;background:#663399  }

.outerdiv5 {background: #663399; width: 500px; padding: 0px; margin: 0px}
.lefttop5 {background: url(images/top-left.png) no-repeat; width: 500px; float:left}
.righttop5 {float:right; position: relative; top: -30px; left: 0px}
.middle5 {  color: white; font-size: 16px; font-weight: bold; padding-left: 20px; text-align: left}
.bottom5 {background:#663399; height: 30px }
.leftbottom5 {float:left; background:#663399  }
.rightbottom5 {float: right; position: relative; top: -30px; left: 0px;background:#663399  }

/* end rounded corners */

/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.transMenu {
	position:absolute;
	overflow:hidden;
	left:-1000px;
	top:-1000px;
	}

/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .content {
	position:absolute;
	}

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.transMenu .items {
	position:relative;
	left:0px; top:-2px;
	z-index:2;
	}

.transMenu.top .items {
	border-top:none;
	}

/* each TR.item is one menu item */
.transMenu .item {
    color:#fff;
    font-size:10px;
    font-family:sans-serif;
    text-decoration:none;
	/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
	border:none;
	cursor:pointer;
	cursor:hand;
	}

/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.transMenu .background {
	position:absolute;
	left:0px; top:-1px;
	z-index:1;
	-moz-opacity:.8;
	filter:alpha(opacity=80);
	}

/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowRight {
	position:absolute;
	z-index:3;
	top:3px; width:0px;
	-moz-opacity:.4;
	filter:alpha(opacity=40);
	}

/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowBottom {
	position:absolute;
	z-index:1;
	left:3px; height:0px;
	-moz-opacity:.4;
	filter:alpha(opacity=40);
	}

/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.transMenu .item.hover {
	background: #563487;
	color: #ef055d;
	}

/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
.transMenu .item img {
	margin-left:0px;
	}
#wrap {
    border:0px solid white;
    width: 700px;
    }
#menu {
    background:url(../images/upperBar.gif) no-repeat;
    border:0px solid white;
    padding:2px 0;
    width:705px;
    }
#menu a {
	letter-spacing: -0.5px;
	font-size:12px;
    padding:3px 5px;
    text-decoration:none;
    font-weight:bold;
    color:#ffffff;
    }
#menu a.hover {
    background:#563487;
    }
	
	
#menu span {
    display:inline;
    }
#img {
    vertical-align:bottom;
    }

#subnav {
    font-size:10px;
    margin-bottom:0em;
    }
#subnav a {
    color:#FB3B00;
    margin-right:0em;
    }
#subnav span {
    color:silver;
    margin-right:1em;
    }

/* copied from pages to clean up CSS */

bdtxt {
	
	position: absolute;
}
.style1 {
	color: #FFFFFF;
	font-size: 13px;
	font-family: Gill Sans MT; 
	text-align: justify;
	position: relative;
	left: 0px;	
	width: 700px;
}
.style3 {color: #FFFFFF; font-size: 14px; font-family: Gill Sans MT; font-weight: bold; text-align: justify;}
.style4 {color: #3A225C}
.style7 {color: #6600CC}

.office{
cursor: hand;
cursor: pointer;
font: bold 14px Gill Sans MT;
margin: 40px 0px;
padding-left: 0px
}

.openaddress{
color: #ffffff;
}

.closedaddress{
color: #ffffff;
}

/* Profile Classes */
.profileFrame {float: right; width: 450px; position: relative; left: -40px;}
.profileHeading {color: #4f2e7f; font-size: 22px; padding-bottom: 5px; font-weight: bold;}
.profileImage {padding-bottom: 5px;}
.profileBodyStrong {font-size: 14px; font-weight: bold; color: #4f2e7f; padding-top: 5px; text-align: justify;}
.profileBody {font-size: 14px; font-weight: normal; color: #4f2e7f; padding-top: 5px; text-align: justify;}
.contactDetails {float: right; color: #4f2e7f; vertical-align: top; text-align: left; position: absolute; left: 180px; top: 40px; font-size: 12px; font-weight: bold; line-height: 24px; }
.contactSpan {color: #4f2e7f; padding-left: 20px; font-size: 12px; font-weight: bold; position: relative; top: -2px}
.contactLink {color: #4f2e7f; text-decoration: none; font-size: 12px; font-weight: bold; position: relative; top: -2px;}
.contactLinkBody {color: #4f2e7f; text-decoration: none; font-size: 12px; font-weight: bold;}
.contactLinkBodyLarger {color: #8843cc; text-decoration: none; font-size: 14px; font-weight: bold;}

/*NewsLinkClasses*/
.contactDetailsNews {color: #4f2e7f; vertical-align: top; text-align: left;  font-size: 14px; font-weight: bold; line-height: 24px; }
.contactSpanNews {color: #4f2e7f; padding-left: 20px; font-size: 14px; font-weight: bold; position: relative; top: -2px}
.contactLinkNews {color: #4f2e7f; text-decoration: none; font-size: 14px; font-weight: bold; position: relative; top: -2px;}
.contactSpanRight {color: #4f2e7f; padding-left: 20px; font-size: 12px; font-weight: bold; position: relative; left: 90px}
.contactSpanNewsRight  {color: #4f2e7f; padding-left: 20px; font-size: 14px; font-weight: bold; position: relative; left: 90px; top: -3px;}
.contactSpanNewsRightPrint  {color: #4f2e7f; padding-left: 20px; font-size: 14px; font-weight: bold; position: relative; left: 141px; top: -5px;}