/*********************************************************
   HTML Elements
 *********************************************************/

html,
body {
  height: 100%;
  background: url(../images/bg.jpg) repeat-y top center;
}

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

/* Generic Styles */

h1{
margin:0px 0 8px 0;
font-size:34px;
font-weight:normal;
line-height:36px;
font-family: "Times New Roman", Times, serif;
color:#000033;
}

h2{
margin:0px 0 10px 0;
font-size:30px;
font-weight:normal;
line-height:32px;
font-family: "Times New Roman", Times, serif;
color:#000033;
}

h3{
margin:0px 0 10px 0;
font-size:24px;
font-weight:normal;
line-height:26px;
font-family: "Times New Roman", Times, serif;
color:#000033;
}


h4{
margin:0px 0 10px 0;
font-size:24px;
font-weight:normal;
line-height:26px;
font-family: "Times New Roman", Times, serif;
color:#666666;
}

h5{
margin:0px 0 10px 0;
font-size:20px;
font-weight:normal;
line-height:22px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
}

h6{
margin:0px 0 10px 0;
font-size:14px;
font-weight:bold;
line-height:16px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
}

p {
margin:0 auto;
padding:0px 0 5px 0;
font-size:12px;
font-style:normal;
font-weight:normal;
line-height:16px;
color:#000033;
}

a{
color:#336699;
font-weight:normal;
text-decoration:underline;
}

a:link{
color:#336699;
font-weight:normal;
text-decoration:underline;
}

a:hover{
color:#666666;
font-weight:normal;
text-decoration:underline;
}

a:active{
color:#CC6600;
}

a:visited{
color:#CC3300;
}


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

li{
margin-left:20px;
text-indent:0px;
font-size:12px;
font-style:normal;
line-height:15px;
font-weight:bold;
color:#000033;
padding-bottom:8px;
}


/* Menu */

.menuposition{
padding-left:170px;
padding-top:8px;
height:25px;
float:left;
width:800px;
}

/*#menu ul{
margin:0 auto;
padding:0;
list-style:none;
}

#menu ul li{
text-align:left;
display: inline;
margin:0 auto;
padding:8px 60px 0px 0px;
}

#menu li a{
line-height:12px;
text-decoration: none;
color:#000033;
font-size:12px;
font-weight:bold;
font-family:"Times New Roman", Times, serif;
}

#menu li a:hover{
color:#333333;
}*/



.chromestyle{
width: 100%;
font-weight: bold;
}


.chromestyle ul{
width: 100%;
/*background: url(chromebg.gif) center center repeat-x; THEME CHANGE HERE*/
padding: 0px;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
float:left;
display: inline;
margin:0 auto;
color:#000033;
}

.chromestyle li a{
color:#000033;
font-size:12px;
font-weight:bold;
font-family:"Times New Roman", Times, serif;
margin:0 auto;
line-height:12px;
text-decoration: none;
padding:0px 60px 00px 0px;
}

.chromestyle li a:link{
color:#000033;
font-size:12px;
font-weight:bold;
font-family:"Times New Roman", Times, serif;
margin:0 auto;
line-height:12px;
text-decoration: none;
padding:0px 60px 00px 0px;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
/*background: url(chromebg-over.gif) center center repeat-x; THEME CHANGE HERE*/
color:#333333;
font-size:12px;
font-weight:bold;
font-family:"Times New Roman", Times, serif;
margin:0 auto;
line-height:12px;
text-decoration: none;
padding:0px 60px 00px 0px;
}


#chromemenu .trans{
background:url(../images/tab_menu_left.gif) no-repeat top left;
}

#chromemenu .notrans{
background:url(../images/tab_menu_left_notrans.gif) no-repeat top left;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0px;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
/*Add Shadow in IE. Remove if desired filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); */
background:#EEEEEE;
margin-top:8px;
padding-left:5px;
padding-top:5px;
border-left:#c6c6c6 solid 1px;
border-top:#c6c6c6 solid 1px;
border-bottom:#666666 solid 3px;
border-right:#666666 solid 3px;
}

/*
.dropmenudiv a{
width: auto;
display: block;
THEME CHANGE HERE border-bottom: 1px solid #BBB; 
text-decoration: none;
font-weight: bold;
color: black;
}
*/

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

/*THEME CHANGE HERE
.dropmenudiv a:hover{ 
background-color: #666666;
}
*/

.dropmenudiv li a{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
color:#000033;
text-decoration: none;
}

.dropmenudiv li a:link{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
color:#000033;
text-decoration: none;
}

.dropmenudiv li a:hover{
color:#666666;
}


/*---------dividers------------*/

.dividerline{
border-top:#999999 solid 1px;
}

.dividerlineU{
border-bottom:#999999 solid 1px;
}


/*----------Boxed Panel--------*/

