/* ------ GW COLOUR INDEX <-------- 

green;			color: #ccdc00;
blue;			color: #0098db;
medium blue;	color: #025980;
dark blue;		color: #025980;
body grey;		color: #8b8178;
light grey;		color: #a29a93;

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



/* ------ RESET CSS <-------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	vertical-align: baseline;
	border: 0;
	outline: 0;
	background: transparent;
	text-decoration: none;
	font-size: 100%;
	padding: 0;
	margin: 0; }

ol li, ul li {
	list-style: none outside; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0; }



/* ------ ~GENERAL STYLES <-------- */

body {
	line-height: 1;
	background: url(../images/BgHeader.png) repeat-x;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #8b8178; }
	
	body.m {
		font-size: 1em; }
	
	body.l {
	font-size: 1.2em; }
	
	body.xl {
		font-size: 1.4em; }

	body.xxl {
		font-size: 1.6em; }

.clear {
	clear: both; }

.clear-left {
	clear: left; }

#main-container {
	width: 1000px;
	margin: 0 auto; }

h1, h2, h3, h4 {
	font-family: Helvetica, Arial, Geneva, sans-serif;
	color: #0098db; }

h1 {
	font-size: 2em;
	font-weight: 100;
	letter-spacing: -1px;
	margin-bottom: 15px; }

h2 {
	font-size: 1.5em;
	margin-bottom: 15px; }

h3 {
	font-size: 1.2em;
	margin-bottom: 10px; }

p {
	display: block;
	line-height: 1.6em;
	font-size: 0.75em;
	margin-bottom: 15px; }

p em {
	color: #0098db; }

p a {
	color: #0098db; }

p a:hover {
	text-decoration: underline; }

.bulleted {
	padding: 5px 0; }

	.bulleted li {
		display: block;
		background: url(../images/arrowGreenSmall.png) no-repeat top left;
		line-height: 1.2em;
		font-size: 0.75em;
		padding: 0 0 0 20px;
		margin: 0 0 10px 0; }

	.bulleted.upper li {
		font-size: 0.7em;
		text-transform: uppercase; }

div.highlighted {
	background-color: #F2FAFE;
	border-top: 1px solid #0098db; 
	border-bottom: 1px solid #0098db;
	padding: 10px 10px 0 10px;
	margin-bottom: 15px;  }



/* ------ ~HEADER + ~NAV <-------- */

#header {
	position: relative;
	z-index: 500;
	clear: both;
	height: 145px;
	margin-bottom: 20px; }
	
	#header #logo {
		float: left;
		margin: 30px 46px 0 0; }

	#header h2 {
		float: left;
		margin: 80px 15px 0 0; }
	
		#header h2#popBox {
			position: relative;
			overflow: hidden;
			width: 120px; }
		
		#header h2#popBox #slider {
			position: absolute;
			bottom: -40px;
			left: 0; }
	
	#header #accessibility {
		float: right;
		font-size: 0.7em;
		padding-top: 3px; }
	
	#header #accessibility .fontsize li {
		float: left;
		display: inline; }
	
	#header #accessibility .fontsize li a {
		display: block;
		line-height: 1em;
		font-size: 0.9em;
		background-color: #E5E5E5;
		color: #0098db;
		padding: 3px 3px 1px 3px;
		margin-left: 3px; }
	
	#header #accessibility .reset {
		float: right;
		font-size: 0.7em;
		color: #0098db; }

	#header #phoneBox {
		position: relative;
		float: right;
		clear: right;
		width: 193px;
		text-align: right;
		padding-top: 25px; }
	
	#header #phoneBox h3 {
		position: relative;
		float: right;
		display: block;
		clear: both;
		overflow: hidden;
		font-size: 0.7em;
		font-weight: normal;
		margin-bottom: 0;
		padding-bottom: 19px; }
	
	#header #phoneBox h3 a { 
		color: #0098db;
		padding: 2px 0;
		background: url(../images/BgHeaderPhoneNo.png) repeat-x bottom; }

	#header #phoneBox h3 #slider2 {
		position: absolute;
		bottom: -17px;
		right: 0; }	

