@import url(forms.css);

/* ######################################### 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, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
ul, ol {margin: 0.5em 0 0.5em 2em;}
:focus { outline: 0;}
.clear { clear:both; }
strong { font-weight: bold; }
em { font-style: italic; }
span.clear { display:block;}
.hidden { position:absolute; margin-left:-200000px; left:-200000px; top:-200000px;}
#mobile_name { display:none; }
.note { color: #666; font-style: italic; }

a:link { color: #518d30; text-decoration:none; font-weight:normal; background: url(underline.gif) repeat-x  left bottom; padding: 0 0 1px 0;}
a:visited { color: #333; text-decoration:none; font-weight:normal; background: url(underline.gif) repeat-x  left bottom; padding: 0 0 1px 0;}
a:hover { color: #000; text-decoration:none; font-weight:normal; border-bottom: 1px solid #333;padding: 0; background: none;}
a:active { color: #518d30; text-decoration:none; font-weight:normal; border-bottom: 1px solid #693; padding:0; background: none;}

/* For external link icon */
#content .byEditor a[href^="http://"] {background: transparent url(externallink.gif) no-repeat 100% 10%; padding:0 12px 1px 0; }

h1, h2, h3, h4, h5, h6 {font-size: 1.5em; font-weight:normal; margin:.5em 0 .8em 0; padding:0; color: #000}
h2 { font-weight: bold; }
h2 span { font-weight: normal; }
/*#content p { margin:0 0 .8em 0; line-height: 1.8;}*/
img {vertical-align:middle;}

h3.decorative, h2.decorative { background: url(hashB.gif) no-repeat 0px 4px; padding-left: 22px; }

#content p.first { font-size: 1.2em; color: #000; }
#content .contentimage { float: right; padding: 5px; border: 1px solid #ddd; margin: 0 5px 12px 20px; }

#content div.byEditor { margin: 0 0 16px 0; }
#content div.byEditor ul { list-style: none; }
#content div.byEditor ul li { background: #fff url(bllt.gif) 0em .68em no-repeat; padding: 2px 0 2px 10px;}
#content .document div.byEditor p:first-child {font-size: 1.2em; color: #000; }

#content div.byEditor blockquote {background: #fff url(vertRule.gif) top left repeat-y; margin:1.2em 0 1.2em 2em; padding:0 0 0 12px; font-family:georgia, 'times new roman', times, serif; font-size: 1.3em; color: #000; }
#content div.byEditor blockquote cite {font-family:'Lucida grande', 'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif; color: #333; font-size: .8em; }
#content div.byEditor h2 { font-size: 1.8em; }
#content div.byEditor img { padding: 5px; border: 1px solid #ddd; margin: 5px 10px 10px 10px; }

/* ######################################## STRUCTURAL LAYOUT ### */
body { font-size: 77%; font-family:'Lucida grande', Verdana, Helvetica, Arial, sans-serif; color: #333; padding:0; margin:0; line-height: 1.5; background: #F9F9F9 url(green_wave.gif) top center no-repeat; background-color: #fff;}

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

	#wrapper {padding: 0 15px; margin: 0 auto; width: 950px; background: url(pageBG.gif) center top repeat-y;}

	#page_wrap {margin:0; padding:15px; background: #fff url(pageBGtop.gif) center top no-repeat; width:920px;}

	#mainContent {float:left; width:100%; border-top: 1px solid #fff; margin-top: 16px;}

	#content { float: right; width: 100%;}

	#column_nav {width: 263px; float:left; padding: 0; margin: 0 -285px 16px 0;}

	#content.withWidth { margin: 0 0 16px 285px; width: 636px; }

	#endTile {background: url(ntile.gif) top left repeat-x; padding: 22px 0 0 0;}

/* ############################################################## MAST */
#mast {clear:both; padding:5px 15px 5px 15px; margin:0 auto; width: 920px;}
#mast em {font-style: normal;}

#mast .pseudoH1, #mast h1 { clear:left; float: left; margin:0 0 10px -2px; padding:0; background: url(cheltenhamLogo.gif) no-repeat -1px top; width: 502px; height: 26px; }
#mast .pseudoH1 a { display: block; width: 502px; height: 26px; padding:0; border: none;}

#mast .pseudoH1 a:link, #mast .pseudoH1 a:visited {background: url(cheltenhamLogo.gif) no-repeat -1px top;}
#mast .pseudoH1 a:hover, #mast .pseudoH1 a:active {background: url(cheltenhamLogo.gif) no-repeat -1px bottom;}

#mast .pseudoH1 span, #mast h1 span { position: absolute; margin-left: -13000px;}

#mast ul#skip { font-size: 0.9em; float:left; padding:0 0 8px 0; margin:0; list-style: none; width: 100%;}
#mast ul#skip li { display: inline; float: left; margin: 0 3px 0 0; color: #8b8b8b; }
#mast ul li#searchLink {float:right; margin: 0 0 5px 0; padding:0;}

#mast ul#skip li em a:link, #mast ul#skip li em a:visited { color: #8b8b8b; background: none; }
#mast ul#skip li em a:hover, #mast ul#skip li em a:active { color: #333; }

#mast form {float:right; margin: 0; padding:0; text-align:right;}
#mast form label, #footer p#backTop span { position:absolute; margin-left: -200000px; top: -200000px; }
#mast form input.field { font-size: 1.5em; padding: 2px; margin:0 5px 0 0; width: auto; border: 2px solid #666; }
#mast form input.field:focus { border: 2px solid #000; }

/* ############################################################## Announcement */

.announcement {clear:both; padding:10px; margin:0 auto 10px; width: 928px; background:url(stripe_tile.gif) repeat 0 0; border:1px solid #ddd;}
.announcement div {background:#fff; padding:6px; margin:0;}
.announcement div h2 {margin-top:0; margin-bottom:.4em;}
.announcement div p {padding-bottom:.3em;}

/* ############################################################## Tab navigation */

ul#tabNav {
	background: #518D30 url(topLinksBG.gif) repeat-x left top;
	color: #fff;
	margin-bottom: 16px;
	margin:0;padding:0;
	list-style: none; width: 100%;
	overflow: auto;
}

#tabNav a {
	float: left;
	padding: 4px 10px;
	background: #518D30 url(topLinksBG.gif) repeat-x left top;
	text-decoration: none;
	color: #fff;
	font-family: georgia, 'times new roman', times, serif;
	font-size: 1.6em;
	border: none;
	border-right: 1px solid #fff;
	cursor: pointer;
}

#tabNav a.active-tab {
	background: #000 url(topLinksLinkBG.gif);
	color: #fff;
}

.tabContent {
	clear: both;
	position: relative;
	display: none;
	background-color: #000;
	color: #fff;
	height: 3em;
	padding:10px 10px 0 10px;
}

.tabContent.active-tab-body {display: block;}
#tabNav li {float: left;}

.tabContent a:link, #socialFooter a:link { color: #93c650; text-decoration:none; font-weight:normal; background: url(underlineg.gif) repeat-x bottom left; padding: 0 0 1px 0;}
.tabContent a:visited, #socialFooter a:visited { color: #93c650; text-decoration:none; font-weight:normal; background: url(underlineg.gif) repeat-x bottom left; padding: 0 0 1px 0;}
.tabContent a:hover, #socialFooter a:hover { color: #fff; text-decoration:none; font-weight:normal; border-bottom: 1px solid #fff;padding: 0; background: none;}
.tabContent a:active, #socialFooter a:active { color: #fff; text-decoration:none; font-weight:normal; border-bottom: 1px solid #fff; padding:0; background: none;}

.tabContent p {font-size: 1.2em;  margin:0;}
.tabContent p span {font-size: .9em; position: absolute; top:10px; right: 12px;}

.tabContent ul {list-style: none;font-size: 1.2em; margin:0; padding:0;}
.tabContent ul li {display: inline;}
#wrapper .tabContent ul li a, #wrapper .tabContent ul li span { text-transform: uppercase; padding:0 3px; font-weight: bold; font-size: 1.2em; background: none;}
#wrapper .tabContent ul li a em { text-transform: none; font-style: normal; font-size: .9em; font-weight: normal; background: inherit; }

/* ############################################################## FOOTER */
/* ###################### Social footer ############################### */
div#socialFooter  { clear: both; background: #000 url(socialBg.jpg) repeat top left; margin: 0 auto; width: 100%; overflow: auto;}
#socialFooter div { width: 30.5%; margin-left: 1.8%; float: left; padding:10px 0;}
#socialFooter div p { color: #fff; font-size: 1.1em; padding:0 10px 0 0; margin:0 0 6px 0; line-height: 1.4;}
#socialFooter div p em { font-style: normal; font-size: .8em; margin:0 0 6px 0;}

#socialFooter div a { font-family:georgia, 'times new roman', times, serif; font-size: 1.1em;}

/* ###################### Social footer with taxonomy */
#socialFooter ul#footerLgnl { padding: 6px 16px 16px 16px;}

#socialFooter ul#footerLgnl li.lgnlH {color: #fff; background: none;}

#socialFooter  ul#footerLgnl li {background: url(whiteHash.gif) no-repeat center left;}

/* ###################### What's on */
#socialFooter div#eventsbox h3 { color: #fff; font-size: 1.1em; padding:0 0 0 0; margin:0;}

#socialFooter div#eventsbox h4 { font-weight: normal; font-size: 1.3em; margin:0;}
#socialFooter div#eventsbox p { margin:0; padding:6px 0 0 0;  line-height: 1.5;}

#socialFooter div#eventsbox p.SFDate { float: left; text-align: center; width: 2.1em; border: 1px solid #fff; background: #fff; color: #518d30; font-family:georgia, 'times new roman', times, serif; font-size: 2.2em; padding:0 0 6px 0; margin: 2px 10px 4px 0; line-height: 1.1;}

#socialFooter div#eventsbox p.SFDate strong { font-size: .7em;font-family:'Lucida grande', 'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif; background: #90b842 url(cal_tile.gif) repeat-x left bottom; color: #fff; display: block; font-weight: normal; padding: 3px 0;}

/* ###################### YouTube */
#socialFooter div#youTubebox div {width: auto; float: none; clear: both; padding:0 0 10px 0; margin:0;}

#socialFooter div#youTubebox div img {border: 1px solid #fff; margin: 3px 10px 5px 0; float: left; padding:0;}

#socialFooter div#youTubebox div h3 {font-weight: normal; font-size: 1.1em; margin:0; padding:0;}

#socialFooter div#youTubebox div p {font-size: .9em; padding: 6px  0 0 0;}

#socialFooter div#youTubebox div p span { color: #ccc; background: url(ico_vid.gif) no-repeat 100% 50%; padding-right: 20px;}

/* ###################### Flickr */
#socialFooter div#flickRbox div { width: auto; float: none; padding:0; margin:0; }
#socialFooter .flickr_badge_image img {border: 1px solid #fff; margin: 0 16px 16px 0; float: left; padding:0;}

/* ###################### Taxonomy in the footer */
ul#footerLgnl { list-style: none; clear: both; padding: 10px 2px; margin:0 auto;}
ul#footerLgnl li.lgnlH { display: block; font-family:'Lucida grande', 'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif; color: #000; padding:0; margin:0; background: none; font-size: 1.5em; }
ul#footerLgnl li { display: inline; background: url(hash.gif) no-repeat center left; margin: 0 5px; padding: 0 6px 0 12px; font-family:georgia, 'times new roman', times, serif; font-size: 1.1em; line-height: 2; }

/* Jump to top link */
#footer p#backTop { padding:0;}
#footer p#backTop a { display: block; height:28px; width: 950px; padding:0; border: none; }
#footer p#backTop a:link, #footer p#backTop a:visited { background: url(backTop.gif) no-repeat center top;}
#footer p#backTop a:hover, #footer p#backTop a:active { background: url(backTop.gif) no-repeat center bottom;}

/* Footer text and crest */
#footer { width:950px;clear: both; margin:0 auto; padding:0 0 40px 0; color: #8b8b8b; text-align: left; font-size: 0.9em; background: url(crest.gif) no-repeat 12px 44px;}
#footer p, #footer ul {padding: 0 0 5px 110px; margin:0; }
#footer p.addNav a:link, #footer p.addNav a:visited, #footer p.addNav a:hover, #footer p.addNav a:active {color: #333; font-weight:normal;}

#footer p strong { font-size: 1.1em; margin: 26px 0 0 0; display: block; padding:0;}
#footer ul { list-style: none; margin:0 0 4px 0; }
#footer ul li { display: inline; background: url(dash.gif) no-repeat center right; padding: 2px 6px 2px 2px; }

#footer a:link, #footer a:visited { color: #666;}
#footer a:hover, #footer a:active {color: #333;}

/* ############################################################### LEFT COLUMN */

#column_nav form.catNav {padding: 6px 15px 15px 12px; margin:0; background: #000 url(navBG.gif) left top repeat-x;}
#column_nav form.catNav h2 {margin: 0 0 6px 0; padding: 0; font-weight: normal; color: #fff; font-size: 1.3em;}
#column_nav form select { margin:0; width: auto; font-size: 1.1em; border: 1px solid #000; background: #fff;}
#column_nav form select option { padding: 2px 4px 1px 4px; border: none; }

#column_nav h2.navWidget {font-size: 1.6em; font-weight: normal; color: #fff; margin:16px 0 0 0; padding:3px 10px 1px 12px; background: #518D30 url(headingBG.gif) no-repeat top right; font-family: georgia, 'times new roman', times, serif;}
#column_nav ul.navWidget { margin:4px 0 16px 0; padding:0; list-style:none; font-size: .9em;}
#column_nav ul.navWidget li {padding:0; margin:0 0 0 2px; background: url(widgetBullet.gif) no-repeat left center;}
#column_nav ul.navWidget li a:link, #column_nav ul.navWidget li a:visited { display:block; padding: 4px 0 4px 12px;}
#column_nav ul.navWidget li a:hover, #column_nav ul.navWidget li a:active { display:block; padding: 4px 0 3px 12px;}

#column_nav ul.taxNav {margin: 0 0 16px 0; padding:28px 0 0 0; list-style:none; font-size: 1.1em; background: url(taxArrw.gif) no-repeat 3px 0px; }
#column_nav ul.taxNav li {width: 100%; padding:0; margin:0 0 0 2px; background: url(hashTax.gif) no-repeat left center;}
#column_nav ul.taxNav li a:link, #column_nav ul.taxNav li a:visited {display:block; padding: 4px 0 4px 12px;}
#column_nav ul.taxNav li a:hover, #column_nav ul.taxNav li a:active {display:block; padding: 4px 0 3px 12px;}

/* ############################################################### MAIN CONTENT AREA */
ul#breadcrumb { list-style: none; font-size: 0.9em; color: #666; margin:0; padding: 0 0 8px 0; background: url(underline.gif) left bottom repeat-x; float: left; width: 100%; }
ul#breadcrumb li { margin: 0; padding:0 4px 0 0; display:inline;}
ul#breadcrumb li a:link, ul#breadcrumb li a:visited { color: #518d30; background: url(bullet.gif) no-repeat 97% 54%; padding: 0 12px 0 0; border:none;}
ul#breadcrumb li a:hover, ul#breadcrumb li a:active { color: #000; background: url(bullet.gif) no-repeat 97% 54%; padding: 0 12px 0 0; border:none;}

#content #mainHeading { clear: both; width: 100%; background: url(underline.gif) left bottom repeat-x; margin:0 0 22px 0; padding:10px 0; }
#content h1 { margin:0; font-size: 2em; color: #000; padding:0; margin:0; letter-spacing: -.05em; line-height: 1.2;}
#content p.page_down { background: url(icon_pagedown.gif) no-repeat 0 0.5em; padding-left: 18px; margin: 3px 0 0 0; width: 10em; float: right;}

p.page_down a {font-family: georgia, 'times new roman', times, serif; font-size: 1.1em;}
#content p.page_down a:link, #content p.page_down a:visited { color: #518d30;}
#content p.page_down a:hover, #content p.page_down a:active { color: #000;}

/* ########## For Documents etc */
div.cate_info { clear: both; border-bottom: 1px dotted #ddd; margin: 0 0 16px 0; padding: 0 0 14px 0; float: left; width: 100%;}

#content div.cate_info h2 { padding:0; font-size: 1.5em; margin:0; font-weight: normal;}
div.cate_info h2 a { font-weight: normal;  }

div.cate_info ul { list-style: none; margin: 10px 0 10px 16px; }
div.cate_info ul.info_left, div.doc_info ul.info_left { float: left; width: 45%; }
div.cate_info ul.info_right, div.doc_info ul.info_right { float: right; width: 45%; }
div.cate_info ul li { background: #fff url(hashTax.gif) no-repeat 0 10px; padding:4px 0 4px 14px; width: 100%;}

div.more_info { list-style: none; clear: both; padding: 10px 2px; margin:0 auto; float: left; width: 100%; }
div.more_info ul { list-style: none; margin: 0 0 10px 16px; }
div.more_info h2 { display: block; font-family:'Lucida grande', 'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif; color: #000; padding:0; margin:0; background: none; font-size: 1.5em; font-weight: normal;}
div.more_info li { display: inline; background: url(hash.gif) no-repeat center left; margin: 0 5px 0 0; padding: 0 6px 0 12px; font-family:georgia, 'times new roman', times, serif; font-size: 1.1em; line-height: 2; }

#content ul.list { margin: 0; padding: 0; list-style:none;}
#content ul.list li { margin: 7px 0; padding: 0 0 0 16px; background: url(hash.gif) no-repeat 0 0.5em; clear: both;}

/* User info */
#content ul.UserList li { background: none; margin:0 0 0 0; display: inline; padding: 0 12px 0 0; }
#content ul.UserList li h4  { display: inline; font-size: 1.1em; padding: 0 0 0 16px; background: url(hash.gif) no-repeat 0 0.5em; }
#content ul.UserList li h3 { background: none; padding: 0;}
#content ul.UserList li.userComplete {background: url(action_check.gif) no-repeat 0px 0px; padding: 0 0 0 18px; margin: 0 0 0 10px;}
ul.UserList li.userComplete a { color: #518d30;  }

#content ul.UserList li.userDelete {background: url(action_delete.gif) no-repeat 0px 0px; padding: 0 0 0 18px; margin: 0 0 0 10px;}
ul.UserList li.userDelete a { color: #b10;  }

/* ############## For supplements */

/* Advert */
#content .supplementAdvert {border-bottom: 1px dotted #ddd; margin: 0 0 12px 0; clear: both; float: left; padding: 0 0 12px 0; }
#content .supplementAdvert img { padding: 5px; background: #fff; border: 1px solid #ddd; margin: 0 0 10px 0; text-align: center;}
#content .supplementAdvert a {padding:0;}
#content .supplementAdvert a span {font-weight:normal; text-decoration: none; color: #333; font-size: .9em; clear: both; display: block;}
#content .supplementAdvert a:hover { border: none; }

#column_nav .supplementAdvert img { padding: 5px; border: 1px solid #ddd; margin: 0 0 6px 0; float: left;}
#column_nav .supplementAdvert a span {font-weight:normal; text-decoration: none; color: #333; clear: both; display: block;font-size: .9em;}

/* Contact */
div.supplementContact { clear: both; font-size: .9em; }
div.supplementContact ul {margin:16px 0; padding:6px; list-style:none; }
div.supplementContact ul li span { font-size: 1.1em; font-weight: bold; padding: 0 0 5px 0; font-size: 1.1em;}
div.supplementContact ul li img { padding: 5px; border: 1px solid #ddd;  float: left; margin:0 10px 4px 0;}
div.supplementContact ul li {  margin: 0 12px 0 0;}

/* Further Information */
div.supplementFurtherinfo { border-bottom: 1px dotted #ddd; margin: 0 0 12px 0; }
div.supplementFurtherinfo ul {margin:12px 0; list-style:none; }
div.supplementFurtherinfo ul li { padding:0 0 4px 0; }
div.supplementFurtherinfo p {margin:0; padding:0; font-size: .9em;}
div.supplementFurtherinfo ul li strong {font-size: 1.3em; color: #000;}
div.supplementFurtherinfo a { margin: 0 0 0 14px;}
div.supplementFurtherinfo span {background: url(hash.gif) no-repeat center left;}

/* Image */
div.supplementImage { margin:16px 0;}
div.supplementImage img { margin:0 0 12px 0;}
div.supplementImage p { line-height: 1.3; font-weight:normal; text-decoration: none; margin: 0 0 5px 0; font-size: .9em;}

/* ##################### News */
#content .lead p { font-size: 1.3em;}
#content .lead h2 { font-size: 1.8em; }
#content .lead p.date, #content .content_box p.date { font-size: 1em; color: #666; }

#content .content_box { border-top: 1px dotted #ddd; padding: 16px 0; clear: both; }
#content .content_box img { width: 90px; float: right; padding:3px; margin: 0 0 20px 20px; border: 1px solid #ddd;  }
#content .content_box h3 { font-size: 1.5em; margin: 0 0 .8em 0;}

#content .content_box ul { list-style: none; margin: 16px 0; border-bottom: 1px dotted #ddd; padding: 0 0 16px 0; }
#content .content_box ul li { background: #fff url(hashTax.gif) no-repeat 0 7px; padding:0 0 5px 10px;}

ul.newsLinks {border-top: 1px dotted #ddd; margin:16px 0 0 0; padding: 20px 0; }

ul.newsLinks { list-style: none;  margin:12px 0 0 0;}
ul.newsLinks li { display: inline; background: url(hash.gif) no-repeat left center; padding:10px 2px 10px 12px; }
ul.newsLinks li.rssfeed { display: inline; background: url(rss.gif) no-repeat 0 10px; padding-left:20px; margin-left: 12px; }

form.newsSelect input.button, form.newsSelect input.select { font-size: 1.1em;}
#content form.newsSelect input.select { padding: 1px; clear: both; }
#content form.newsSelect label { text-align: left; width: 100%;display: block; clear: both;}

/* ##################### related box */
.displayBox ul { margin:0; padding:5px; list-style:none; text-align: center; }
.displayBox ul li { margin:0 10px 0 0; padding: 2px 0 2px 10px; display: inline; line-height: 2;}
.displayBox ul li a {font-family: georgia, 'times new roman', times, serif; font-size: 1.1em;}

.displayBox ul li.relprint { background: url(icon_print.gif) no-repeat 0 0.15em; padding-left: 20px;}
.displayBox ul li.relemail { background: url(icon_email.gif) no-repeat 0 0.15em; padding-left: 20px;}
.displayBox ul li.relcomment { background: url(icon_comment.gif) no-repeat 0 0.12em; padding-left: 20px;}

.displayBox ul li.reldownload { background: url(icon_down.gif) no-repeat 0 0.15em; padding-left: 20px;}
.displayBox ul li.relevents { background: url(icon_calendar.gif) no-repeat 0 0.15em; padding-left: 20px;}
.displayBox ul li.relnews { background: url(icon_page.gif) no-repeat 0 0.15em; padding-left: 20px;}
.displayBox ul li.relmeet { background: url(icon_clock.gif) no-repeat 0 0.15em; padding-left: 20px;}
.displayBox ul li.relform { background: url(icon_pencil.gif) no-repeat 0 0.15em; padding-left: 20px;}
.displayBox ul li.reldocs { background: url(icon_page.gif) no-repeat 0 0.15em; padding-left: 20px;}
.displayBox ul li.relfaq { background: url(icon_faq.gif) no-repeat 0 0.15em; padding-left: 20px;}

#services #content .displayBox ul li { margin: 5px 0; padding: 0 0 0 16px; background: url(hash.gif) no-repeat 0 0.8em; display: block; text-align: left;}

#content h3#pagenavbox {padding:0 0 2px 0; font-size: 1.4em; margin:16px 0 10px 0; font-weight: normal; border-bottom: 1px dotted #ddd;}
#content ul.pagenav { list-style: none; margin:10px 0 32px 16px; }
#content ul.pagenav li {margin: 0 0 6px 0;}
#content ul.pagenav li a {font-family: georgia, 'times new roman', times, serif; font-size: 1.1em;}
#content ul.pagenav li strong { background: url(pagearrw.gif) no-repeat right center; padding: 3px 15px 3px 5px;}

#content ul.pagenav li a.noLink { color: #333; cursor: default; text-decoration: none; font-family:'Lucida grande', 'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif; border: none; font-size: 1em; background: none; }

ul.list { list-style: none; margin: 16px 0 10px 20px; }
ul.list li { background: #fff url(bullet.gif) no-repeat 0 8px; padding:0 0 10px 12px;font-size: 1.1em; }
ul.list li img { width: 11px; }

ol.list { margin: 16px 0 10px 46px; }
ol.list li { padding:0 0 10px 0; font-size: 1.1em; }
ol.list li img { width: 12px; }
ol.list li img.lock { width: auto; }
div.divBox { border-bottom: 1px dotted #ddd; margin:0 0 16px 0; padding: 0 0 10px 0;}

/* Social bookmarks */
#content ul.sociable {  margin:0;list-style:none;}
#content ul.sociable li {display: inline; padding: 2px 16px 2px 22px; margin:0;}

#content ul.sociable li.digg {background:url('bm16pxdigg.gif') no-repeat left;}
#content ul.sociable li.delicious {background:url('bm16pxdelicious.gif') no-repeat left;}
#content ul.sociable li.stumbleupon {background:url('bm16pxstumble.gif') no-repeat left;}
#content ul.sociable li.reddit {background:url('bm16pxreddit.gif') no-repeat left;}
#content ul.sociable li.twitter {background:url('bm16pxtwitter.gif') no-repeat left;}
#content ul.sociable li.facebook {background:url('bm16pxfacebook.gif') no-repeat left;}

/* ########## Contact box */
#content .contactbox {clear: both; padding: 12px 0;}
#content .contactbox  h3 { font-size: 1.5em; margin:0 0 2px 0; font-weight: normal; }
#content .contactbox p { font-size: .9em; }
#content .contactbox p a { margin: 0 0 0 1px; }
#content .contactbox p span { background: url(hash.gif) no-repeat center left; padding: 0 0 0 12px; }

/* Contacts */
#content .contact_box {  padding:12px 0 16px 0; margin: 0 0 16px 0; }
#content .contact_box p.tel { font-size: 1.1em; font-weight: bold; background: url(icon_phone.gif) no-repeat 0 0.2em; padding-left: 20px; margin: 0 0 .9em 0; }
#content .contact_box p.email { font-size: 1.1em; font-weight: bold; background: url(icon_email.gif) no-repeat 0 0.5em; padding-left: 20px; margin: 0 0 .9em 0;}
#content .contact_box p.fax { font-size: 1.1em; background: url(icon_print.gif) no-repeat 0 0.4em; padding-left: 20px; margin: 0 0 .9em 0;}
#content .contact_box p.visit { font-size: 1.1em; background: url(icon_house.gif) no-repeat 0 0.4em; padding-left: 20px; margin: 0 0 .9em 0;}
#content .contact_box p.postal { font-size: 1.1em; padding-left: 14px; margin: .9em 0 .9em 0;}

#content .contact_box ul { list-style: none;  margin: 16px 0; padding-top:16px; }
#content .contact_box ul li h2 {padding: 16px 0 0 0; margin: 16px 0 0 0; font-size: 1.4em; border-top: 1px dotted #ddd; }
#content .contact_box ul li h3 {padding:0; margin:0; font-size: 1.6em; font-family: georgia, 'times new roman', times, serif; color: #333; font-weight: normal; }
#content .contact_box ul li { padding:0 0 5px 12px; }

/* Downloads */
div.download_box  { border-bottom: 1px dotted #ddd; padding: 0 0 16px 0; margin: 0 0 22px 0; }
.download_box ul, #content ul.download_box { list-style: none; padding:0; }
.download_box ul li ul { margin:0 0 12px 0; }
.download_box ul li ul li { background: #fff url(bllt2.gif) no-repeat 0 6px; padding:0 0 5px 10px;}
#content ul.download_box li { background: #fff url(bllt2.gif) no-repeat 0 6px; padding:0 0 5px 10px;}


h3.downloadNow {background: url(arrw_down.gif) no-repeat 0px 8px;  font-size: 2em; padding: 0 0 16px 30px; margin:0;font-family: georgia, 'times new roman', times, serif; }
div.answer { padding:16px; margin: 0 0 20px 0; font-size: 1.2em;  background: url(stripe_tile.gif) repeat top left;}

/* ########## A - Z */
#content #az_index { padding:0; margin: 0 0 20px 0; width: 100%; clear: both; float: left; }
#content #az_index ul { text-transform: uppercase; list-style:none; margin:0; padding:0; }
#content #az_index li { list-style:none; display:inline; font-size:2.2em; font-family: georgia, 'times new roman', times, serif;}
#content #az_index li a, #az_index li span { float: left; text-align: center; line-height:1.1em; margin:0 5px 6px 0; padding:4px; width: 1.6em; display:block; }

#content #az_index li a:link, #content #az_index li a:visited {border: 1px solid; background: #fff;}
#content #az_index li a:hover, #content #az_index li a:active {border: 1px solid #518d30; background: #518d30; color: #fff;}

#content #az_index li span { border: 1px solid; color: #ccc; background: #fff;}
#content #tag_cloud a {padding: .1em .4em; margin: 2.2em .4em; line-height: 1.4;}

#content .pop_az h2 { margin:0 0 16px 0; padding:0; font-size: 1.8em; }
#content .pop_az {float: left; width: 55%; padding:0 0 22px 0;}
#content .search_az {float: right; width: 40%; padding:0 0 22px 0;}


#content .pop_az ul { list-style: none; margin: 0 0 0 20px; }
#content .pop_az ul li { font-size: 1.2em; margin: 9px 0; background: url(hash.gif) no-repeat 0% 56%; padding:0 0 0 12px; }
#content .pop_az ul li span { font-size: .9em; color: #999; }

#content .search_az {background: url(stripe_tile.gif) repeat top left; padding:0; border: 1px solid #ddd;}
#content .search_az div {background: #fff; margin: 10px; padding: 0 10px; float: left;}
#content .search_az h3 { margin:0; background: url(hashB.gif) no-repeat 0% 48%; padding:2px 0 0 20px; color: #8b8b8b; font-weight: normal; font-size: 1.8em; font-family: georgia, 'times new roman', times, serif; }

#content .search_az label { float: left; width: 100%; clear: both; text-align: left; font-size: .9em; margin: 0 0 10px 0; font-weight: normal;}
#content div#search_results {padding:0; margin:0;}

#content div.search_az ul { list-style: none; padding: 0; margin: 0; }
#content .search_az ul li { background: url(hash.gif) no-repeat 0px 12px; padding:5px 0 5px 12px; font-size:1.1em;clear: both;}

#content .search_az ul li ul { margin: 4px 0 6px 6px; background: none; }
#content .search_az ul li ul li { background: url(bullet.gif) no-repeat 0px 11px; font-size: .9em; padding: 4px 0 0 8px; }
#content .search_az ul li ul.map_icon li {background: url(icon_glass.gif) no-repeat 0px 8px;padding: 4px 0 0 16px;clear: both;}

#content .search_az.longSearch {width: 100%; margin: 0 0 16px 0;}
#content .search_az.longSearch div {width: 95.7%;}

#content div.displayBox { background: url(stripe_tile.gif) repeat top left; padding:0; margin: 0 0 16px 0; border: 1px solid #ddd; overflow: auto; float: left; width: 100%; }
#content div.displayBoxIn { background: #fff; margin: 10px; padding: 0 10px; }
#content div.displayBoxIn h2 { font-size: 1.8em; margin:12px 0; font-weight: normal; }
#content div.displayBoxIn h3 { font-size: 1.5em; margin:12px 0 0 0; font-weight: normal; }
#content div.displayBoxIn p:first-child {font-size: 1.2em; color: #000; }

#content div.displayBox li img { border: 4px solid #fff;border-right: 6px solid #fff; background: #fff; }

/* Google search results */
#content div.search_result {  margin: 0 0 22px 0; }
#content div.search_result h3 { margin:22px 0 0 0; clear: both; }
#content div.search_result p { margin:5px 0 0 0; }
#content div.search_result p.url { color: #8b8b8b; margin:0; overflow: hidden;}

/* Google map */
#content .search_az div.google_map {padding:0; width: 300px; margin:12px 0; border: 1px solid #ddd; float: left;}
#content div.google_map div { margin:0;padding:0; background: transparent; }

/* Councillors */
#content dl.person_box { width: 48%; margin: 0 1% 22px 0; float: left; padding: 0;   }
#content .person_box dt {font-size: 1.3em; padding: 0px 0 6px 0; font-family: Georgia, 'Times New Roman', serif; margin: 22px 0 2px 80px; display: block; clear: left; padding:0;}
#content .person_box dd img { float: left; width: 60px; border: 1px solid #ddd; padding: 3px; margin:-22px 12px 10px 0; position: relative; }

#content .person_box dt a  { border: none; }
#content .person_box dd { padding: 0 0 4px 0; }

#content table { margin: 0; width:99%; border-collapse: collapse; background: #eee; border: 1px solid #ddd}
#content table tr { border: 1px solid #ddd; background: #fff}
#content table td { border: 1px solid #ddd; background: #fff; padding: 5px}
#content table th { border: 1px solid #ddd; background: #fff; color: #000; font-weight: normal; font-size: 1.1em; line-height: 1.6em}
#content table th a:link, #content table th a:visited, #content table th a:hover, #content table th a:active { color: #fff; }
#content table caption { font-size:1.1em; }

/* ##################### Calendar */

#content #calendarcontainer {float: right; width: 210px; margin: 0 15px 10px 15px; }
#content #calendarcontainer caption { font-size: 1.2em; font-weight: bold; color: #000;}
#content #calendarcontainer caption .nav { font-size: 1.4em; }
#content #calendarcontainer #calendar td { text-align: center; line-height: 1.8em; padding:0;}
#content #calendarcontainer table#calendar td.today { background: #000; color: #fff;}
#content #calendarcontainer #calendar td a:link, #content #calendarcontainer #calendar td a:visited, #content #calendarcontainer #calendar td a:hover, #content #calendarcontainer #calendar td a:active { background: #518d30; color: #fff; display:block; text-decoration: none;}
#content #calendarcontainer #calendar td a:hover, #content #calendarcontainer #calendar td a:active { background: #333;}

/*Poll bar*/
div.poll_box { background: url(stripe_tile.gif) repeat top left; padding:10px; width: 95%; height: 22px; margin: 0 0 16px 0; border: none; }
div.poll_box img {height: 22px; border: none; padding:0; margin:0; float: none; }
div.poll_box p {font-size: 1.1em;}

/* Site map */
#content div#columnLeft  { float: left; width: 48%; }
#content div#columnRight { float: right; width: 48%; clear: none; }
div#columnLeft ul, div#columnRight ul { list-style: none; }
div#columnLeft ul li, div#columnRight ul li { background: #fff url(hashTax.gif) no-repeat 0 10px; padding:5px 0 5px 12px;}

#content div#columnLeft li h2, #content div#columnRight li h2 { padding:0; margin:12px 0 0 0; font-weight: normal; }
#content ul li.noHash {background:none; padding:0; margin:0;}

/* Google maps */
#content .mapBubble img { float: left; border: 1px solid #ddd; padding:3px; margin: 2px 0 0 0; }
#content .mapBubble p { margin:0 0 6px 118px; padding:0; }
#content .mapBubble p strong { font-family:georgia, 'times new roman', times, serif; font-size: 1.3em; color: #000; font-weight: normal;}

/* External links */
#content h2.extLinks { margin:0 0 12px 0; padding:0; font-weight: normal; font-size: 2em; }
#content p.extLinkp {  margin:0 0 20px 0; padding:0; font-size: .9em; }
#content div.extLinks { margin:0 0 16px 0; }
#content div.extLinks h3 {  margin:0 0 12px 0;}
#content div.extLinks h3 span { background: #fff url(externallink.gif) no-repeat top right; padding: 0 12px 0 0;}