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

/* Main mast logo. Background images for hover effect */
#mast h1 a:link, #mast h1 a:visited {
	background: url(/css_img/mcc_logo_blue.gif) no-repeat 0px 0px;}
#mast h1 a:hover, #mast h1 a:active {
	background: url(/css_img/mcc_logo_blue.gif) no-repeat 0px -57px;}

/* Main large heading */
h2 { 
	background: #006;}
	
/* The ALTERNATIVE left column navigation. Background colour */
.column_alt #column_nav {
	background: #01448B url(/css_img/alt_blue.gif) repeat-x top left;}

/* Background colour of the breadcrumb under the tabs */
#mast #main_tabs p {						
	background: #004FA3;}

/* The left column navigation. Header backgrounds */
#column_nav dl dt {
	background: #006;}

/* The footer. Top border colour */
#footer {
	border-top: 5px solid #006;}

/* Big blockquote. From the editor output */
#main blockquote {
	border: 1px solid #77C5DF;
	background: #E6F3F7 url(/css_img/blockquote.gif) no-repeat 5px 5px;}

/* The left column navigation. Pale background colour. */
#column_nav {
	background: #E6F3F7;}

/* The left column navigation. Visited and Hover background colour */
#column_nav dl dd a:visited {
	background: #E9E3F5 url(/css_img/dotted.gif) repeat-x bottom left;}
#column_nav dl dd a:hover, #column_nav dl dd a:active {
	background:#C2E1EB url(/css_img/dotted.gif) repeat-x bottom left;}

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

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

#main h2, h3, h4, h5, h6 {
	font-size:1.7em;
	/*margin-top: .7em;*/
	margin-bottom: .8em;
	color: #000;
	/*clear: both;*/
	background: transparent;
	padding: 0;
	line-height: 1.4;
}

h2 { /* SEASON SEPARATION - background colour */
	float:left;
	width: 98%;
	clear: both;
	display: block;
	color: #fff;
	text-align: left;
	font-size: 1.8em;
	letter-spacing: 1px;
	padding: 3px 1%;
	border-top: 3px solid #fff;
	border-bottom: 10px solid #fff;
}

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

#main blockquote { /* SEASON SEPARATION - background and border colour */
	padding: 6px 6px 6px 36px;
	display: block;
	font-size: 1.2em;
	margin:0 0 1.4em 1.4em;
	font-family: Georgia, 'American Typewriter', Times, serif;
}

#main blockquote p {margin:0;}
#main blockquote cite {font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; color: #000; font-size: .8em;}

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

.hidden {position: absolute; margin-left: -2000em;}
.center {padding: 1.2em 0; text-align: center;}
.note {text-transform: uppercase; letter-spacing: 1px; font-style: italic; font-size: .9em;}

/* ################################################################################# MAST specific text ## */
#mast ul {padding: 7px 0 0 6px; display: inline; float: left;}
#mast ul li {display: inline; padding: 0 5px;}
#mast ul li em {font-style: normal;  font-weight: bold;}
#mast p {padding: 6px; margin: 0; display: inline; float: right;}

#mast h1 {display: inline; float: left; clear: both; margin:6px 0 0 6px; padding:0;}
#mast h1 a {display: block; width: 221px; height: 55px;}
#mast h1 span { position: absolute; margin-left: -13000px;}

/* SEASON SEPARATION - background image for the main mast logo */

/* ################################################################################# LAYOUT STRUCTURE ## */
#wrapper {max-width: 61em; margin: 0 auto;}

#mast {background: transparent;}
#mast form label {position: absolute; margin-left: -2000em;}
#mast form {clear: right; display: inline; width: auto; float: right; margin: 12px 6px 0 0;}

/* MAIN TABs and BREADCRUMB */
#main_tabs {background: transparent; float: left; width: 100%; margin: -12px 0 0 0;}

#main_tabs ul {float: right; margin:0 5px 0 0;}
#main_tabs ul li {float: left; margin:0 1px 0 0; padding:0;}
#main_tabs ul a {
	text-decoration: none;
	display: block;
	color: #fff;
	padding: .3em .6em .1em .6em;
	background: url(/css_img/tab_right.png) no-repeat top right;
}