#nav {
	position: absolute;
	bottom: 6px;
	right: 0;
	float: right;
	clear: right;
	background: url(../images/headerNavSplitter.png) no-repeat right;
	margin-top: 15px; }

	#nav a {
		display: block; }


	#nav li { /* all list items */
		position: relative;
		z-index: 2;
		float: left;
		display: inline;
		background: url(../images/headerNavSplitter.png) no-repeat left;
		padding: 0 20px 5px 20px; /* width: 10em; width needed or else Opera goes nuts */ }

	#nav li a {
		display: block;
		font-size: 0.7em;
		color: #fff; }

	#nav li a:hover {
		color: #0098db; }
	  
	#nav li ul { /* second-level lists */
		position: absolute;
		
		left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
		text-align: left;
		float: right;
		width: 170px;
		background: url(../images/headerNavBottomCornersBlue.png) no-repeat bottom;
		padding: 15px 0 10px 0; }

	#nav li ul li {
		position: relative;
		display: block;
		float: left;
		clear: both;
		width: 150px;
		background-color: #0098db;
		background-image: none;
		padding: 0 10px;
		margin: 0; }
	
	#nav li ul li:hover, #nav li ul li.sfhover {
		background: url(../images/headerNavArrowBlue.png) no-repeat right #0098db; }

	#nav li ul li.first-child {
		background-color: transparent;
		background: url(../images/headerNavTopCornersBlue.png) no-repeat top;
		padding-top: 5px; }
	
	#nav li ul li.first-child:hover a, #nav li ul li.first-child a:hover {
		background: url(../images/headerNavArrowBlueShort.png) no-repeat right; }
	
	#nav li ul li.first-child:hover ul li a {
		background: url(../images/headerNavDottedGreen.png) repeat-x top; }
	
	#nav li ul li.first-child:hover ul li.first-child a {
		background: none; }
	
	#nav li ul li a { 
		display: block;
		line-height: 1.2em;
		color: #fff;
		background: url(../images/headerNavDottedBlue.png) repeat-x top;
		padding: 8px 10px 3px 10px; }

	#nav li ul li.first-child a {
		background-image: none; }

	#nav li ul li.first-child ul li a {
		background: url(../images/headerNavDottedGreen.png) repeat-x top; }
	
	#nav li ul li:hover a, #nav li ul li.sfhover a, #nav li ul li a:hover {
		color: #025980; }
	  
	#nav li ul li ul { /* third-and-above-level lists */
		width: 170px;
		background: url(../images/headerNavBottomCornersGreen.png) no-repeat bottom right;
		padding: 0 0 10px 3px;
		margin: 0 0 0 0; }

	#nav li ul li ul li {
		background-color: #ccdc00;
		padding: 0 10px; }
	
	#nav li ul li ul li h4 {
		font-size: 0.7em;
		color: #63700A;
		padding-top: 10px; }
	
	#nav li ul li ul li.first-child h4 {
		padding-top: 5px; }

	#nav li ul li ul li.noBg a {
		background-image: none; }
	
	#nav li ul li ul li:hover, #nav li ul li ul li.sfhover {
		background-image: none;
		background-color: #ccdc00; }
	  
	#nav li ul li ul li.first-child {
		background: url(../images/headerNavTopCornersGreen.png) top; }

	#nav li ul li ul li.first-child:hover a {
		background-image: none; }

	 #nav li ul li.first-child ul li a:hover, #nav li ul li ul li.first-child a, #nav li ul li ul li.first-child a:hover {
		background: none; }

	#nav li ul li ul a, #nav li ul li:hover ul a, #nav li ul li.sfhover ul a {
		background: url(../images/headerNavDottedGreen.png) repeat-x top;
		color: #fff; }

	#nav li ul li ul a:hover {
		background: url(../images/headerNavDottedGreen.png) repeat-x top #ccdc00;
		color: #63700A; }

	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em; }

	#nav li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: 0; }

	#nav li li:hover ul, #nav li li.sfhover ul {
		z-index: 200;
		left: 170px;
		top: 0; }



/* ------ ~FOOTER <-------- */

#footer {
	clear: both;
	padding-top: 10px; }

	#footer #established {
		float: right;
		display: block;
		margin-top: 15px; }
	
	#footer #footerLogo {
		display: block;
		margin-bottom: 10px; }
	  
	#footer #address {
		float: left;
		display: inline;
		padding: 10px 0 0 0; }

	#footer #address li {
		display: inline;
		font-size: 0.7em;
		color: #a29a93;
		margin-right: 10px; }
	
	#footer #address li.tint {
		color: #8b8178; }
	
	#footer #cefar {
		border-top: 1px solid #AEA69A;
		text-align: right;
		font-size: 0.7em;
		padding: 8px 0 35px 0; }

	#footer #cefar a {
		color: #a29a93; }

	#footer #cefar a:hover {
		color: #c50084; }

