@charset "utf-8";

html {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #444;
	line-height: 18px;
	background: #fff;
}

img, form {
	margin: 0;
	padding: 0;
	border: 0;
}

img.quote {
	margin-top: 10px;
}

img.left {
	float: left;
	margin: 0 20px 10px 0;
}

img.right {
	float: right;
	margin: 0 0 10px 20px;
}

img.logo {
	float: left;
	margin: 0 20px 20px 0;
	padding: 15px;
	border: 1px solid #ddd;
}

p, a, h1, h2, h3, h4, h5, h6, li, td, input, textarea, label, select, blockquote, dl, dt, dd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #444;
	line-height: 18px;
	margin: 0;
	padding: 0;
}

p {
	margin: 0 0 17px 0;
}

p.date {
	font-size: 11px;
	font-weight: bold;
	color: #222;
}

p.divider {
	line-height: 1px;
	border-top: 1px dotted #ccc;
}

ul {
	margin: 0 0 18px 1px;
	padding: 0;
	list-style-type: none;
}

ul li {
	list-style-type: none;
	padding: 0 0 0 15px;
	margin-bottom: 5px;
	background: url(../images/i_square.gif) 0 7px no-repeat;
}

ul ul {
	margin: 3px 0 0 10px;
	padding: 0;
	list-style-type: circle;
}

ul.letters, ul.letters ul.roman {
	margin: 0 0 18px 30px;
	padding: 0;
	list-style-type: none;
}

ul.letters li {
	list-style-type: lower-alpha;
	padding: 0;
	margin-bottom: 5px;
	background: none;
}

ul.letters ul.roman li {
	list-style-type: lower-roman;
}

.error, tr.error td {
	color: #c00;
}

/*	Headlines
		----------------------- */

h1, h1 a, #bigtext li, #bigtext a {
	font-size: 48px;
	font-weight: bold;
	line-height: 54px;
	letter-spacing: -2px;
	color: #000;
	text-transform: lowercase;
}

h1 span.caps {
	text-transform: none;
}

h2, h2 a {
	font-size: 18px;
	/*font-weight: normal;*/
	line-height: 22px;
	color: #333;
	margin: 0 0 17px 0;
}

h3 {
	font-size: 13px;
	margin: 0 0 15px 0;
}

h4 {
	font-size: 12px;
	margin: 0 0 8px 0;
	border-bottom: 1px solid #ddd;
}

/*	Quotes
		----------------------- */
		
blockquote {
	width: 402px;
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	font-style: italic;
	color: #4a7d9f;
	line-height: 20px;
	padding: 0 32px 0 32px;
	margin: -15px 0 18px 0;
	background: url(../images/99_gr.gif) no-repeat bottom right;
}

blockquote p {
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	font-style: italic;
	color: #4a7d9f;
	line-height: 20px;
	margin: 0;
}

blockquote.lg {
	font-size: 20px;
	line-height: 25px;
}

/*	Links
		----------------------- */

a, #bigtext h1 a {
	text-decoration: none;
	color: #4a7d9f;
	outline: none;
}

a:hover {
	text-decoration: underline;
	color: #000;
}

/*	Form controls
		----------------------- */
		
table.form {
	margin: 0 0 10px 0;
}

input, textarea {
	border: 1px solid #ccc;
	line-height: 16px;
	color: #222;
	padding: 2px 4px 4px 4px;
	margin: 0 5px 0 0;
}

input.w150 {
	width: 140px;
}

input.w240, textarea.w240 {
	width: 230px;
}

input.w274 {
	width: 264px;
}

input.w300, textarea.w300 {
	width: 290px;
}

textarea.w480 {
	width: 470px;
}

input.checkbox {
	width: auto;
	border: none;
}

input.button {
	border: none;
	width: 100px;
	line-height: 16px;
	height: 24px;
	background: #4a7d9f;
	color: #fff;
	padding: 0 0 2px 0;
	margin: 0;
}

select {
	border: 1px solid #ccc;
	line-height: 16px;
	color: #222;
	padding: 2px 4px 4px 4px;
	margin: 0 5px 0 0;
}

select.w150 {
	width: 150px;
}

select.w274 {
	width: 274px;
}

select.w300 {
	width: 300px;
}

label {
	color: #4a7d9f;
}

label.qualifier {
	color: #333;
}

/*	Lists
		----------------------- */
		
ul.linklist {
	margin: 0 0 18px 0;
	padding: 0;
	list-style: none;
}