/* 1st */
#main_tabs ul .tab_1 { background: #CC0033 url(/css_img/tab_left.png) no-repeat top left; margin:0 padding:0; }
#main_tabs ul .tab_1:hover { background: #000 url(/css_img/tab_left.png) no-repeat top left; }
/* 2nd */
#main_tabs ul .tab_2 { background: #519234 url(/css_img/tab_left.png) no-repeat top left; margin:0 padding:0; }
#main_tabs ul .tab_2:hover { background: #000 url(/css_img/tab_left.png) no-repeat top left; }
/* 3rd */
#main_tabs ul .tab_3 { background: #6D6EB1 url(/css_img/tab_left.png) no-repeat top left; margin:0 padding:0; }
#main_tabs ul .tab_3:hover { background: #000 url(/css_img/tab_left.png) no-repeat top left; }

#mast #main_tabs p {/* SEASON SEPARATION - background color */
	font-size: .9em;
	color: #fff;
	padding: 4px 11px;
	display: block;
	float: none;
	clear: both;
}

#main_tabs p a:link, #main_tabs p a:visited { color: #fff; text-decoration: none; }
#main_tabs p a:hover, #main_tabs p a:active { color: #fff; text-decoration: underline; }

/* The left column navigation stuff */
#column_nav {/* SEASON SEPARATION - background colour */
	float:left;
	width:32%;
	padding-bottom: 12px;
}

#column_nav dl {margin: 0 0 6px 0;}

#column_nav dl dt {/* SEASON SEPARATION - background colour */
	padding: 3px 10px;
	color: #fff;
	font-size: 1.3em;
	margin: 0 0 1px 0;
}

#column_nav dl dd {padding: 0;}

#column_nav dl dd a {
	font-weight: bold;
	padding: 5px 10px;
	display: block;
	text-decoration: none;
}

#column_nav dl dd a:link {color: #000; background: url(/css_img/dotted.gif) repeat-x bottom left;}
#column_nav dl dd a:visited {color: #333;} /* SEASON SEPARATION - background colour */
#column_nav dl dd a:hover, #column_nav dl dd a:active {color: #000;} /* SEASON SEPARATION - background colour */

/* ALTERNATIVE column */
.column_alt #column_nav { /* SEASON SEPARATION - background colour and image */
	float:left;
	width:96%;
	padding: 1% 2%;
	margin: 12px 0 1px 0;
}

.column_alt #column_nav dl { padding:0; margin:0 1% 0 0; float: left; width: 31%;}

.column_alt #column_nav dl dt {
	padding: 0;
	color: #fff;
	background: transparent;
	font-size: 1.4em;
	margin: 4px 0;
}

.column_alt #column_nav dl dd { font-size: 1em; margin: 3px 0; padding: 0; }

.column_alt #column_nav dl dd a {
	font-weight: normal;
	padding: 2px 0 2px 18px;
	display: block;
	color: #fff;
}

.column_alt #column_nav dl dd a:link {background: url(/css_img/alt_arrw.gif) no-repeat 0px 4px; color: #fff;}
.column_alt #column_nav dl dd a:visited {background: url(/css_img/alt_arrw.gif) no-repeat 0px -99px; color: #fff; }
.column_alt #column_nav dl dd a:hover, .column_alt #column_nav dl dd a:active { text-decoration: underline; background: url(/css_img/alt_arrw.gif) no-repeat 0px -203px; color: #fff;}

.column_none #column_nav {display: none;}

/* FOOTER, last but not least */
#footer { /* SEASON SEPARATION - top border colour */
	clear: both;
	width: 100%;
	background: url(/css_img/mcc_footer.gif) no-repeat 98% 10%;
	padding: 10px 0 20px 0;
	margin-top: 1px;
	color: #666;
	font-size:.9em;
}

#footer p {padding-left: 10px;}
#footer div {padding: 4px 10px 14px 10px;}
#footer div img { border: none; margin-right: 12px; }
#footer p img { border: none;  margin-right: 5px; float: left;  }

/* ################################################################################# HOMEPAGE specific ## */
#image_wrapper {float: left;}