#footerLinks {
		clear: both;
		width: 100%;
		overflow: hidden;
		text-align: center;
		line-height: 1.2em;
		padding: 0 0 30px 0; }

	#footer #footerLinks li {
		display: inline;
		font-size: 0.6em;
		border-right: 1px solid #ccc;
		padding-right: 5px;
		margin: 0 5px 0 0; }
		
	#footer #footerLinks li a {
		color: #ccc; }
	
	#footer #footerLinks li a:hover {
		color: #8b8178; }



/* ------ ~LEFT COLUMN <-------- */		

#leftCol {
	float: left;
	width: 185px; }

#subNav {
	margin-bottom: 15px; }

	#subNav li {
		display: block;
		padding-bottom: 5px; }

	#subNav li a {
		font-size: 0.75em;
		color: #8b8178; }

	#subNav li a:hover {
		color: #ccdc00; }

#family .subFamily a, #property .subProperty a, #comProperty .subComProperty a, #wills .subWills a, #elderly .subElderly a,
#accident .subAccident a, #civil .subCivil a, #business .subBusiness a, #employment .subEmployment a, #crime .subCrime a,
#motoring .subMotoring a, #licensing .subLicensing a,

	#subNav li a.active {
		font-size: 0.85em;
		color: #0098db; }




#resources {
	margin-bottom: 10px; }

	#resources li {
		width: 90px;
		height: 50px;
		padding: 0 0 0 45px;
		margin-bottom: 3px; }

	#resources li#calculator {
		background: url(../images/resourcesCalculator.png) no-repeat; }

	#resources li#funding {
		background: url(../images/resourcesFunding.png) no-repeat; }

	#resources li a {
		display: block;
		font-size: 0.75em;
		color: #fff; }
	
	#resources li#calculator a {
		padding-top: 13px; }
	
	#resources li#funding a {
		padding-top: 18px; }

	#resources li a.active {
		font-weight: bold;
		color: #0098db; }
	
	#resources li a:hover {
		color: #0098db; }


#siteSearch {
	margin-bottom: 25px; }
	
	#siteSearch feildset {
		height: 50px; }

	#siteSearch input#searchField {
		width: 125px;
		height: 15px;
		background: url(../images/searchBox.png) no-repeat #ccc;
		border-width: 0px;
		font: italic 0.7em "Trebuchet MS", Trebuchet, Geneva, Arial, Verdana, sans-serif;
		color: #fff;
		padding: 4px 5px 3px 5px;
		margin-right: 5px; }

	#siteSearch input {
		float: left; }

	#siteSearch input#submit {
		width: 23px;
		height: 23px;
		background: url(../images/searchButton.png) no-repeat;
		border: none;
		color: #858789;
		padding: 0; }



/* ------ ~CONTENT <-------- */

.contentContainer {
	float: left;
	width: 800px;
	padding-left: 15px; }
	
	.contentContainer h2 {
		line-height: 1.4em;
		font-size: 1.25em;
		font-weight: normal; }
	
	.contentContainer h3 {
		clear: both;
		font-size: 0.9em;
		font-weight: normal;
		margin-bottom: 5px; }

	.contentContainer #col1, .contentContainer #col2 {
		float: left;
		width: 270px;
		padding-top: 5px; }
	
	.contentContainer #col1 {
		background: url(../images/ArrowGreen.png) no-repeat top left;
		padding: 5px 20px 0 40px; }
	
	.contentContainer blockquote {
		float: left;
		width: 162px;
		background: url(../images/blockquoteLeft.png) no-repeat top left;
		padding: 0 0 0 18px;
		margin: 90px 0 0 20px; }

	.contentContainer blockquote h3 {
		display: block;
		line-height: 1.35em;
		background: url(../images/blockquoteRight.png) no-repeat bottom right;
		font-size: 1em;
		color: #8b8178;
		padding: 0 18px 0 0;
		margin: 0 0 0 0; }

	.contentContainer blockquote h3 em {
		font-style: normal;
		color: #0098db; }


#scroller {
	margin-bottom: 20px; }

