html,
body {
 /* height: 100%;
  margin:10px 0 0 0;
  font-family:Arial, Helvetica, sans-serif;*/
  background:url(../images/background.jpg) #a6a6a6 center top repeat-x;
}

body {
  margin:0 auto;
  padding: 0;
  text-align: center;
  font-family:Arial, Helvetica, sans-serif;
}

/* Generic Styles */

h1{
margin:0px 0 0px 0;
font-size:20px;
font-weight:normal;
line-height:22px;
padding-bottom:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
}

h2{
margin:10px 0 0px 0;
font-size:16px;
font-weight:normal;
line-height:18px;
padding-bottom:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
}

h3{
margin:0 auto;
font-size:14px;
font-weight:bold;
line-height:16px;
padding-bottom:5px;
color:#333333;
}
/*
h3 a:link{
margin:0 auto;
font-size:14px;
font-weight:bold;
line-height:16px;
padding-bottom:5px;
color:#253570;
text-decoration:underline;
}

h3 a:hover{
margin:0 auto;
font-size:14px;
font-weight:bold;
line-height:16px;
padding-bottom:5px;
color:#666666;
text-decoration:none;
}

h3 a:visited{
margin:0 auto;
font-size:14px;
font-weight:bold;
line-height:16px;
padding-bottom:5px;
color:#CC0000;
text-decoration:none;
}

h3 a:active{
margin:0 auto;
font-size:14px;
font-weight:bold;
line-height:16px;
padding-bottom:5px;
color:#FF6600;
text-decoration:none;
}
*/

h4{
margin:0 auto;
font-size:13px;
font-weight:bold;
line-height:15px;
padding-bottom:5px;
color:#333333;
}

h5{
margin:0 auto;
font-size:12px;
font-weight:bold;
line-height:15px;
padding-bottom:5px;
color:#993300;
}

h6{
margin:0 auto;
font-size:12px;
font-weight:bold;
line-height:15px;
padding-bottom:5px;
color:#993300;
font-style:italic;
}

p {
margin:0 auto;
padding:0px 0 20px 0;
font-size:12px;
font-style:normal;
font-weight:normal;
line-height:17px;
color:#666666;
}

a, a:link{
font-size:12px;
color:#993300;
font-weight:normal;
text-decoration:underline;
}

a:hover{
font-size:12px;
color:#a99a9f;
font-weight:normal;
text-decoration:underline;
}

a:active{
color:#993300;
}

a:visited{
color:#5f4847;
}


ul{
margin:0 auto;
padding:0 20px 12px 0;
list-style:square;
}

li{
margin-left:20px;
text-indent:0px;
font-size:12px;
font-style:normal;
line-height:17px;
color:#666666;
}

/* Header */

#header{
background:url(../images/logo_banner.jpg) no-repeat top left;
}


/* Page */
#page{
background:#FFFFFF;
}

/* Menu */

#menu{
margin:0 auto;
float:left;
}

#menu ul{
width:980px;
margin:0;
padding:0;
list-style:none;
}

#menu ul li{
float:left;
}

#menu li a{
display:block;
padding:0;
margin:0;
line-height:35px;
text-decoration: none;
color:#ffffff;
font-size:11px;
font-weight:bold;
}

#menu li a:hover{
color:#999999;
}

.menuspacer{
padding-left:0px;
}

/* Footer */

#footer{
background:url(../images/footer_background.jpg);
}

#footer .tel{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:22px;
line-height:32px;
color:#ffffff;
}

#footer p{
margin:0 auto;
padding:0px 0 0px 0;
font-size:12px;
font-style:normal;
font-weight:normal;
line-height:15px;
color:#ffffff;
}


/* Text Styles */

.dates{
margin:0 auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
line-height:16px;
padding-bottom:5px;
color:#333333;
font-style:italic;
}


.servicehead{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:22px;
text-align:center;
letter-spacing:2px;
}

.servicehead a, .servicehead a:link{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:22px;
text-align:center;
letter-spacing:2px;
text-decoration:none;
}

.servicehead a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:22px;
text-align:center;
letter-spacing:2px;
color:#5f4847;
text-decoration:none;
}


.servicehead2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:22px;
text-align:center;
letter-spacing:7px;
}

.servicehead2 a, .servicehead2 a:link{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:22px;
text-align:center;
letter-spacing:7px;
text-decoration:none;
}

.servicehead2 a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:22px;
text-align:center;
letter-spacing:7px;
color:#5f4847;
text-decoration:none;
}


/* Dividerline */

.dividerline{
border-bottom:#262022 solid 1px;
}

/* Colours */

.white{
background-color:#FFFFFF;
}

.ltgrey{
color:#a99a9f;
}

.mdgrey{
color:#5f4847;
}