#feature_mast { /* Otherwise known as Homepage Random image */
	border-bottom: 10px solid #fff;
	float: left;
	/* The background image itself lives in banner_image.php in the styles directory */
	overflow: visible;
	float: left;
	height: 13.62em;
	width: 100%;
}

#feature_mast h2 {
	display: inline;
	float: left;
	margin: .52em 0 0 0;
	padding: 0;
	border: none;
	font-size: 1.2em;
	width:auto;
}

#feature_mast h2 span {padding: .3em .6em; display: block; background: #01448B; border: 10px solid #fff; width:auto; }

#feature_mast h2 a {float: left; padding: .3em .6em; font-size: 1em; color: #fff;}
#feature_mast h2 a:link, #feature_mast h2 a:visited {text-decoration: none; background: #c03;}
#feature_mast h2 a:hover, #feature_mast h2 a:active {text-decoration: none; background: #000;}

#feature_mast dl { border-left: 10px solid #fff; border-top: .85em solid #fff; height: 12.77em; width: 19.9em;  float: right; background: #c03 url(/css_img/feature_dl.gif) no-repeat top right; overflow: hidden; }
#feature_mast dl dt { color: #fff; background: #97042A url(/css_img/feature_dt.gif) no-repeat top right; border-bottom: 1px solid #fff; padding: 4px 10px; font-size: 1.4em;}

#feature_mast dl ul {margin: 8px 12px;}
#feature_mast dl li {padding: .14em 0;  }
#feature_mast dl li a {padding-left: 18px; font-weight: normal; }
#feature_mast dl li a:link, #feature_mast dl li a:visited {color: #fff; text-decoration: none; background: url(/css_img/arrw_bllt.gif) no-repeat 0px 0px; }
#feature_mast dl li a:hover, #feature_mast dl li a:active {color: #fff; text-decoration: underline; background: url(/css_img/arrw_bllt.gif) no-repeat 0px -147px; }

#feature_mast form { float: left; width: 21em; font-size: 1em; border: 10px solid #fff;}
#feature_mast form h2 { background: #01448B url(/css_img/icon_wuser.gif) no-repeat 7px 6px; padding: .2em .5em .2em 1.5em; text-align: left; float: left; margin:0; border-bottom: 1px solid #fff; width: 15.51em;}

#feature_mast form div { clear: both; width float: left; background: #3197B9; padding: .5em 1em .4em 1em;}
#feature_mast form div .warning {color: #fff; font-weight: bold; font-size: 1.2em; padding: 0; }
#feature_mast form p {clear: both; padding: .2em 0; margin:0; display: block; }
#feature_mast form p label {float: left; color: #fff; padding:.2em .5em 0 0; font-size: 1.1em; width: 4.6em; text-align: right;}
#feature_mast form p a {color: #fff;}
#feature_mast form p .button {margin: 0 20px; font-size: .95em;}

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

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

.main_twocol {float:right; width:66.4%; padding: 0 0 10px 0;}
.homepageLayout {width: 68%;}
.main_onecol {float:left; width: 97.7%; padding: 1.4% 1%; }

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