#bannerPic {
	display: inline;
	margin-bottom: 20px; }

#homeLinks {
	width: 100%;
	overflow: hidden;
	margin-bottom: 15px; }

	#homeLinks li {
		position: relative;
		float: left;
		display: inline;
		width: 200px;
		margin-bottom: 2px; }
	
	#homeLinks li a {
		display: block;
		width: 172px;
		background: url(../images/BgHomeBoxTop.png) no-repeat top;
		padding: 13px 15px 25px 13px; }
	
	#homeLinks li a:hover {
		background: url(../images/BgHomeBoxTopOver.png) no-repeat top; }

	#homeLinks li h2 {
		font-size: 0.85em;
		margin-bottom: 0; }

	#homeLinks li p {
		line-height: 1.15em;
		font-size: 0.65em;
		color: #8b8178;
		margin: 0; }
	
	#homeLinks li p strong {
		position: absolute;
		bottom: 0;
		left: 0;
		display: block;
		width: 172px;
		background: url(../images/BgHomeBoxBottom.png) no-repeat bottom;
		color: #fff;
		padding: 5px 15px 7px 13px;
		margin: 0 0 0 0px; }

	#homeLinks li a:hover strong {
		text-decoration: underline;
		color: #0098db; }


#sectionNav {
	float: left;
	display: inline;
	width: 200px;
	margin: 0 15px 0 -15px; }

	#sectionNav h2 {
		font-size: 1.3em;
		line-height: 1.1em;
		background: url(../images/BgSectionHeader.png) no-repeat top left;
		padding: 8px 0 0 0;
		margin: 0 0 5px 0; }

	#sectionNav h2 a {
		display: block;
		color: #fff;
		background: url(../images/BgSectionHeaderBtm.png) no-repeat bottom left;
		padding: 0 12px 8px 12px; }

	#sectionNav ul {
		width: 200px;
		overflow: hidden;
		padding: 0;
		margin-bottom: 15px; }

	#sectionNav ul li {
		display: block;
		float: left;
		clear: both;
		width: 100%;
		background: url(../images/BgHomeBoxTop.png) no-repeat top left;
		padding: 0;
		margin-bottom: 3px; }

	#sectionNav ul li a { 
		display: block;
		line-height: 1.2em;
		font-size: 0.725em;
		color: #8b8178;
		background: url(../images/BgHomeBoxBottom.png) no-repeat bottom left;
		padding: 6px 12px 6px 12px; }

	#sectionNav ul li a:hover, #sectionNav ul li a.active { 
		color: #025980; }
	
	#sectionNav ul li.active { 
		background: url(../images/BgSectionOver.png) no-repeat top left; }

	#sectionNav ul li a.active { 
		background: url(../images/BgSectionOverBtm.png) no-repeat bottom left; }


.service h1 {
	padding-top: 25px; }

.service h2 {
	font-size: 1.15em;
	margin-bottom: 25px; }


#layoutSingleCol #col1 {
	width: 540px; }

.slimContent {
	float: left;
	display: inline;
	width: 600px; }

#galleryPic {
	float: left;
	display: inline;
	width: 600px;
	margin: 0 14px 20px 0; }

.galleryUnstyled {
	clear: both; }

.gwGallery {
	float: left;
	clear: none;
	width: 186px;
	height: 280px; }
	
	.gwGallery li {
		float: left;
		display: inline;
		overflow: hidden;
		width: 55px;
		height: 55px;
		background: #0098db;
		margin: 0 0 7px 7px; }
 
 
.gwGallery li div {
	left: 240px }

.gwGallery li div .caption {
	font: italic 0.7em/1.4 georgia,serif; }

.contactDetails {
	float: left;
	width: 179px;
	padding: 5px 0 17px 20px;
	border-left: 1px dotted #C5C0BB; }
	  	
	.contactDetails h3 {
		color: #0098db;
		font-size: 1.15em;
		margin: 0; }
	
	.contactDetails h4 {
		color: #025980;
		font-size: 1em;
		font-weight: 100;
		margin: 3px 0 0 0; }

	.contactDetails li {
		font-size: 0.7em;
		padding-bottom: 3px; }
	
	.contactDetails li em {
		float: left;
		width: 20px;
		color: #0098db; }

	.contactDetails .gap {
		padding-bottom: 15px; }

	.contactDetails#companyDetails {
		padding-top: 30px; }

	.contactDetails#companyDetails li em {
		width: 50px;
		color: #B5D6EA; }

	.contactDetails#companyDetails li span {
		color: #D1CAC5; }

#keyPersonnel {
	padding-bottom: 30px; }