.box{
background:#EEEEEE;
border:#C6C6C6 solid 1px;
}

/* Images */

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


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


/* Footer Styles */

#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6{
font-family:"Times New Roman", Times, serif;
font-size:12px;
font-weight:bold;
padding:0px;
margin:0 auto;
line-height:18px;
}

#footer a{
text-decoration:underline;
color:#000033;
}

#footer a:link{
text-decoration:underline;
color:#000033;
}

#footer a:hover{
text-decoration:underline;
color:#666666;
font-size:12px;
font-weight:bold;
}



/* Scrolling Control */

.hideoverflow{
overflow:hidden;
}

.scrolloverflow{
overflow:auto;
}


/*Buttons*/

.smallbut{
width:80px;
}

.medbut{
width:180px;
}

.mailtobut{
width:160px;
}

.button{
height:22px;
background:#CC6633;
border:#993300 solid 1px;
}

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

.button a:hover{
color:#000000;
font-size:11px;
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 */

#accordion {
	margin:0 auto;
}

.toggler {
cursor: pointer;
color: #000000;
margin: 0 auto;
text-align: left;
font-size: 18px;
line-height:24px;
padding-top:0px;
}

.togglerheight1{
height: 34px;
background:url(../images/contact_bg.gif) top left no-repeat;
text-indent:20px;
}

#accordion h3{
height: 55px;
}

#accordion h2{

}


.toggler:hover {
cursor: pointer;
color: #666666;
}

.toggler2 {
color: #222;
height: 29px;
margin: 0;
padding: 6px 11.55px;
background: url(../images/accordian_head_2.jpg) no-repeat;
font-size: 14px;
font-weight: bold;
font-family: 'Andale Mono', sans-serif;
text-align: left;
}

/*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:0px 0 0px 0;
	padding:0 0 0px 0px;

}

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:#000000;
}

/* Forms */

.labels{
margin:0 auto;
font-size:11px;
font-style:normal;
font-weight:normal;
color:#000033;
line-height:28px;
height:28px;
}

.labels2{
margin:0 auto;
font-size:11px;
font-style:normal;
font-weight:normal;
color:#000033;
line-height:14px;
height:28px;
padding-top:8px;
}


/* Colours */


.white{
background-color:#FFFFFF;
}

.blue{
color:#253570;
}

.ltgrey{
color:#999999;
}

.mdgrey{
color:#666666;
}

.dkgrey{
color:#333333;
}


/* Positioning */

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.textleft{
text-align:left;
}

.textright{
text-align:right;
}

.textcentre{
text-align:center;
}


/* Spacing */


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

.marTB10{
margin-top:10px;
margin-bottom:10px;
}

.marBOT10{
margin-bottom:10px;
}

.marBOT20{
margin-bottom:20px;
}

.marTOP40{
margin-bottom:40px;
}

.marTOP10{
margin-top:10px;
}

.marTOP20{
margin-top:20px;
}

.marL5{
margin-left:5px;
}

.marR5{
margin-right:5px;
}

.marL10{
margin-left:10px;
}

.marR10{
margin-right:10px;
}

.marL20{
margin-left:20px;
}

.marR20{
margin-right:20px;
}

.pad10{
padding:10px;
}

.pad20{
padding:20px;
}

.padL5{
padding-left:5px;
}

.padR5{
padding-right:5px;
}

.padL10{
padding-left:10px;
}

.padR10{
padding-right:10px;
}

.padL20{
padding-left:20px;
}

.padR20{
padding-right:20px;
}

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

.padBOT10{
padding-bottom:10px;
}

.padBOT20{
padding-bottom:20px;
}

.padTOP3{
padding-top:3px;
}

.padTOP10{
padding-top:10px;
}

.padTOP20{
padding-top:20px;
}

.padTOP40{
padding-top:40px;
}

.padTOP50{
padding-top:50px;
}


/* Widths */

.widthright {
  width: 313px;
}

.width {
  width: 980px;
}

.widthPad {
  width: 900px;
}

.widthPad2 {
  width: 940px;
}

.width3{
width:3%;
margin-right:-1px;
}

.width5{
width:5%;
margin-right:-1px;
}

.width7{
width:7%;
margin-right:-1px;
}

.width10{
width:10%;
margin-right:-1px;
}

.width13{
width:13%;
margin-right:-1px;
}

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

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

.width22{
width:22%;
margin-right:-1px;
}

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

.width28{
width:28%;
margin-right:-1px;
}

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

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

.width35{
width:35%;
margin-right:-1px;
}

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

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

.width48{
width:48%;
margin-right:-1px;
}

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

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

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

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

.width63{
width:63%;
margin-right:-1px;
}

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

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

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

.width85{
width:85%;
margin-right:-1px;
}

.width90{
width:90%;
margin-right:-1px;
}

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

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

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