.contactbox p { padding: 4px 10px; margin: 0; }
.contactbox strong { font-weight: normal; background:#eee url(/css_img/grad.gif) repeat-x bottom left; border-bottom: 1px solid #ddd; font-size: 1.3em; padding: 4px 10px; display: block; margin-bottom: 5px; }
.contactbox em { font-size: 1.1em; font-style: normal; font-weight: bold;}

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

.tel { background: url(/css_img/icon_phone.gif) no-repeat 0% 30%;}
.fax { background: url(/css_img/icon_fax.gif) no-repeat 0% 30%;}
.email { background: url(/css_img/icon_email.gif) no-repeat 0% 50%;}
.adr { background: url(/css_img/icon_adr.gif) no-repeat 0% 10%;}
.arrw { background: url(/css_img/icon_arrw.gif) no-repeat 0% 60%;}
.speech { background: url(/css_img/icon_speech.gif) no-repeat 0% 40%;}

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

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

.user a:link { background: url(/css_img/icon_user.gif) no-repeat 0px 0px; padding: 1px 0 1px  16px; }
.user a:visited { background: url(/css_img/icon_user.gif) no-repeat 0px -45px; padding: 1px 0 1px  16px; }
.user a:hover, .user a:active { background: url(/css_img/icon_user.gif) no-repeat 0px -85px; padding: 1px 0 1px 16px; }

/* Site map */
.site_map { border-bottom: 1px dashed #ccc; }
.site_map dt { font-size: 1.3em; padding: 10px 0; margin: 0;}
.site_map dd { font-size: 1.1em; margin-left: 30px; }
.site_map dd li a { font-size: .9em;}
.site_map ul li { display: inline; list-style: none; margin-right: .6em; padding: 6px 0; font-weight: normal;}

.site_map ul li a:link { padding:0 0 0 17px; background: url(/css_img/arrw.gif) no-repeat 0px 1px; }
.site_map ul li a:visited { padding:0 0 0 17px; background: url(/css_img/arrw.gif) no-repeat 0px -102px; }
.site_map ul li a:hover, .site_map ul li a:active { padding:0 0 0 17px; background: url(/css_img/arrw.gif) no-repeat 0px -206px; }

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

/* ################################################################################# MAIN DISPLAY BOX ## */
.display_box { width: 100%; float: left; 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/bullet.gif) no-repeat 0px 6px; padding-left: 13px; }
#main .display_box a:visited, #main .trans_wrap li a:visited { display:block; background: url(/css_img/bullet.gif) no-repeat 0px -90px; padding-left: 13px; }
#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/bullet.gif) no-repeat 0px -186px; padding-left: 13px; }
#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: .6 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;}

#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_plus.gif) no-repeat 0px 3px; padding-left: 13px;}
#main .display_box .edit_this a:visited { color: #63c; font-weight:bold; background: url(/css_img/icon_plus.gif) no-repeat 0px -72px; 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_plus.gif) no-repeat 0px -147px; 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_minus.gif) no-repeat 0px 4px; 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_minus.gif) no-repeat 0px -128px; padding-left: 13px;}

/* Just boxed */
.boxed { clear: both; float: left; width: 94%; border: 1px solid #ddd; background:#eee url(/css_img/grad.gif) repeat-x bottom left; 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;}

/* 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; }
.search_result h4 a:link, .search_result h5 a:link { background: url(/css_img/external.gif) no-repeat 0px 0px; padding-left: 16px; }

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

.search_result h4 a:visited, .search_result h5 a:visited { background: url(/css_img/external.gif) no-repeat 0px -74px; padding-left: 16px; }
.search_result h4 a:hover, .search_result h5 a:hover, .search_result h4 a:active, .search_result h5 a:active { background: url(/css_img/external.gif) no-repeat 0px -147px; padding-left: 16px; }

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

/* 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 { width: 100%; float: left; 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 { width: 100%; float: left; 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; border-bottom: 1px dashed #ccc; padding: 14px 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; }

#coucillor_biog h3 { margin-bottom: 0.3em; }
#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 { font-weight: bold; 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;}

#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/arrw.gif) no-repeat 0px 4px;}
#main .list li a:visited { display: block; padding:0 0 0 17px; background: url(/css_img/arrw.gif) no-repeat 0px -99px;}
#main .list li a:hover, #main .list li a:active { display: block; padding:0 0 0 17px; background: url(/css_img/arrw.gif) no-repeat 0px -203px;}
#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/arrw.gif) no-repeat 0px 2px;}
#main .orderd_list li a:visited { padding:0 0 0 17px; background: url(/css_img/arrw.gif) no-repeat 0px -101px;}
#main .orderd_list li a:hover, #main .orderd_list li a:active {padding:0 0 0 17px; background: url(/css_img/arrw.gif) no-repeat 0px -205px;}
#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; width: 100%; float: left;}
#main .doc_info p { font-size: 1.2em; margin: 0; padding: 2px 0 2px 17px; background: url(/css_img/info.png) no-repeat 2px 4px; }
#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; width: 100%; float: left;}
#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;}

.page_down a {padding: 0 0 0 16px;}
.page_down a:link,.page_down a:visited { color: #03c; background: url(/css_img/page_down.gif) no-repeat 0px 2px;}
.page_down a:hover,.page_down a:active { color: #000; background: url(/css_img/page_down.gif) no-repeat 0px -124px;}

#navbox {width: 100%; float: left; margin: 2em 0 1em 0;}
#navbox ul {margin: 0 0 0 18px;}
#navbox ul li {list-style: none;}
#navbox p {font-size: 1.2em; margin: 0; padding: 2px 0 10px 18px; background: url(/css_img/pages.gif) no-repeat 0px 7px;}
#navbox  li strong {
background: url(/css_img/pointer.gif) no-repeat 0% 50%;
font-weight: normal;
padding: 4px 4px 4px 6px;
margin:0;
font-size:.9em;
}

#navbox li strong span { border: 1px solid #000; border-left: none; padding: 3px;}

#related { border-bottom: 1px dashed #ccc; margin: 1em 0; padding:0 0 1.6em 0; width: 100%; float: left; }
#related ul {margin: 0; padding: 0 2px; float: left; width: 46%; }
#related ul li { list-style: none; margin: 0; padding: 3px 0; }
#related ul a { padding-left: 20px; }

/* documents */
#related ul .reldocs a:link { background: url(/css_img/icon_doc.gif) no-repeat 0px 1px; }
#related ul .reldocs a:visited { background: url(/css_img/icon_doc.gif) no-repeat 0px -72px; }
#related ul .reldocs a:hover, #related ul .reldocs a:active { background: url(/css_img/icon_doc.gif) no-repeat 0px -144px; }
/* meetings */
#related ul .relmeet a:link { background: url(/css_img/icon_meet.gif) no-repeat 0px 0px; }
#related ul .relmeet a:visited { background: url(/css_img/icon_meet.gif) no-repeat 0px -72px; }
#related ul .relmeet a:hover, #related ul .relmeet a:active { background: url(/css_img/icon_meet.gif) no-repeat 0px -144px; }
/* faqs */
#related ul .relfaq a:link { background: url(/css_img/icon_faq.gif) no-repeat 0px 1px; }
#related ul .relfaq a:visited { background: url(/css_img/icon_faq.gif) no-repeat 0px -74px; }
#related ul .relfaq a:hover, #related ul .relfaq a:active { background: url(/css_img/icon_faq.gif) no-repeat 0px -145px; }
/* forms */
#related ul .relform a:link { background: url(/css_img/icon_form.gif) no-repeat 0px 0px; }
#related ul .relform a:visited { background: url(/css_img/icon_form.gif) no-repeat 0px -72px; }
#related ul .relform a:hover, #related ul .relform a:active { background: url(/css_img/icon_form.gif) no-repeat 0px -145px; }
/* downloads */
#related ul .reldownload a:link { background: url(/css_img/icon_download.gif) no-repeat 0px 0px; }
#related ul .reldownload a:visited { background: url(/css_img/icon_download.gif) no-repeat 0px -73px; }
#related ul .reldownload a:hover, #related ul .reldownload a:active { background: url(/css_img/icon_download.gif) no-repeat 0px -145px; }
/* news */
#related ul .relnews a:link { background: url(/css_img/icon_news.gif) no-repeat 0px 2px; }
#related ul .relnews a:visited { background: url(/css_img/icon_news.gif) no-repeat 0px -72px; }
#related ul .relnews a:hover, #related ul .relnews a:active { background: url(/css_img/icon_news.gif) no-repeat 0px -146px; }
/* print */
#related ul .relprint a:link { background: url(/css_img/icon_print.gif) no-repeat 0px 0px; }
#related ul .relprint a:visited { background: url(/css_img/icon_print.gif) no-repeat 0px -72px; }
#related ul .relprint a:hover, #related ul .relprint a:active { background: url(/css_img/icon_print.gif) no-repeat 0px -144px; }
/* email */
#related ul .relemail a:link { background: url(/css_img/icon_emailf.gif) no-repeat 0px 2px; }
#related ul .relemail a:visited { background: url(/css_img/icon_emailf.gif) no-repeat 0px -72px; }
#related ul .relemail a:hover, #relemail ul .relprint a:active { background: url(/css_img/icon_emailf.gif) no-repeat 0px -146px; }

/* Services */
.service_box {clear: both; float: left; width: 94.4%; border: 1px solid #ddd; padding: .6em 1.4em; margin: 0 0 1em 0;background: #eee url(/css_img/grad.gif) repeat-x bottom left;}
.service_box h4, .service_box h5 { font-size: 1.4em; }
#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_plus.gif) no-repeat 0px 3px; padding-left: 13px;}
.service_box a:visited { font-weight:bold; background: url(/css_img/icon_plus.gif) no-repeat 0px -72px; padding-left: 13px;}
.service_box a:hover, .service_box a:active { font-weight: bold; background: url(/css_img/icon_plus.gif) no-repeat 0px -147px; padding-left: 13px;}

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

/* ################################################################################# EVENTS CALENDAR ## */
#main #calendarcontainer { font-size: .75em; background: #fff; padding: 0 0 10px 12px; float: right; width: 20em; }

#calendar {
float: right;
width: 11em;
color: #666;
border-left: 1px solid #ccc;
margin: 0 0 10px 16px;
}

#calendar .nav, #calendar .nav a {
font-size: 1.2em;
background:none;
text-align: center;
padding: 0 .6em;
font-weight: bold;
}	

#calendar caption {
color: #000;
padding:0 0 .2em 0;
font-size: 1.2em;
font-weight: normal;
text-align: center;
}