.personnelContent {
	position: relative;
	z-index: 1;
	width: 100%;
	overflow: hidden; }
	
	.personnelContent #bannerPic {
		float: left;
		display: inline; }
	

	.personnelContent h2 {
		float: left;
		display: inline;
		width: 385px;
		margin: 20px 20px 0 0; }

	.personnelContent h3 {
		clear: both;
		background: url(../images/ArrowGreen.png) no-repeat top left;
		color: #0098db;
		padding: 0 0 15px 40px; }

	.personnelContent .personnelList {
		float: left;
		display: inline;
		width: 158px;
		list-style-position: outside;
		margin-left: 40px; }
		
	.personnelContent .personnelList li {
			float: left;
			display: inline;
			clear: both; }

	.personnelContent .personnelList h4 {
		text-transform: uppercase;
		font-size: 0.9em;
		font-weight: 100;
		color: #025980;
		margin-bottom: 10px; }

	.personnelContent .personnelList h5 {
		font-weight: 100;
		font-style: italic;
		font-size: 0.9em;
		color: #0098db; }
	
	.personnelContent .personnelList p {
		line-height: 1.25em;
		font-size: 0.8em;
		padding-top: 5px;
		margin-bottom: 20px; }

	.personnelContent .personnelList a {
		display: block;
		line-height: 1.2em;
		font-size: 0.9em;
		color: #a29a93; }
	
	.personnelContent .personnelList a:hover {
		text-decoration: underline; }

	.personnelContent blockquote {
		position: absolute;
		bottom: 0px;
		right: 20px;
		width: 340px;
		background: none;
		margin: 0;
		padding-top: 0; }

	.personnelContent blockquote p {
		font-size: 1em;
		margin-bottom: 5px; }

	.personnelContent blockquote h3 {
		font-size: 1.5em;
		background: none; }
	
	.personnelContent #partnerBlocks {
		float: left;
		display: inline;
		width: 396px;
		margin: 0 0 15px -1px; }
	
	.personnelContent #partnerBlocks li {
		float: left;
		display: inline;
		width: 127px;
		height: 137px;
		margin: 0 0 5px 5px; }

	.personnelContent #partnerBlocks li img {
		display: block;
		cursor: pointer; }


	.personnelContent #partnerWrapper {
		position: relative;
		clear: both;
		width: 100%;
		overflow: hidden; }
	
	.personnelContent #partnerWrapper.height {
		height: 300px; }

	.personnelContent .absolute {
		position: absolute;
		top: 0; }

	.personnelContent .partnerInfo {
		clear: both;
		width: 100%;
		overflow: hidden;
		padding-bottom: 20px; }

		.personnelContent .partnerInfo h3 {
			background: none;
			padding: 0; }

		.personnelContent .partnerInfo .bioPic {
			float: left;
			display: inline;
			margin-right: 20px; }

		.personnelContent .partnerInfo .bio {
			float: left;
			display: inline;
			width: 345px;
			margin-right: 20px; }

		.personnelContent .partnerInfo .bio h3 {
			text-transform: uppercase;
			font-size: 0.85em;
			color: #025980;
			margin: 2px 0; }

		.personnelContent .partnerInfo .bio h4 {
			font-weight: 100;
			font-style: italic;
			font-size: 0.7em;
			margin-bottom: 20px; }

		.personnelContent .partnerInfo .bioDetails {
			float: left;
			display: inline;
			width: 180px;
			overflow: hidden;
			line-height: 1.2em;
			font-size: 0.75em;
			padding-top: 30px;
			margin: 0; }

		.personnelContent .partnerInfo .bioDetails li {
			float: left;
			display: inline;
			clear: both; }

		.personnelContent .partnerInfo .bioDetails h3 {
			font-size: 1em;
			padding-top: 20px;
			margin: 0; }
		
		.personnelContent .partnerInfo .bioDetails a {
			font-size: 1em;
			color: #8b8178;
			margin: 0; }

		.personnelContent .partnerInfo .bioDetails a:hover {
			color: #025980; }

		.personnelContent .partnerInfo .bioDetails .tel {
			padding-top: 20px; }

.careerContent { }

	.careerContent #bannerPic {
		float: left;
		display: inline;
		margin-right: 20px; }

	.careerContent h2 {
		float: left;
		display: inline;
		clear: right;
		width: 390px;
		height: 260px;
		padding-top: 20px; }

	.careerContent #careerCol {
		float: left;
		clear: left;
		display: inline;
		background: url(../images/ArrowGreen.png) no-repeat top left;
		width: 355px;
		padding-left: 35px;
		margin-right: 20px; }
	
	.careerContent #careerCol .contactDetails {
		width: 175px;
		border-left: none;
		padding: 0; }

	.careerContent #careerCol .contactDetails em {
		color: #025980; }

	.careerContent #careerCol .contactDetails li.email {
		padding-bottom: 10px; }

	.careerContent #careerCol .contactDetails li.email em {
		float: left;
		width: 40px;
		height: 30px; }
	
	.careerContent #careerCol .contactDetails li.email a {
		color: #8b8178; }
		
	.careerContent #careerCol .contactDetails li.email a:hover {
		color: #0098db; }
	
	.careerContent #careerCol .contactDetails li.apply {
		height: 21px;
		background: url(../images/applyIcon.png) no-repeat left;
		padding-left: 35px; }

	.careerContent #careerCol .contactDetails li.apply a {
		display: block;
		color: #0098db;
		padding-top: 5px; }
	
	.careerContent #careerCol .contactDetails li.apply a:hover {
		text-decoration: underline; }

	.careerContent #jobsList {
		float: left;
		display: inline;
		width: 390px; }

	.careerContent #jobsList h3 {
		border-top: 2px solid #0098db;
		background-color: #e5f4fb;
		padding: 7px 5px;
		margin-bottom: 2px; }

	.careerContent #jobsList ul { }
	
	.careerContent #jobsList ul li {
		background-color: #f3f2f1;
		padding: 10px 15px;
		margin-bottom: 2px; }
	
	.careerContent #jobsList ul li h4 {
		position: relative;
		font-size: 0.75em;
		font-weight: 100;
		color: #025980;
		margin-bottom: 10px; }

	.careerContent #jobsList ul li h4 span {
		position: absolute;
		top: 0;
		right: 0;
		font-size: 0.8em; }
	
	.careerContent #jobsList ul li p {
		font-size: 0.7em;
		line-height: 1.1em;
		margin-bottom: 10px; }

	.careerContent #jobsList ul li p a {
		text-decoration: underline;
		color: #8b8178; }

	.careerContent #jobsList ul li p a:hover {
		color: #0098db; }
	
	.careerContent #jobsList ul li p.apply {
		height: 21px;
		background: url(../images/applyIcon.png) no-repeat left;
		font-size: 0.7em;
		padding-left: 25px;
		margin-bottom: 5px; }
	
	.careerContent #jobsList ul li p.apply a {
		display: block;
		text-decoration: none;
		color: #0098db;
		padding-top: 3px; }
	
	.careerContent #jobsList ul li p.apply a:hover {
		text-decoration: underline; }