.dkgrey{
color:#333333;
}

.purple{
color:#996699;
}

.grey-green{
color:#669966;
}

.brown{
color:#a2803b;
}

.black{
color:#262022;
}

.orange{
color:#993300;
}

.purple a, .purple a:link{
color:#996699;
}

.grey-green a, .grey-green a:link{
color:#669966;
}

.brown a, .brown a:link{
color:#a2803b;
}

.black a, .black a:link{
color:#262022;
}

/* Boxed Panels */


.box {
float:left;
width:99%;
border:#262022 solid 1px;
}

.boxhead {
float:left;
width:99%;
border:#262022 solid 1px;
}

.boxhead h1{
margin:0 auto;
padding:0 0px 0 10px;
font-size:15px;
font-weight:normal;
line-height:30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#262022;
}


.boxhead h1 a, .boxhead h1 a:link{
margin:0 auto;
padding:0 0px 0 0px;
font-size:15px;
font-weight:normal;
line-height:30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#262022;
text-decoration:none;
}


.boxhead h1 a:hover{
margin:0 auto;
padding:0 0px 0 0px;
font-size:15px;
font-weight:normal;
line-height:30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#5f4847;
text-decoration:none;
}

.boxhead a, .boxhead a:link{
margin:0 auto;
padding:0 10px 0 0px;
font-size:12px;
font-weight:normal;
line-height:30px;
color:#ffffff;
text-decoration:underline;
}


.boxhead a:hover{
margin:0 auto;
padding:0 10px 0 0px;
font-size:12px;
font-weight:normal;
line-height:30px;
text-decoration:underline;
color:#262022;
}

.boxhead a:active{
margin:0 auto;
padding:0 10px 0 0px;
font-size:12px;
font-weight:normal;
line-height:30px;
text-decoration:underline;
color:#ffffff;
}

.boxhead a:visited{
margin:0 auto;
padding:0 10px 0 0px;
font-size:12px;
font-weight:normal;
line-height:30px;
text-decoration:underline;
color:#ffffff;
}

.boxheadmessage{
margin:0 auto;
padding:0 10px 0 0px;
font-size:12px;
font-weight:normal;
line-height:30px;
color:#ffffff;
}


.boxheadgold{
background:url(../images/horizontal_gold.jpg) no-repeat top left;
}

.boxheadgrey{
background:url(../images/horizontal_grey.jpg) no-repeat top left;
}

.boxheadgreen{
background:url(../images/horizontal_green.jpg) no-repeat top left;
}

.boxheadpurple{
background:url(../images/horizontal_purple.jpg) no-repeat top left;
}

.boxheadbrown{
background:url(../images/horizontal_brown.jpg) no-repeat top left;
}

.boxheadgreygreen{
background:url(../images/horizontal_grey-green.jpg) no-repeat top left;
}

.boxheadpdf{
padding-left:30px;
background:url(../images/pdf.png) no-repeat left top;
}

.boxheadarrow{
padding-left:40px;
background:url(../images/accordion_arrow.gif) no-repeat left top;
}


/* Events panel */

.events{
}

.events p{
font-size:11px;
font-style:normal;
font-weight:normal;
line-height:13px;
color:#666666;
}

.eventsdetail p{
font-size:12px;
font-style:normal;
font-weight:normal;
line-height:14px;
color:#666666;
}


/* Events Detail */

.eventsdetail{
float:left;
width:75%;
text-align:left;
}


.eventsdetail h3{
color:#336633;
}

.eventsdetail img{
width:300px;
margin:0 10px 10px 0px;
float:left;
}

.spahairgym img{
border:0;
border-color:#FFFFFF;
margin-top:10px;
}


/* Images */


#column1 img, #columns2 img, #columns3 img{
border:solid 1px;
}

.outline{
border-color:#333333;
}

.outlinepurple{
border-color:#996699;
}

.outlinegreygreen{
border-color:#669966;
}

.outlinebrown{
border-color:#a2803b;
}

.outlineblack{
border-color:#262022;
}

.outlineorange{
border-color:#993300;
}

.imgleft{
margin:0 10px 5px 0;
float:left;
}


.imgright{
margin:0 0px 5px 10px;
float:right;
}


/* Widths */

.width{
width:955px;
}

.widththumb{
width:170px;
}

.width15{
width:15%;
margin-right:-1px;
}

.width20{
width:20%;
margin-right:-1px;
}


.width23{
width:23.75%;
margin-right:-1px;
}


.width25{
width:25%;
margin-right:-1px;
}

.width30{
width:30%;
margin-right:-1px;
}

.width33{
width:33%;
margin-right:-1px;
}


.width40{
width:40%;
margin-right:-1px;
}

.width42{
width:42%;
margin-right:-1px;
}

.width45{
width:45%;
margin-right:-1px;
}