#calendar th {
background: #fff;
color: #000;
text-align: center;
border: 1px solid #ccc;
border-left: none;
}

#calendar td {
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
width: .2em;
text-align: center;
background: #eee;
}

#calendar td a {
text-decoration: none;
font-weight: bold;
display: block;
padding: .1em;
text-align: center;
}

#calendar td a:link, #calendar td a:visited, #calendar caption a:link, #calendar caption a:visited {
background:#fff;
}

#calendar td a:hover, #calendar td a:active, #calendar caption a:hover, #calendar caption a:active {
color: #000;
text-decoration: underline;
}

.today, #calendar td.today a, #calendar td.today a:link, #calendar td.today a:visited {
color: #000;
font-weight: bold;
background: #03c;
}


/* ################################################################################# AZ of SERVICES ## */
#az_index { margin:0 0 20px 0; padding:0 0 18px 0; float:left; width: 100%; 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;}

#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 #03c;}
#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;}

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

#az_live_find {padding:8px 0; background: #F2F2F2  url(/css_img/grad.gif) repeat-x bottom left; 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;
}

#az_live_find ul li .map_icon a {background: url(/css_img/sun.gif) no-repeat 0px 2px; padding-left: 14px;}

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

#main table { border: 1px solid #ccc; margin: .4em 0 1.4em 0; width:100%; }
#main table th { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; background: #eee url(/css_img/grad.gif) repeat-x bottom left; font-weight: bold; padding: 6px; }
#main table td { padding:5px 8px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }

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