#accreditation {
	padding: 50px 0 20px 0;
	width: 100%;
	overflow: hidden; }

	#accreditation li {
		float: left;
		display: inline;
		width: 215px;
		margin: 0 20px 20px 20px; }

	#accreditation li.clear {
		clear: left; }

.newsStory {
	width: 500px;
	background: url(../images/ArrowGreen.png) no-repeat top left;
	padding: 0 40px 40px 40px; }
	
	.newsStory h2 {
		font-size: 1em;}

	.newsStory h2 span {
		display: block;
		clear: both;
		font-size: 0.8em;
		color: #ccdc00; }

#sitemap {
	padding-top: 25px; }

	#sitemap .siteSection {
		display: block;
		clear: both;
		width: 100%;
		overflow: hidden;
		border-bottom: 1px dotted #CCC;
		padding-bottom: 15px;
		margin-bottom: 15px; }
	
	#sitemap .siteSection h2 {
		float: left;
		display: inline;
		font-size: 1em;
		margin: 0; }
	
	#sitemap .siteSection li h2 a {
		display: block;
		background-color: #0098db;
		color: #fff;
		padding: 0 5px 0 5px; }

	#sitemap .siteSection li h2 a:hover {
		background-color: #025980;
		color: #fff; }

	#sitemap .siteSection li {
		float: left;
		display: inline;
		margin-right: 30px; }

	#sitemap .siteSection li a {
		font-size: 0.7em;
		color: #a29a93; }

	#sitemap .siteSection li a:hover {
		color: #ccdc00; }
		
	#sitemap .siteSection li ul {
		display: block;
		clear: both;
		width: 100%;
		overflow: hidden;
		padding-top: 10px;
		margin: 0 0 25px 0; }
		
	#sitemap .siteSection li ul li {
		clear: both;
		margin: 0 0 5px 0; }
	