ul.linklist li {
	margin: 0 0 5px 0;
	padding: 0 0 5px 22px;
	list-style: none;
	border-bottom: 1px dotted #ccc;
	background: none;
}

ul.linklist li, ul.linklist li a {
	font-size: 11px;
}

#lcol ul.linklist li a {
	font-size: 13px;
}

#lcol ul.linklist li a.more {
	font-size: 11px;
}

ul.linklist li.event {
	background: url(../images/i_cal.gif) 0 1px no-repeat;
}

ul.linklist li.link {
	background: url(../images/i_link.gif) 0 1px no-repeat;
}

ul.linklist li.last {
	border-bottom: none;
}

ul.linklist li.doc {
	background: url(../images/i_doc.gif) 0 1px no-repeat;
}

ul.linklist li.docx {
	background: url(../images/i_docx.gif) 0 1px no-repeat;
}

ul.linklist li.map {
	background: url(../images/i_map.gif) 0 1px no-repeat;
}

ul.linklist li.news {
	background: url(../images/i_news.gif) 0 1px no-repeat;
}

ul.linklist li.cfm {
	background: url(../images/i_news.gif) 0 1px no-repeat;
}

ul.linklist li.pdf {
	background: url(../images/i_pdf.gif) 0 1px no-repeat;
}

ul.linklist li.ppt {
	background: url(../images/i_ppt.gif) 0 1px no-repeat;
}

ul.linklist li.streetview {
	background: url(../images/i_streetview.gif) 0 1px no-repeat;
}

ul.linklist li.vacancy {
	background: url(../images/i_vacancy.gif) 0 6px no-repeat;
	padding: 5px 0 10px 22px;
}

ul.linklist li.vcard {
	background: url(../images/i_vcard.gif) 0 4px no-repeat;
}

ul.linklist li.xls {
	background: url(../images/i_xls.gif) 0 1px no-repeat;
}

ul.linklist li.noborder {
	border-bottom: none; !important
}

/*	Misc. classes
		----------------------- */
		
.blue, #bigtext a.blue {
	color: #4a7d9f;
}

.violet, #bigtext a.violet {
	color: #676197;
}

.green, #bigtext a.green {
	color: #899763;
}

.copper, #bigtext a.copper {
	color: #ac6867;
}

.purple, #bigtext a.purple {
	color: #9d5083;
}

.aqua, #bigtext a.aqua {
	color: #618e9c;
}

.marg10 {
	margin: 0 0 10px 0;
}

.hilight {
	color: #4a7d9f;
}

.divider {
	color: #ccc;
}

.black {
	color: #000;
}

.subtext {
	color: #555;
	font-size: 11px;
	line-height: 17px;
}

.nomarg {
	margin: 0;
}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


/*	General Layout
		---------------------------------------------- */
		
#holdAll {
	position: relative;
	min-height: 100%;
	width: 100%;
	margin: 0;
}

* html #holdAll {
	height: 100%;
}

#topBar {
	background: #dbdbdb url(../images/bg_hatch.gif);
	width: 100%;
	height: 25px;
}

#contentWrap {
	width: 100%;
	background: #fff;
}

#content {
	width: 920px;
	margin: 0 auto;
	padding: 32px 20px 115px 20px;
}

/*	Header
		----------------------- */

#header {
	background: #ccc;
}

#header img {
	float: left;
	margin-top: 30px;
	background: #4a7d9f;
}

#nav {
	width: 400px;
	float: right;
}

#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav li {
	float: left;
	/*font-weight: bold;*/
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 21px;
	background: none;
}

#nav li a {
	display: block;
	text-transform: lowercase;
	color: #777;
	width: 180px;
	height: 21px;
	margin: 0 0 0 20px;
	padding: 0;
	line-height: 20px;
	border-bottom: 1px solid #ccc;
}

#nav li a:hover {
	color: #555;
	background: #f9f9f9;
	border-bottom: 1px solid #999;
	text-decoration: none;
}

#nav li a.selected {
	font-weight: bold;
	color: #000;
	border-bottom: 1px solid #999;
}

/*	Main content
		----------------------- */
		
#bigtext {
	width: 920px;
	padding: 32px 0;
}

#bigtext h1 {
	float: left;
	padding: 0 13px 0 0;
	//white-space: nowrap;
}

#bigtext h1.forcewrap {
	white-space: normal;
}

#bigtext ul, #bigtext li {
	list-style: none;
	margin: 0;
	padding: 0;	
}