.basic_form p { clear: both; padding: .8em 0; background: #eee url(/css_img/grad.gif) repeat-x bottom left; 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 */
}

.button:hover {
	background: #666;
	border: 1px outset #000;
	color: #fff;
	font-weight: normal;
	cursor: pointer;
}

.button:focus {
	background: #ccc;
	border: 1px inset #333;
	color: #000;
	font-weight: normal;
	cursor: pointer;
}

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

/* ################################################################################# XFORMS PROFESSIONAL ## */

.progress { float: left; margin:0 0 1em 0; width: 96.4%; }
.progress p {font-weight: 1.1em; margin:0;}
.progress div img { float: left;  height:18px; margin:0; padding:0;}

.progress div { 
    background:#fff; 
    border:1px solid #999;
    height:18px;
    width:60%; 
    margin:.4em 0;
    padding:0;
}

#xformpro_basic .center {clear: both; padding: 1em 0 1.6em 0; text-align: center; border-bottom: none;}
#xformpro_basic .center input { float: none; }

#xformpro_basic {margin:1.4em 0; padding:0; clear: both;}
#xformpro_basic fieldset {border: 1px solid #ddd; padding: 2px 20px; margin: 0 0 1.6em 0;}
#xformpro_basic legend {color: #666; font-size: 1.2em; padding: 0 2px; margin: 0 8px; font-style: italic; letter-spacing: 1px;}