/* ------ ~FORMS <-------- */

#contactForm {
	float: left;
	width: 580px;
	overflow: hidden;
	padding: 20px 20px 0 0; }

	#contactForm p {
		text-transform: uppercase;
		font-size: 0.65em; }

	#contactForm b {
		color: #EC1846; }

	#contactForm fieldset {
		float: left; }
	
	#contactForm fieldset#userDetails {
		width: 235px;
		margin-right: 25px; }

	#contactForm fieldset#userEnquiry {
		width: 320px; }

	#contactForm label {
		float: left;
		clear: left;
		width: 65px;
		text-transform: uppercase;
		font-size: 0.65em;
		padding: 5px 0 0 0; }

	#contactForm label.error {
		float: right;
		width: auto;
		display: inline;
		text-transform: none;
		font-size: 0.7em;
		font-style: italic;
		font-weight: bold;
		color: #EC1846;
		margin: -24px 0 0 0; }

	#contactForm input {
		float: left;
		width: 160px;
		background-color: #EEECEB;
		border: 1px solid #E2DFDD;
		color: #8b8178;
		padding: 4px 3px;
		margin-bottom: 23px; }

	#contactForm textarea {
		float: left;
		width: 245px;
		height: 160px;
		line-height: 1.4em;
		background-color: #EEECEB;
		border: 1px solid #E2DFDD;
		font: 100 0.75em Helvetica, Arial, sans-serif;
		color: #8b8178;
		padding: 3px;
		margin-bottom: 23px; }

	#contactForm input.button {
		float: left;
		display: inline;
		clear: both;
		width: 75px;
		color: #0098db;
		font-size: 0.8em;
		margin: -15px 0 0 65px; }


.calculatorForm {
	float: left;
	display: inline;
	width: 365px;
	padding-left: 35px;
	margin-bottom: 20px; }
		
	.calculatorForm div {
		clear: both; }

	.calculatorForm h2 {
		background: url(../images/ArrowGreen.png) no-repeat left;
		padding: 5px 0 0 30px;
		margin-left: -30px; }
	
	.calculatorForm#calc2 {
		border-left: 1px dotted #C5C0BB;
		padding-left: 34px; }

	.calculatorForm fieldset {
		width: 365px;
		overflow: hidden;
		border: none;
		padding-bottom: 30px; }

	.calculatorForm p {
		clear: both; }

	.calculatorForm label {
		position: relative;
		display: inline;
		float: left;
		clear: left;
		width: 240px;
		text-align: left;
		line-height: 1.2em;
		font-size: 0.8em;
		padding-top: 7px;
		margin: 0 15px 10px 0; }

	.calculatorForm label em {
		position: absolute;
		top: 7px;
		right: -10px;
		font-style: normal; }

	.calculatorForm input {
		float: left;
		display: inline;
		width: 75px;
		height: 17px;
		background-color: #EEECEB;
		border: 1px solid #E2DFDD;
		font-size: 0.7em;
		color: #8b8178;
		padding: 3px 3px 0 3px; }
	
	.calculatorForm .check {
		width: auto;
		background-color: #fff;
		border: none; }
	  
	.calculatorForm textarea {
		float: left;
		display: inline;
		width: 75px;
		height: 100px;
		font: normal 0.75em Helvetica, Arial, Verdana, sans-serif;
		color: #8b8178;
		background-color: #EEECEB;
		border: 1px solid #E2DFDD;
		padding: 3px;
		margin-bottom: 5px; }
		
	.calculatorForm .button {
		height: 22px;
		color: #0098db;
		font-size: 0.8em;
		padding: 1px 3px 3px 3px;
		margin: 0 0 10px 5px; }
	
	.calculatorForm .button.big {
		width: 90px;
		margin-left: 0; }