/*********************************************************
   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:28px;
font-weight:normal;
line-height:32px;
font-family:Arial, Helvetica, sans-serif;
color: #5A93A7;
}

h2{
margin:0px 0 10px 0;
font-size:24px;
font-weight:normal;
line-height:28px;
font-family:Arial, Helvetica, sans-serif;
color: #5A93A7;
}

h3{
margin:0px 0 10px 0;
font-size:18px;
font-weight:normal;
line-height:22px;
font-family:Arial, Helvetica, sans-serif;
color: #5A93A7;
}


h4{
margin:0px 0 10px 0;
font-size:14px;
font-weight:normal;
line-height:18px;
font-family:Arial, Helvetica, sans-serif;
color: #5A93A7;
}

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

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

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

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

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

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

a:active{
color:#666666;
}

a:visited{
color:#993366;
}


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;
}

.caption{
font-size:9px;
}

/* Menu */

.menuposition{
float:right;
width:520px;
margin:0 auto;
}

/*#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;
margin:0 auto;
}

.chromestyle ul{
margin:0;
padding:0;
list-style:none;
}

.chromestyle ul li{
float:left;
margin:0;
padding:0;
border-left:#000033 solid 1px;
}

.chromestyle ul a{
display:block;
padding:0 13px 0 13px;
line-height: 26px;
font-size:11px;
text-decoration:none;
}

.chromestyle ul a:link{
display:block;
padding:0 13px 0 13px;
line-height: 26px;
font-size:11px;
text-decoration:none;
}

.chromestyle ul a:hover{
background:url(../images/menu_rolly.jpg) repeat-x top left;
}

.chromestyle-end{
border-right:#000000 solid 1px;
}

#chromemenu .notrans a{
color:#6699CC;
background:url(../images/menu_rolly.jpg) repeat-y top left;
}

#chromemenu .trans a{
color:#000033;
}

#chromemenu .trans a:hover{
color:#6699CC;
}



/* ######### 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;
}

/*------scrolling div------------*/
.scrollerPanel{
float:left;
overflow:auto;
text-align:center;
width:710px;
height:300px;
border:none;

}

/* 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;
text-align: left;
font-size: 18px;
line-height:24px;
padding-top:7px;
}

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

#accordion h3{
height: 31px;
}

#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 10px 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;
}


/* 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 */

.nomargin{
margin:0 auto;
}

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

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

.marBOT10{
margin-bottom:10px;
}

.marBOT20{
margin-bottom:20px;
}

.marTOP40{
margin-top: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;
}

.marL19{
margin-left:19px;
}

.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;
}

.padTOP30{
padding-top:30px;
}

.padTOP40{
padding-top:40px;
}

.padTOP50{
padding-top:50px;
}


/* Widths */

.middle{
vertical-align:middle;
}

.widthright {
  width: 313px;
}

.width {
  width: 760px;
}

.widthPad {
  width: 720px;
}

.widthPad2 {
  width: 740px;
}

.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;
}