/*#xformpro_basic p {clear: both; padding: .8em 0; background: #eee url(/css_img/grad.gif) repeat-x bottom left; margin: 2px 0;}
#xformpro_basic div.p {clear: both; padding: .8em 0; background: #eee url(/css_img/grad.gif) repeat-x bottom left; margin: 2px 0;}*/

#xformpro_basic p, #xformpro_basic .p {
	border-bottom:1px dashed #ccc;
	clear:both;
	padding:0 0 1.4em 0;
	margin:.9em 0 .5em 0;
	display:block;
	clear:both;
	float:left;
	width:98%;
	font-size: 1.1em;
}

.xform_group {
	clear:both;
	padding:10px 0 0 0;
	margin-left:20px;
	width:90%;
	float:left;
	overflow:auto;
}

#xformpro_basic .xform_group label {
	clear:both;
	padding:0;
	margin:0 0 3px 0;
	display:block;
	letter-spacing: 1px;
	font-weight: bold;
}

#xformpro_basic .xform_group label input { margin-right: 6px; }

#xformpro_basic label {
	padding:0;
	margin:0 14px 0 0;
	display: block;
	letter-spacing: 1px;
	font-weight: bold;
}

#xformpro_basic .xform_group input {
	padding:0;
	border:none !important;
	font-size:1em;
	margin:4px 0 0 5px;
	float: left;
}

#xformpro_basic input, #xformpro_basic textarea {
	border:2px solid #666;
	padding:2px;
	font-size:1em;
	margin:4px 0;
	clear: both;
	float: left;
	color: #000;
}

#xformpro_basic input:focus, #xformpro_basic textarea:focus, #xformpro_basic select:focus {
	border:2px solid #000;
	color: #03c;
}

#xformpro_basic select {
	clear:both;
	display:block;
	margin-top: 10px;
	border:2px solid #666;
}

#xformpro_basic em { /* Help text */
	color: #06c;
	font-weight: normal;
	padding:1px 3px;
	font-size: .84em;
	letter-spacing: normal;
 }

#xformpro_basic em span { /* Help text */
	background: #06c;
	color: #fff;
	padding: 1px 3px;
	font-style: normal;
 }


#xformpro_basic .required { font-weight: normal; color: #666; font-size: .9em; }

#xformpro_basic .error .required { color:#c00; }

#xformpro_basic strong {
	color:#c00;
}

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

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

#xformpro_basic .button:hover {
	background: #666;
	border: 1px outset #000;
	color: #fff;
	font-weight: normal;
	cursor: pointer;
}

#xformpro_basic .button:focus {
	background: #ccc;
	border: 1px inset #333;
	color: #000;
	font-weight: normal;
	cursor: pointer;
}

/* XForms extras */
.confirmation {
	width:100%;
	text-align:left;
	float:left;
}

.confirmation th { font-size: 1.2em; padding:0 0 .4em 0; border-bottom:1px solid #ccc;} 
.confirmation td { padding: 10px; }

.confirmation .coltwo {
	width:50%;
	border-left: 1px solid #ccc;
	padding-left: 10px;
}

.confirmation td {
	padding:12px 8px;
	margin: 8px 0;
	border-bottom:1px dashed #ccc;
}

#xformpro_basic table {
	float:left;
	clear:left;
}

#xformpro_basic table td {
	padding: 10px;
	border-bottom: 1px dashed #ccc;
}

#xformpro_basic table input, #xformpro_basic table textarea {float: none;}
#xformpro_basic table td select { margin:4px 0; display:inline; padding: 1px 0; }

/*div ol {
	clear:both;
}

p#switch {
	text-align:right;
}

p#switch a img {
	border:none;
	padding-top:3px;
}

p#switch img {
	vertical-align:text-top;
}

#switch span a {
	text-decoration:none;
	color:#666;
}

#downloads ul {
	list-style:none;
	margin:0 6px;
	padding:20px 0;
}

#downloads img {
	border:none;
}*/