#bigtext li {
	display: inline;
	color: #ccc;
	background: none;
}

#bigtext li.first {
	padding: 0;
}

#bigtext a {
	padding: 0 13px 0 0;
}

#bigtext a:hover {
	color: #000;
	text-decoration: none;
}

#bigtext a.businesses {
	color: #618e9c;
}

#bigtext a.charities {
	color: #676197;
}

#bigtext a.individuals {
	color: #899763;
}

#bigtext a.proppro {
	color: #ac6867;
}

#bigtext a.regulators {
	color: #9d5083;
}

#bigtext a:hover {
	color: #000 !important;
	text-decoration: none;
}


/*	Left column
		----------------------- */
		
#lcol {
	clear: both;
	float: left;
	width: 490px;
	border-top: 3px solid #b7cbd9;
	margin: 0 50px 0 0;
	padding: 6px 0 10px 0;
}

#lcolwide {
	clear: both;
	float: left;
	width: 920px;
	border-top: 3px solid #b7cbd9;
	margin: 0;
	padding: 6px 0 10px 0;
}

/* related services link list */

ul.rel, ul.rel li, ul.rel ul, ul.rel ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.rel {
	margin: 0 0 20px 0;
}

ul.rel li {
	background: none;
}

/* top level */

ul.rel li a {
	display: block;
	text-transform: lowercase;	
	color: #777;
	width: 464px;
	min-height: 24px;
	margin: 0;
	line-height: 22px;
	border-bottom: 1px solid #ccc;
	padding: 0 0 0 26px;
	background: url(../images/i_news.gif) 0 4px no-repeat;
}

ul.rel li a:hover {
	color: #444;
	background: #f9f9f9 url(../images/i_news.gif) 0 4px no-repeat;
	border-bottom: 1px solid #999;
	text-decoration: none;
}

ul.rel li a.noTransform {
	text-transform: none;
}

ul.rel li.plus a {
	background: url(../images/bg_plus.gif) 10px 2px no-repeat;
}

ul.rel li.plus a:hover {
	background: #f9f9f9 url(../images/bg_plus.gif) 10px 2px no-repeat;
}

ul.rel li.plus a.selected {
	color: #000;
	border-bottom: 1px solid #999;
	text-decoration: none;
	background: url(../images/bg_plus.gif) 10px -19px no-repeat;
}

ul.rel li a.selected {
	color: #000;
	border-bottom: 1px solid #999;
	text-decoration: none;
}

/* sub level*/

ul.rel ul.sub li a {
	background: url(../images/i_news.gif) 26px 4px no-repeat;
	padding: 0 0 0 50px;
	width: 440px;
	border-bottom: 1px dotted #ccc;
}

ul.rel ul.sub li a:hover {
	background: #f9f9f9 url(../images/i_news.gif) 26px 4px no-repeat;
	border-bottom: 1px dotted #999;
}

ul.rel ul.sub li.last a {
	background: url(../images/i_news.gif) 26px 4px no-repeat;
	border-bottom: 1px solid #999;
}

ul.rel ul.sub li.last a:hover {
	background: #f9f9f9 url(../images/i_news.gif) 26px 4px no-repeat;
	border-bottom: 1px solid #999;
}

ul.rel ul.sub li.plus a  {
	background: url(../images/bg_plus.gif) 32px 2px no-repeat;
}

ul.rel ul.sub li.plus a:hover {
	background: #f9f9f9 url(../images/bg_plus.gif) 32px 2px no-repeat;
}

ul.rel li ul.sub a.selected {
	color: #000;
	border-bottom: 1px solid #999;
	text-decoration: none;
}

ul.rel ul.sub li.plus a.selected {
	color: #000;
	border-bottom: 1px solid #999;
	text-decoration: none;
	background: url(../images/bg_plus.gif) 32px -19px no-repeat;
}

/* sub sub level */

ul.rel ul.sub ul.sub li a {
	width: 418px;
	background: url(../images/i_news.gif) 48px 4px no-repeat;
	padding: 0 0 0 72px;
}

ul.rel ul.sub ul.sub li a:hover {
	width: 418px;
	background: #f9f9f9 url(../images/i_news.gif) 48px 4px no-repeat;
	padding: 0 0 0 72px;
}

ul.rel ul.sub ul.sub li.plus a  {
	background: url(../images/bg_plus.gif) 54px 2px no-repeat;
}