.width50{
width:50%;
margin-right:-1px;
}

.width53{
width:53%;
margin-right:-1px;
}

.width55{
width:55%;
margin-right:-1px;
}

.width60{
width:60%;
margin-right:-1px;
}

.width65{
width:65%;
margin-right:-1px;
}

.width70{
width:70%;
margin-right:-1px;
}

.width75{
width:75%;
margin-right:-1px;
}

.width80{
width:80%;
margin-right:-1px;
}


.width95{
width:95%;
margin-right:-1px;
}

.width97{
width:97%;
margin-right:-1px;
}

.width98{
width:98%;
margin-right:-1px;
}

.width100{
width:100%;
margin-right:-1px;
}


.width200{
width:200px;
}



.height100{
height:100px;
}



/* Positioning */

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.textleft{
text-align:left;
}

.textright{
text-align:right;
}

.textcentre{
text-align:center;
}


/* Spacing */

.nomargins{
margin:0 auto;
padding:0px;
}

.mar20{
margin:20px;
}

.marLR2{
margin-left:3%;
margin-right:3%;
}

.marLR5{
margin-left:5px;
margin-right:5px;
}

.marBOT5{
margin-bottom:5px;
}

.marBOT20{
margin-bottom:20px;
}

.marBOT10{
margin-bottom:10px;
}

.marTOP20{
margin-top:20px;
}

.marTOP10{
margin-top:10px;
}

.marTOP2{
margin-top:2px;
}

.marL5{
margin-left:5px;
}

.marL15{
margin-left:15px;
}

.marR5{
margin-right:5px;
}

.marR20{
margin-right:20px;
}

.marL280{
margin-left:280px;
}


.padL5{
padding-left:5px;
}

.padR5{
padding-right:5px;
}


.padcolumn{
padding:20px 20px 1px 20px;
}

.pad10{
padding:10px;
}

.pad20{
padding:20px;
}

.padtop20{
padding-top:20px;
}

.padTB10{
padding-top:10px;
padding-bottom:10px;
}

.padB10{
padding-bottom:10px;
}


/* Scrolling Control */

.hideoverflow{
overflow:hidden;
}

.scrolloverflow{
overflow:auto;
}


/*Buttons*/

.smallbut{
width:100px;
}

.medbut{
width:180px;
}

.mailtobut{
width:160px;
}

.button{
margin-bottom:10px;
height:22px;
background:url(../images/but_left.gif) no-repeat top left;
}

.button a{
display:block;
font-size:12px;
line-height:22px;
font-weight:bold;
background:url(../images/but_right.gif) no-repeat top right;
color:#253570;
text-decoration:none;
text-align:center;
padding:0px 5px 0px 5px;
height:22px;
}

.button a:hover{
color:#666666;
font-size:12px;
line-height:22px;
font-weight:bold;
}


.links a{
display:block;
font-size:12px;
color:#FFFFFF;
background-color:#666666;
text-decoration:underline;
height:20px;
width:150px;
text-align:center;
padding:2px 10px 2px 10px;
border:#000000 solid 1px;
}

.links a:hover{
color:#666666;
background-color:#ffffff;
text-decoration:none;
}



/* Accordian Features */

#clearacc{
clear:both;
}

#accordion {
width:100%;
}

.accbg{
margin:10px 0px 0 0;
height:30px;
border:solid 1px #262022;
	}

.toggler {
cursor: pointer;
margin: 0;
padding-left:40px;
background:url(../images/accordion_arrow.gif) no-repeat left top;
text-align: left;
font-size:15px;
font-weight:normal;
line-height:28px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
text-decoration:none;
}

.toggler:hover {
cursor: pointer;
color: #5f4847;
}

/*h3.toggler {
	cursor: pointer;
	border: 1px solid #f5f5f5;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	font-family: 'Andale Mono', sans-serif;
	font-size: 12px;
	background-image:url(http://www.rsa-geotechnics.co.uk/Beta/images/accordian_head.jpg) no-repeat;
	color: #528CE0;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px;
}*/



div.element p, div.element h4 {
	margin:0 0 10px 0;
	padding:4px;

}

blockquote {
	padding:5px 20px;
}

.element ul{
margin:0 auto;
list-style:square;
}

.element li{
margin-left:20px;
text-indent:0px;
font-size:14px;
font-style:normal;
font-weight:bold;
line-height:20px;
color:#253570;
}


/* Display options */

.displaynone{
display:none;
}

table {
margin:0 auto;
padding:0px 0 5px 0;
font-size:12px;
font-style:normal;
font-weight:normal;
line-height:17px;
color:#666666;
}

table td{
border-bottom:#999999 solid 1px;
padding-bottom:5px;
padding-top:5px;
padding-left:5px;
}