/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#D0DCE6;
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
}
p
{font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#515151;}
a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#F57B21;
text-decoration:none;
font-weight:bold;
}
a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#F57B21;
text-decoration: underline;
}

ul,li
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#515151;
list-style-image:url(images/arrow.jpg);

}

h1
{ font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
color:#40475B;
}
h2
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#F57B21;

}

.p
{font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#515151;}

.orangeh1
{ font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
color:#F57B21;
}




 div#wrapper 
{	width:829px;
	height:auto;
/*	border: 1px solid #B5B5B5;*/
	margin: 0 auto;
	background-image:url(images/bg2.jpg);

}
#container
{ 
}
#header
{ 	width:779px;
	height: 106px;
	background-color:#FFFFFF;
}
#header #headerleft{
	width:181px;
	height:106px;
	float:left;
	background-image:url(images/logo.jpg);
	background-repeat:no-repeat;
}
#header #headerright
{	width:250px;
	float:right;
	padding-top:25px;
}


#utilities
{ width:75px;
height:21px;
width:225px;
background-image:url(images/utilities.jpg);
}

.accessibility
{ padding-left:30px;
  padding-right:5px;
  float:left;

}
.sitemap
{ padding-left:35px;
  padding-right:15px;
  float:left;

}
.contactus
{
  padding-left:8px;
  padding-right:0px;
  float:left;

}


.utilitieslinks
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#B5B5B5;
  text-decoration:none;

}

.utilitieslinks:hover
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#B5B5B5;
  text-decoration:none;

}

#nav
{
width:796px;
height:41px;
background-image:url(images/nav-bg.jpg);
text-align:center;
}

#banner
{
width:829px;
height:186px;
background-image:url(images/banner1.jpg);

}
#container
{ width:829px;
height:auto;

background-image:url(images/container-bg.jpg);


	
}
#container #containerleft
{
	width:164px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;

}
#container #containerright
{ width:625px;
float:left;
padding-left:20px;
padding-right:10px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #CCCCCC;


}




.orangebar
{
	width:164px;
	height:39px;
	background-image:url(images/orange-bar.jpg);
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	background-color:#FFFFFF;
}
.orange-content
{ padding-top:6px;
 text-decoration:none;


}
.white-links
{	 font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	 text-decoration:none;

}

.white-links:hover
{	 font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	 text-decoration:none;

}
.form-fields {
	border: 1px solid #CCCCCC;
	font-size:12px;
	color:#666666;
}

.divbody
{width:610px;


}

.space
{ padding-top:15px;}

#footer
{
	width:829px;
	background-image:url(images/container-bg.jpg);
}
#footer #footerleft{
width:796px;
background-image:url(images/footer-bg.jpg);
height:65px;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#515151;
}

.orange-text
{ font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#F57B21;
font-weight:bold;
}
.greylinks
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#515151;
font-weight:bold;
text-decoration:none;
}
.greylinks:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#515151;
font-weight:bold;
text-decoration:none;

}

.home
{
	border: 1px solid #CCCCCC;
	width:570px;
	height:150px;
	background-image:url(images/grey-bg.jpg);
	background-repeat: repeat-x;
}
.homeboxtext
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:white;
	font-weight:bold;
	margin-top: 20px;
	line-height:25px;
	padding-left:5px;
}

#hands
{ width:500px;
padding:5px;}





#hr_menu{
	float:left;
	width:700px;
	height:5px;
	padding-top:0px;  					/* This will be the containing div , So re name Hr_menu to the containing Div */
	text-align:center;
}

.solidblockmenu {
margin: 0;
padding: 0;
float: left;
font: bold 11px Arial;
width: 100%;						/* Adjust for the width of the menu , using % or PX */
overflow: hidden;
margin-bottom: 1em;
border-width:0px;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu img{
border:0;
}

.solidblockmenu li a{
	float: left;						/* Position of links, left or right, Note: if right is selected then the link li's go from bottom to top */
	color: #464E64;
	text-decoration: none;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 7px;
	padding-left: 20px;/*border-right: 1px solid #133A62;	
								/* Seperation border colour */
}

.solidblockmenu li a:visited{
color: #464E64;						/* Visited Font link colour, keep the same as normal font colour */
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: #464E64;
}

/* Drop down menu function */

.cssmenu{
	position:absolute;
	visibility: hidden;
	border-right-color: #D7D7D7;
	border-right-style:solid;
	border-right-width:1px;
	border-left-color: #D7D7D7;
	border-left-style:solid;
	border-left-width:1px;
	border-bottom-color: #D7D7D7;
	border-bottom-style:solid;
	border-bottom-width:1px;
	line-height: 16px;
	z-index: 100;
	background-color: #E2E2E2;			/* Background colour */
	width: auto;						/* Width of drop down menu , adjust to suit */
}

.cssmenu a{							
	width: 155px;						
	display: block;
	padding: 3px 0px ;
	margin: 0 0px 0 0;						
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;				
	text-indent: 5px;
	color: #464E64;			/* colour */
	text-align:left;
	font-weight:bold;
}

.cssmenu a:hover{					/*hover over properties , background color*/
	background-color:#F47B20;
	color: white;
	cursor:default;
}




/*------------------------------------*/


.cssmenu3{
	position:absolute;
	visibility: hidden;
	border-right-color: #D7D7D7;
	border-right-style:solid;
	border-right-width:1px;
	border-left-color: #D7D7D7;
	border-left-style:solid;
	border-left-width:1px;
	border-bottom-color: #D7D7D7;
	border-bottom-style:solid;
	border-bottom-width:1px;
	line-height: 16px;
	z-index: 100;
	background-color: #E2E2E2;			/* Background colour */
	width: auto;						/* Width of drop down menu , adjust to suit */
}

.cssmenu3 a{							
	width: 185px;						
	display: block;
	padding: 3px 0px ;
	margin: 0 0px 0 0;						
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;				
	text-indent: 5px;
	color: #464E64;			/* colour */
	text-align:left;
	font-weight:bold;
}

.cssmenu3 a:hover{					/*hover over properties , background color*/
	background-color:#F47B20;
	color: white;
	cursor:default;
}

.twitter
{

	width:146px;
	padding-top:25px;
	padding-right:1px;
	}