ul.rel ul.sub ul.sub li.plus a:hover{
	background: #f9f9f9 url(../images/bg_plus.gif) 54px 2px no-repeat;
}
	
ul.rel li ul.sub ul.sub a.selected {
	color: #000;
	border-bottom: 1px solid #999;
	text-decoration: none;
}

ul.rel ul.sub ul.sub li.plus a.selected {
	color: #000;
	border-bottom: 1px solid #999;
	text-decoration: none;
	background: url(../images/bg_plus.gif) 54px -19px no-repeat;
}


/* sub sub sub level */

ul.rel ul.sub ul.sub ul.sub li a {
	width: 396px;
	background: url(../images/i_news.gif) 70px 4px no-repeat;
	padding: 0 0 0 94px;
}

ul.rel ul.sub ul.sub ul.sub li a:hover {
	width: 396px;
	background: #f9f9f9 url(../images/i_news.gif) 70px 4px no-repeat;
	padding: 0 0 0 94px;
}


/* A to Z */

#atoz, #atoz li {
	list-style: none;
	margin: 0;
	padding: 0;
	background: none;	
}

#atoz {
	margin: 0 0 20px 0;
}

#atoz li {
	display: inline;
	color: #bbb;
	text-transform: uppercase;
	padding: 0 6px 0 0;
	background: none;
}

#atoz li.last {
	padding: 0;
}

#atoz li a.selected {
	text-decoration: underline;
	color: #111;
}

/*	A to Z listing  */

#atozlist, #atozlist li {
	list-style: none;
	margin: 0;
	padding: 0;
	background: none;
}

#atozlist {
	margin: 0 0 20px 0;
}

#atozlist li {
	float: left;
}

#atozlist li a {
	display: block;
	/*text-transform: lowercase;*/
	color: #777;
	width: 235px;
	height: 21px;
	margin: 0 10px 0 0;
	line-height: 20px;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	white-space: nowrap;
}

#atozlist li a:hover {
	color: #000;
	background: #f9f9f9;
	border-bottom: 1px solid #999;
	text-decoration: none;
}

.pagination {
	color: #999;
}

.linkoff {
	color: #ccc;
}

/*	Biographies  */

.person {
 	width: 235px;
	float: left;
	/*clear: both;*/
	padding: 0 0 18px 0;
	margin: 0 10px 0 0;
}

.wide {
	width: 480px;
}

.person img {
	float: left;
	margin: 0 10px 2px 0;
}

.person p, .person a {
	font-size: 11px;
	margin: 0;
}

/*.person a.biog {
	color: #000;
}*/

.person a.mail, a.mail {
	padding: 0 5px 0 22px;
	background: url(../images/i_envelope.gif) 0 3px no-repeat;
}

.person a.vcard {
	padding: 0 0 0 22px;
	background: url(../images/i_vcard.gif) 0 3px no-repeat;
}

.person .name {
	font-size: 17px;
	line-height: 24px;
}

/*  External Links  */

.externallink {
 	width: 480px;
	padding: 0 0 18px 0;
}

.externallink img {
	float: left;
	margin: 0 10px 2px 0;
	border: 1px solid #ccc;
}

.externallink p {
	font-size: 11px;
	margin: 0;
}

.externallink a {
	font-size: 12px;
	margin: 0;
}

/*	Addresses  */

.address {
	clear: both;
	/*border-bottom: 1px dotted #ccc;*/
	padding: 0 0 25px 0;
	margin: 0;
	/*background: url(../images/i_news.gif) 0 1px no-repeat;*/
}

.address .right {
	float: right;
	width: 160px;
}

.address img {
	float: right;
	margin-right: 20px;
}

/*	Maps Google */

.gmap {
	width: 490px;
	height: 300px;
	margin: 0 0 18px 0;
}

.gmap a, .gmap span {
	/*display: none;*/
	font-size: 11px;
}

/* brochure download oddness */

div.brochure {
	width: 120px;
	margin: 0 20px 15px 0;
	float: left;
}

div.brochureinfo {
	float: left;
	width: 350px;
}

/*	Right column
		----------------------- */

#rcol {
	float: left;
	width: 380px;
	border-top: 3px solid #4a7d9f;
	margin: 0;
	padding: 5px 0 10px 0;
}

#rcol h2 {
	color: #4a7d9f;
}

#rcol div.homequote {
	width: 380px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #333;
	line-height: 23px;
	margin: 2px 0 20px 0;
}

