@import url(homepages.css);

/* ### BASELINE STYLESHEET RESET ### */
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, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0;
	font-weight: inherit; font-style: inherit; line-height: 1.4; font-family: inherit;
	text-align: left; 	vertical-align: baseline;
}
a img, :link img, :visited img { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ''; }
.clear { clear: both; }
.clearLeft {clear:left;}
#mobile_name {display:none;}
/* ######### END of RESET ######### */

/* ################################################################################# TYPE BASICS ## */
body {
	font-size: 78%;
	font-family: 'lucida grande', Verdana, Geneva, Helvetica, sans-serif;
	color: #000;
	padding-top: 3px;
}

body>html { font-size: 12px;}

h3, h4, h5, h6 {font-weight:normal;margin: 1.1em 0;}

#main h4 {margin:.7em 0 .3em 0; font-size:1.4em; }

#byeditor h2, .service_box h2 {font-size: 1.4em;}
#byeditor h3, .service_box h3 {font-size: 1.2em;}
#byeditor h4, .service_box h4 {font-size: 1.1em; font-weight:bold;}

p { font-size:1em; margin-bottom: 1em; }
#main > p:first-child {font-size: 1.2em;}
.first {font-size: 1.1em;}
.slim p { margin-bottom: .5em; }
.small { font-size: .9em; color: #666; }

#main ul {margin: 0 0 1em 2.4em; list-style:disc;}
#main ol {margin: 0 0 1.6em 2.4em; list-style: decimal ;}
#main ul li, #main ol li {padding-bottom: .2em;}

a:link {color: #000; text-decoration: none;}
a:visited {color: #000; text-decoration: none;}
a:hover {color: #000; text-decoration: underline;}
a:active {color: #000; text-decoration: underline;}

.no_visit a:link, .no_visit a:visited {color: #000;}
.no_visit a:hover, .no_visit a:active {color: #000; text-decoration: underline;}

#main a:link, #main a:visited, #footer a:link, #footer a:visited { background: url(css_img/dash.png) repeat-x bottom left; padding: 0 0 2px 0; }
#main a:hover, #main a:active, #footer a:hover, #footer a:active { background: url(css_img/dash.png) repeat-x bottom left; text-decoration: none; padding: 0 0 2px 0;}

p.accesskeys, .hidden, #mast ul, #mast #azbar, #mast #prime_nav, #mast #skip, #column_nav, #mast form, #related,
.page_down, #navbox, #main #calendarcontainer, p.totp, #footer div
{display:none;}
.center {padding: 1.2em 0; text-align: center;}
.note {text-transform: uppercase; letter-spacing: 1px; font-style: italic; font-size: .9em;}  

/* ################################################################################# LAYOUT STRUCTURE ## */

/* FOOTER, last but not least */
#footer { 
	clear: both; width: 100%; padding: 10px 0 20px 0; 
	margin-top: 1px; color: #000; font-size:0.9em; border-top: 1px solid #D2D2D2;}

#footer p {padding-left: 10px;}
#footer p img { border: none;  margin-right: 5px; float: left; }
#footer div a:link, #footer div a:visited, #footer div a:hover, #footer div a:active, #footer div a { background: none; }

/* Signin Box */
form.signin { border: 1px solid #ccc; padding: 5px 10px; margin: 5px 0;}
form.signin input.field {width: 60%; display:block; float:left; margin-bottom: 5px}
form.signin label {width: 15%; display:block; float:left; clear:left; margin:0 0 5px 5%;}
form.signin p {clear:both; text-align:center;}

/* ################################################################################# MAIN ## */
.contentimage {float: right; margin: 0 0 10px 16px; border: 1px solid #ccc; padding:1px; }
.main_image {float: right; margin: 0 0 10px 16px; border: 1px solid #ccc; padding:  1px; width: 190px; }
.locationmap { border: 1px solid #ccc; padding:1px; float: left; margin: 0 15px 20px 0; }
table { border: 1px solid #ccc; margin: .4em 0 1.4em 0; border-collapse: inherit;}
table th { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;  font-weight: bold; padding: 6px; }
table td {padding:5px 8px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }

#main {font-size: 1.1em; padding: 0 0.5em;}
#main.home_main {padding: 0;}

#main p.breadcrumb {font-size: 0.8em; color: #333;margin-top: 10px; padding: 5px 0 5px 5px;}

/* Contact box */
.contactbox { margin: 16px 0; padding: 6px; clear: both; border: 1px solid #ddd; font-size: .9em;}

.contactbox p { padding: 4px 10px; margin: 0; }
.contactbox strong { font-weight: bold; font-size: 1.3em; padding: 4px 10px; display: block; margin-bottom: 5px; color: #000}
.contactbox em { font-size: 1.1em; font-style: normal; font-weight: bold;}

.tel, .fax, .email, .arrw { padding-left: 20px; margin-left: 2px; font-size: 1.1em; color: #000;}
.speech {padding-left: 20px; margin-left: 2px; font-size: 1.1em;color: #000;}

.fax { background: url(css_img/icoPrint.gif) no-repeat 0% 50%;}
.email { background: url(css_img/icoEmail.gif) no-repeat 0px 50%;}
.adr { background: url(css_img/icoAddress.gif) no-repeat 0px 5%;}
.arrw {  background: url(css_img/icoArrow.gif) no-repeat 0px 50%;}
.tel { background: url(css_img/icoPhone.gif) no-repeat 0px 50%; }
.speech {background: url(css_img/icoFAQ.gif) no-repeat 0px 50%; }

.vcard { margin: 0 0 10px 0; padding: 16px 32px 16px 32px; clear: both; border-bottom: 1px dashed #ccc;}
.vcard h4 { margin:0; }
.vcard .adr {padding-left: 20px; margin-left: 2px;}
.fn { font-size: 1.2em;}

.vcard p {margin: .3em 0;}
address .adr {display: block; font-style: normal; font-size: 1.1em; margin-left: 2px;  color: #000; margin-bottom: 1em; padding-left: 20px;}
address {font-style:normal;}

/* Site map */
.site_map { border-bottom: 1px dashed #ccc; }
.site_map dt { font-size: 1.3em; padding: 10px 0; margin: 0; clear:both; }
.site_map dd { font-size: 1.1em; padding-left: 20px; clear:both;}
.site_map dd.header {background: url(css_img/icoArrow.gif) no-repeat 0 3px;}

.site_map dd li a { font-size: .9em;}
.site_map ul li { display:inline; list-style: none; margin-right: 0.6em; padding: 6px 0; font-weight: normal; }

/* ################################################################################# MAIN DISPLAY BOX ## */
.display_box {margin-bottom: 1.2em; padding-bottom: .8em; border-bottom: 1px dashed #ccc;}
.info_left { width: 46%; float: left; }
.info_right { width: 46%; float: right;}

#main .display_box ul {margin: 0 6px 12px 6px; padding: 0;}
#main .display_box ul li { list-style: none; margin: 0; padding: 2px 0 3px 0;}

#main .display_box a:link, #main .trans_wrap li a:link { display:block; font-weight: normal; background: url(css_img/navBullet.gif) no-repeat 0px 50%; padding-left: 17px; }
#main .display_box a:visited, #main .trans_wrap li a:visited { display:block; background: url(css_img/navBullet.gif) no-repeat 0px 50%; padding-left: 17px; }
#main .display_box a:hover, #main .display_box a:active, #main .trans_wrap li a:hover, #main .trans_wrap li a:active { display:block; background: url(css_img/navBullet.gif) no-repeat 0px 50%; padding-left: 17px; }
#main .meeting_attach p a:link, #main .meeting_attach p a:visited, #main .meeting_attach p a:hover, #main .meeting_attach p a:active {display:inline;}
.display_box h4, .display_box h5 { font-size: 1.3em; margin: .6em 0 .8em 0; }
.display_box h3 { font-size: 1.3em; margin-bottom: .8em; }
#main .display_box h3 a { background: none; padding: 0; }
.display_box ul li h4 { font-size: 1.3em; margin: .8em 0 0 0; }

.display_box dl {margin: 12px; padding: 0;}
.display_box dd {padding: 2px 0;}

/* NEED TO PUT THESE IMAGES IN */
#main .display_box .edit_this, #main .display_box .delete_this {margin-left: 13px;}
#main .display_box .edit_this a:link { color: #393; font-weight: bold; background: url(css_img/icon_plus2.gif) no-repeat 0px -47px; padding-left: 13px;}
#main .display_box .edit_this a:visited { color: #63c; font-weight:bold; background: url(css_img/icon_plus2.gif) no-repeat 0px -122px; padding-left: 13px;}

#main .display_box .edit_this a:hover, #main .display_box .edit_this a:active
	{ color: #000; font-weight: bold; background: url(css_img/icon_plus2.gif) no-repeat 0px -197px; padding-left: 13px;}

#main .display_box .delete_this a:link, #main .display_box .delete_this a:visited
	{ color: #c00; font-weight: bold; background: url(css_img/icon_minus2.gif) no-repeat 0px -46px; padding-left: 13px;}
		
#main .display_box .delete_this a:hover, #main .display_box .delete_this a:active
	{ color: #000; font-weight: bold; background: url(css_img/icon_minus2.gif) no-repeat 0px -178px; padding-left: 13px;}
/* NEED TO PUT THESE IMAGES IN */

/* Just boxed */
.boxed { clear: both; border: 1px solid #ddd; padding: 12px; margin: 1.2em 0;}
.boxed span a { padding: 0 .4em; }
.boxed form {margin: 0;padding:0;}
.boxed select { width: 80%; margin-top: 5px;}
.boxed label { clear: both; font-weight: bold; margin: 0; padding: 0; display:block;}

#main .list {margin: 0 5px; padding: 0;}
#main .list li { list-style: none; padding:0; margin: 4px 0; line-height: 1.5;}

#main .list li a:link { display: block; padding:0 0 0 17px; background: url(css_img/navBullet.gif) no-repeat 0px 4px; }
#main .list li a:visited { display: block; padding:0 0 0 17px; background: url(css_img/navBullet.gif) no-repeat 0px 4px; }
#main .list li a:hover, #main .list li a:active { display: block; padding:0 0 0 17px; background: url(css_img/navBullet.gif) no-repeat 0px 4px; }
#main .list img {width: 14px;}
#main .list li span {font-size: .9em; color: #777; letter-spacing: 1px;}

/* Orderd list */
#main .orderd_list {margin: 0 0 1.4em .2em; padding: 0; }
#main .orderd_list li { list-style: none; padding:0; margin: 8px 0; line-height: 1.5;}

#main .orderd_list li a:link { padding:0 0 0 17px; background: url(css_img/navBullet.gif) no-repeat 0px 4px; }
#main .orderd_list li a:visited { padding:0 0 0 17px; background: url(css_img/navBullet.gif) no-repeat 0px 4px; }
#main .orderd_list li a:hover, #main .orderd_list li a:active {padding:0 0 0 17px; background: url(css_img/navBullet.gif) no-repeat 0px 4px; }
#main .orderd_list img {width: 14px;}
#main .orderd_list li span {font-size: .9em; color: #777; letter-spacing: 1px;}

/* Documents */
#main .doc_info { border-bottom: 1px dashed #ccc; margin: 2em 0 1em 0; padding:0 0 1.4em 0; clear:both;}
/* NEED TO PUT THESE IMAGES IN */
#main .doc_info p { font-size: 1.2em; margin: 0; padding: 2px 0 ; }
/* NEED TO PUT THESE IMAGES IN */

#main .doc_info p strong { font-weight: normal;}
#main .doc_info ul { margin: 0; padding: 0; }
#main .doc_info ul li { list-style: none; margin: 0; padding: 4px 0; }

#main .cate_info {border-bottom: 1px dashed #ccc; margin: 0 0 1em 0; padding:0 0 1.4em 0; clear:both;}
#main .cate_info h3 {font-size: 1.3em; margin: 0; padding: 0 0 10px 0;}
#main .cate_info ul {margin: 0; padding: 0;}

#main .cate_info ul li {list-style: none; margin: 0; padding: 4px 0;}

/* Downloads */
.download li { list-style: none; background: url(css_img/navBullet.gif) no-repeat 0px 50%; padding-left: 13px; }

/* Search results from Google */
.search_result { border-bottom: 1px dashed #ccc; padding: 0 0 .8em 0; margin: 0 0 1em 0;}
.search_result h4, .search_result h5 { margin:.7em 0 0 0; font-size:1.4em; }
.search_result p { margin: 0 0 .4em 0; }
.search_result .url { font-size: .94em; color: #666; }
#main .search_result h4 a:link, #main .search_result h5 a:link { background: url(css_img/icoExternal.gif) no-repeat 0px 50%; padding-left: 20px; }

.search_result .search a:link, .search_result .search a:visited, .search_result .search a:hover, .search_result .search a:active { background: none; padding-left: 0; }

#main .search_result h4 a:visited,#main .search_result h5 a:visited { background: url(css_img/icoExternal.gif) no-repeat 0px 50%; padding-left: 20px; }
#main .search_result h4 a:hover, #main .search_result h5 a:hover,#main .search_result h4 a:active, #main .search_result h5 a:active { background: url(css_img/icoExternal.gif) no-repeat 0px 50%; padding-left: 20px; }

.keymatch { background: #E6F3F7; border: 1px dashed #ccc; padding: 6px 10px; float: left; width: 23.6em; margin: 0 1em 1.2em 1em }
.keymatch h4 { margin:0; font-size:1.4em; }
.keymatch p { margin: 0 .2em 0 0; }

p#sorting {clear:both;}

/* News */
.lead h3 { margin-bottom: .4em; }
.lead img { width: 120px; border: 1px solid #ccc; padding: 1px; }
.date { font-size: 1em; color: #666; margin:0 0 .4em 0; font-size: .9em; }
.lead p { font-size: 1.1em; }

.content_box { clear: both; border-top: 1px dashed #ccc; padding: 16px 0; margin:0;}
.content_box img { width: 60px; border: 1px solid #ccc; padding: 1px; float: left; margin:5px 6px 5px 0; }
.content_box h4, .content_box h5, .content_box h6 { margin: 0 0 .2em 0; font-size: 1.3em;  }
.content_box p { margin: 0; }
.content_box p a { font-size: .94em; font-weight: bold; }

.trans_wrap { clear: both; padding: 1.2em 0;}
.trans_wrap ul li { list-style: none; }
.trans_wrap h5 { margin-bottom: 10px; font-size: 1.3em; font-weight: normal; }

.divide { border-top: 1px dashed #ccc; padding: 1.4em 0; margin: 1.4em 0; }

.councillor_box { width: 44%; margin-right: 6%; float: left; padding:0; }
.councillor_box strong { font-size: 1.3em; font-weight: normal; margin: 0; }
.councillor_box img { width: 60px; border: 1px solid #ccc; padding: 1px; float: left; margin:3px 6px 5px 0; }
.councillor_box dd { padding: .05em 0; }
dd.councillorBorder {border-bottom: 1px dashed #ccc; padding: 14px 0; margin-bottom: 14px;}

#coucillor_biog h3 { margin-bottom: 0.3em; font-weight:normal}
#coucillor_biog img { float: left; width: 90px; border: 1px solid #ccc; padding: 1px; margin:3px 6px 5px 0; }

#coucillor_biog p.counc_indent {margin: 0 0 12px 110px; font-size: 1em; }
#coucillor_biog div {border-top: 1px dashed #ccc; margin: 20px 0; padding: 16px;clear:left;}
#coucillor_biog p a {letter-spacing: normal;}
#coucillor_biog p strong { font-size: 1.3em; font-weight: normal; }
#coucillor_biog address .adr { color: #000; margin: 0 0 10px 110px; }

#more_councillors div { border-bottom: 1px dashed #ccc; padding-bottom: 12px; margin: 10px 0; }
#more_councillors h4 {font-size: 1.3em;}
#more_councillors h5, #more_councillors h6 { font-size: 1.2em; background: none; padding: 0; margin-bottom: 0; }
#more_councillors img { float: left; width: 60px; border: 1px solid #ccc; padding: 1px; margin:3px 10px 5px 0; }
#more_councillors p { margin-bottom: .1em; padding: 1px 0 1px 70px;}

/* ################################################################################# AZ of SERVICES ## */
#az_index { margin:0 0 20px 0; padding:0 0 18px 0; border-bottom: 1px dashed #ccc;}
#az_index h3 { font-size: 1.5em; }
#az_index ul { text-transform: uppercase; list-style:none; margin:0; padding:0 0 20px 0; }
#az_index li { list-style:none; display:inline; font-size:1.6em;}

#main #az_index li a, #az_index li span {
float: left; text-align: center; font-weight:bold; line-height:1.1em;
margin:0 0 6px 6px; padding:2px 3px 3px 3px; width: 1.4em; display:block; }

#az_index li a:link {border: 1px solid #039;}
#az_index li a:visited {border: 1px solid #63c;}
#az_index li a:hover, #az_index li a:active { border: 1px solid #000;}
#az_index li span {color:#ccc; border: 1px solid #ccc;}

#tag_cloud a {padding: .1em .4em; margin: 2.2em .4em; line-height: 1.4; background: #eee;}
.pid {color:#777; font-size:.9em; font-style: italic;}

.left_block { float: left; width: 60%; margin: 0 0 14px 0;}
.right_block { float: right; width: 35%; margin: 0 0 14px 0; background: #ccc; padding: 1px;}
.right_block_alt { float: right; width: 35%; margin: 0 0 14px 0; padding: 1px;}

.left_block h4 {font-size: 1.5em; padding-top: 0; }
.right_block h5 {font-size: 1.5em; margin-bottom: .4em;}

/* Services */
.service_box {clear: both; border: 1px solid #ddd; padding: .6em 1.4em; margin: 0 0 1em 0;}
.service_box h4.heading, .service_box h5 { font-size: 1.4em; font-weight:normal;}
#main .service_box span { font-size: 1em; font-weight: normal; }
#main .service_box ul { margin: 0 10px; padding: 0; }
#main .service_box ul li { list-style: none; padding: 0 0 4px 0; }

.service_box a:link { font-weight: bold; background: url(css_img/icon_plus2.gif) no-repeat 0px -47px; padding-left: 13px;}
.service_box a:visited { font-weight:bold; background: url(css_img/icon_plus2.gif) no-repeat 0px -122px; padding-left: 13px;}
.service_box a:hover, .service_box a:active { font-weight: bold; background: url(css_img/icon_plus2.gif) no-repeat 0px -197px; padding-left: 13px;}

#main .service_box .email a, #main .service_box .adr a { background: none; padding-left: 0; }


/* For the live find */
#top_services ul {margin:0 2px;}

#az_live_find {padding:8px 0;  border: 1px solid #fff;}
#az_live_find h5 {margin: 0 12px;}
#az_live_find ul {margin: 5px 0; padding:0;}
#az_live_find li {list-style:none; padding:4px 0;}
#az_live_find label {display: block; font-size: .9em; margin: 6px 12px;}
#az_live_find span {margin: 0 12px;}

#az_live_find ul li {margin: 3px 12px;}

#az_live_find ul li ul {
	font-size: .9em;
	background: #fff;
	border: 1px solid #ddd;
	width: 94%;
	margin: 4px 0;
	padding:0;
	overflow: hidden;
}

.service_box #az_live_find { border: none; padding:0; margin: 0; }
.service_box #az_live_find h5, .service_box #az_live_find label, .service_box #az_live_find span { margin: 6px 0 6px 0;  }

/* ################################################################################# GENERAL FORMS ## */
.basic_form { width: 100%; clear:both}
.basic_form legend { color: #666; font-size: 1.1em; padding: 0 2px; margin: 0 8px; }
.basic_form fieldset { border: 1px solid #ddd; padding: 2px; margin: 0 0 1.6em 0;}

.basic_form p { clear: both; padding: .8em 0; margin: 2px 0;}
.basic_form p label { float: left; width: 40%; font-size: 1.1em; text-align: right; padding-right: 10px; letter-spacing: 1px; }
.basic_form p label em, .fake_label em { color: #333; font-size: .9em; }
.basic_form p label strong, .form_text strong, .fake_label strong { color: #c00; font-weight: normal; }
.basic_form p label span { clear: both; }

.basic_form p .field { font-size: 1.1em; width: 40%; }
.basic_form p select { border: 2px solid #666; font-size: 1em; }

textarea { font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 1.2em; }
.field, .dob { border: 2px solid #666; padding: 1px 1px 2px 1px; }
.field:focus, .basic_form p select:focus, .dob:focus { border: 2px solid #000; }

.basic_form .fake_label { float: left; width: 40%; font-size: 1.1em; text-align: right; padding-right: 10px; letter-spacing: 1px; }
.basic_form .date_birth label { text-align: left; width:auto; padding-right: 20px;}
.dob {font-size: 1em;}
.basic_form .form_text label { width: 100%; display: block; font-size: .9em; text-align: left; float: none; padding: .4em 0 .2em 0; }
.basic_form .form_text { padding: .8em ; text-align: left; font-size: 1.1em; }

/* Advanced search */
.basic_form #search_checkbox { overflow: auto; }
.basic_form #search_checkbox label { width: 42%; text-align: left; float: left; margin:0 0 5px 10px;}
.basic_form #search_checkbox label input { margin-right: 5px; }
.basic_form .advanced p strong { color: #000; font-weight: bold;}

.button {
	background: #ccc;border: 1px outset #333;font-weight: normal;color: #000;padding: 0 1px 1px 1px;font-size: 1.1em;
	width: 0; /* IE table-cell margin fix */
    overflow: visible;
}

input.button[class] { /* IE ignores [class] */
    width: auto; /* cancel margin fix for other browsers */
}

.warning { color: #c00; }

/* Site settings page specific */
.settings_form .reset { background: transparent; margin: 0; padding:0; text-align: right; }

.settings_form legend { color: #000; font-size: 1.1em; padding: 0 2px; margin: 0 8px; letter-spacing: 1px; }
.settings_form fieldset { border: 1px solid #ddd; padding: 10px; margin: 0 0 1em 0;}

.settings_form p { clear: both; padding: 1em; background: #eee; margin: 2px 0;}
.settings_form p select { border: 2px solid #666; font-size: 1em; }
.settings_form p label { margin-left: 22px; }

.settings_form #colorselections label {margin: 0;}
.settings_form #colorselections input {margin-top: 10px;}