#rcol div.homequote div {
	float: left;
	width: 371px;
	margin: 0 0 17px 0;
}

#rcol div.homequote div.lquo {
	width: 9px;
}

#rcol div.homequote a {
	font-size: 18px;
	font-weight: bold;
	line-height: 23px;
}

/* subnav */

ul.subnav, ul.subnav li, ul.subnav ul, ul.subnav ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.subnav {
	margin: 0 0 20px 0;
}

ul.subnav li {
	background: none;
}

ul.subnav li a {
	display: block;
	text-transform: lowercase;
	color: #777;
	width: 380px;
	min-height: 21px;
	margin: 0;
	line-height: 20px;
	border-bottom: 1px solid #ccc;
}

ul.subnav li a:hover {
	color: #444;
	background: #f9f9f9;
	border-bottom: 1px solid #999;
	text-decoration: none;
}

ul.subnav li a.noTransform {
	text-transform: none;
}

ul.subnav li.plus a {
	background: url(../images/bg_plus.gif) 363px 0 no-repeat;
}

ul.subnav li.plus a:hover {
	background: #f9f9f9 url(../images/bg_plus.gif) 363px 0 no-repeat;
}

ul.subnav ul.sub li a {
	background: none;
	padding: 0 0 0 10px;
	width: 370px;
	border-bottom: 1px dotted #ccc;
}

ul.subnav ul.sub li a:hover {
	background: #f9f9f9;
	padding: 0 0 0 10px;
	width: 370px;
	border-bottom: 1px dotted #999;
}

ul.subnav ul.sub li.last a {
	background: none;
	padding: 0 0 0 10px;
	width: 370px;
	border-bottom: 1px solid #999;
}

ul.subnav ul.sub li.plus a, ul.subnav ul.sub ul.sub li.plus a  {
	background: url(../images/bg_plus.gif) 363px 0 no-repeat;
}

ul.subnav ul.sub li.plus a:hover, ul.subnav ul.sub ul.sub li.plus a:hover {
	background: #f9f9f9 url(../images/bg_plus.gif) 363px 0 no-repeat;
}

ul.subnav ul.sub ul.sub li a {
	width: 360px;
	background: none;
	padding: 0 0 0 20px;
}

ul.subnav ul.sub ul.sub li a:hover {
	width: 360px;
	background: #f9f9f9;
	padding: 0 0 0 20px;
}

ul.subnav ul.sub ul.sub ul.sub li a {
	width: 350px;
	background: none;
	padding: 0 0 0 30px;
}

ul.subnav ul.sub ul.sub ul.sub li a:hover {
	width: 350px;
	background: #f9f9f9;
	padding: 0 0 0 30px;
}

ul.subnav li a.selected, ul.subnav li ul.sub a.selected, ul.subnav li ul.sub ul.sub a.selected  {
	color: #000;
	border-bottom: 1px solid #999;
	text-decoration: none;
}

ul.subnav li.plus a.selected, ul.subnav ul.sub li.plus a.selected, ul.subnav ul.sub ul.sub li.plus a.selected {
	color: #000;
	border-bottom: 1px solid #999;
	text-decoration: none;
	background: url(../images/bg_plus.gif) 363px -21px no-repeat;
}


/*	Footer
		----------------------- */
		
#footerWrap {
	position: relative;
	clear: both;
	width: 100%;
	height: 64px;
	background: #dbdbdb url(../images/bg_hatch.gif);
	margin-top: -100px;
	padding: 18px 0;
}

#footer {
	position: relative;
	width: 920px;
	margin: 0 auto;
}

#footer p, #footer li, #footer a {
	font-size: 11px;
}

#fcoll {
	float: left;
	width: 490px;
	margin: 0 50px 0 0;
}

#fcoll ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#fcoll li {
	display: inline;
	font-size: 11px;
	padding: 0 0 0 5px;
	background: none;
	color: #777;
	list-style: none;
}

#fcoll li.first {
	padding: 0;
}

#fcoll a, #fcolc a {
	color: #333;
	padding: 0 5px 0 0;
}

#fcolc {
	float: left;
	width: 190px;
}

#fcolr {
	float: left;
	width: 190px;
}

/*	Charging Info
		----------------------- */
		
#charging table {
	border: none;
	margin: 0 0 15px 0;
	border-collapse: collapse;
}

#charging table td, #charging table th {
	border: 1px solid #999;
	padding: 4px;
}

/* add this */

#at16pf  {
	padding: 4px;
}
