/* -------------------------------------------------------
   East Riding of Yorkshire Council Formatting style sheet
   version:  30.10.2003. 
   contact. lee.mayren@eastriding.gov.uk
---------------------------------------------------------- */


/* Styles that govern formatting of elements on a page, e.g paragraphs, lists, tables, etc 

* CONTENTS
------------------------

* Home page specific
* General divs
* General spans
* Shrapnel (bits + pieces)
* Paragraph styles
* List styles
* Image styles
* Link styles
* Headers
* Forms
* Iframes + Objects
* Tables

*/

/* --------- HOME PAGE SPECIFIC -------------------------- */

#header {
	border: 1px solid #cecea5;
	background: #d7dabd;
}

#outer_wrapper {
	margin-top: 5px;
	background: #fff url(/images/bg1.gif) repeat-y left;
	border-bottom: 1px solid #EAEBC0;
	text-align: left;
	clear: both;
}

#wrap {
	background: url(/images/bg1.gif) repeat-y right;
}

#container {
	width: 100%;
	float: left;
	margin-right: -200px;
	background: url(/images/bg1.gif) repeat-y right;
}
#content-box {
	margin-right: 200px;
	background: url(/images/bg1.gif) repeat-y left;
}
#col2 {
	margin: 0px 5px 0px 205px;
	background: #ffffff;
}
#col1 {
	width: 200px;
	float: left;
}

#col1 p, #col3 p {
	margin-left: 5px;
}

#col3 p {
	margin-bottom: 0px;
	line-height: 1.4em;
}

#col3 {
	width: 200px;
	float: right;
}

h1 {
	margin-top: 0;
}
.last {
	margin-bottom: 0;
}

#feature {
	background: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
}

body#homepage h2 {
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: .95em;
}

body#homepage #col1 h2, body#homepage #col3 h2 {
	margin-left: 5px;
}

body#homepage a:link, body#homepage a:visited, body#homepage a:hover, body#homepage a:active {
	font-weight: bold;
}

#row2, .left, .right {
	background: #F2F3DF;
}

#row2, #row3 {
	padding-top: 5px;
	background: #F2F3DF url(/images/5pxwhite.gif) left top repeat-x;
}

#row2 h3 {
	font-size: .95em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.last {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

/* Clearing floats without structural markup - Apply class to elements that you need to clear after - thanks to Position is Everything */

.clearfix:after, .clearfixleft:after, .clearfixright:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfixleft { clear: left; }
.clearfixright { clear: right; }

.clearfix, .clearfixleft, .clearfixright {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix, * html .clearfixleft, * html .clearfixright {height: 1%;}
.clearfix, .clearfixleft, .clearfixright {display: block;}
/* End hide from IE-mac */

/* End of float clearing */

.clearing {
	height: 0px;
	line-height: 0px;
	clear: both;
}

.clear-left {
	clear: left;
	height: 0px;
	line-height: 0px;
}

.clear-right {
	clear: right;
	height: 0px;
	line-height: 0px;
}

li {
	list-style: none;
}

body#homepage h2#news-head {

}

.news-pic {
	float: left;
	border: 1px solid #000000;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 0px;
}

#news-lead {
	height: auto !important;
	height: 136px;
	min-height: 136px;
	margin: 0px 0px 5px 0px;
	padding: 5px 5px 5px 5px;
	background: url(/images/grad_1.jpg) left bottom repeat-x;
	border: 1px solid #EAEBC0;
}

#news-text {
}

ul#news-links, ul#top-searches {
	background: transparent;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
}

ul#top-searches {
	background: #FEFFE5;
	border: 1px solid #D4D5B8;
	padding-top: 0px;
	margin-bottom: .5em;
	margin-left: 5px;
	margin-right: 5px;
}

ul#top-searches li {
	padding-left: 5px;
}

ul#news-links li {
	display: inline;
}

#news-lead p {
	margin: 0px 0px 0px 0px;
}

#col1 form {
	margin: 1em 1em 1.7em 1em;
	padding: 0px 0px 0px 0px;
}

ul.first5, ul.last5, .left, .right {
	width: 49%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.left ul, .right ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

ul.first5, .left {
	float: left;
}



ul.last5, .right {
	float: right;	
}

ul.first5 li, ul.last5 li {
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 5px;
	background-repeat: no-repeat; 
	background-position: 0 50%;
}

ul.first5 li a, ul.last5 li a {
	display: block;
	height: auto !important;
	height: 30px;
	min-height: 30px;
	width: auto;
	padding: 0px 0px 0px 45px;
	margin: 2px 0px 0px 0px;
}

ul.inline li {
	display: inline;
}

.section-group {
	padding: 0px 0px 0px 45px;
	margin: 2em 0px 2em 0px;
	background: url(/images/generic_box.gif) 5px 0px no-repeat;
	height: auto !important;
	height: 34px;
	min-height: 34px;
}

.section-group p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.section-group h3 {
	color: #008474;
}

body#homepage .section-group ul li a:link, body#homepage .section-group ul li a:visited, body#homepage  .section-group ul li a:hover, body#homepage  .section-group ul li a:active, body#homepage #topinclude a:link, body#homepage #topinclude a:visited, body#homepage #topinclude a:hover, body#homepage #topinclude a:active {
	font-weight: normal;
}

body#homepage img#me-home {
	margin: 5px 5px 5px 5px;
	border: 1px solid #FFA902;
}

img#tryit {
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	display: block;
}

#me-home-intro {
	background: #FEFFE5;
	border: 1px solid #FFA902;
	margin: 0px 5px 5px 5px;
}

#me-home-intro p {
	margin: .3em .3em .3em .3em;
}

div#button-wrap {
}

a#me-regbutton, a#me-loginbutton {
	display: block;
	background: #FFA902;
	color: #ffffff;
	padding: .1em;
	border: 1px solid #CA8500;
	text-decoration: none;
	text-align: center;
	margin: 1px;
}

a#me-regbutton:hover, a#me-loginbutton:hover {
	background: #FFD584;
	color: #474239;
}

ul#me-list {
	margin-bottom: 0px;
	padding-bottom: .5em;
	border-bottom: 1px dotted #FFA902;
}

/* Popular link images */

li#item1 { background-image: url(/images/icons/pay_online.jpg); }
li#item2 { background-image: url(/images/icons/jobs_search.jpg); }
li#item3 { background-image: url(/images/icons/online_services.jpg); }
li#item4 { background-image: url(/images/icons/visit_east_yorkshire.jpg); }
li#item5 { background-image: url(/images/icons/libraries.jpg); }
li#item6 { background-image: url(/images/icons/plan.gif); }
li#item7 { background-image: url(/images/icons/getting_around.jpg); }
li#item8 { background-image: url(/images/icons/whats_on.jpg); }
li#item9 { background-image: url(/images/icons/saysomething.jpg); }
li#item10 { background-image: url(/images/icons/drink24.jpg); }

/* Links images */

ul.left li, ul.right li {
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-repeat: no-repeat; 
	background-position: 5px 50%;
}

ul.left li a, ul.right li a {
	display: block;
	height: auto !important;
	height: 40px;
	min-height: 40px;
	width: auto;
	padding: 0px 0px 0px 140px;
	margin: 0px 0px 0px 0px;
}

li#ex-link1 { background-image: url(/images/icons/directgov.gif); }
li#ex-link2 { background-image: url(/images/icons/planning_for_emergencies.gif); }
li#ex-link3 { background-image: url(/images/icons/minor_crime_reporter.gif); }
li#ex-link4 { background-image: url(/images/icons/info_4localgov.gif); }
li#ex-link5 { background-image: url(/images/icons/local_strategic_partnership.gif); }
li#ex-link6 { background-image: url(/images/icons/humberside_safety_cameras.gif); }
li#ex-link7 { background-image: url(/images/icons/learning_partnership.gif); }
li#ex-link8 { background-image: url(/images/icons/nhs.gif); }
li#ex-link9 { background-image: url(/images/icons/grantnet.gif); }
li#ex-link10 { background-image: url(/images/icons/eriding.gif); }

a#more-links {float: right; text-align: right; padding: 0px 5px 0px 0px; margin: 0px 0px 0px 0px; height: auto; min-height: auto;}

.notbold {
	font-weight: normal;
}

.homepage-label {
	font-weight: bold;
}

.align-middle {
	vertical-align: middle;
}

input#homesearch {
	margin-top: 3px;
}

ul#home-nav, div#me-choices {
	position: relative;
	top: 0px;
	left: 0px;
	border: 1px solid #D4D5B8;
	margin: 5px 5px 0px 5px;
	background: #FEFFE5;
}

div#me-choices {
	border: 1px solid #FFA902;
	background: #FEFFE5;
}

div#me-choices p {
	margin-bottom: .5em;
}

span#postcode {
	font-weight: bold;
}

ul#home-nav li, div#me-choices li {
	padding: 0px 0px 0px 5px;
}

#info2-outer, #info3-outer {
	float: left;
	width: 100%;
	background: url(/images/grad_1.jpg) left bottom repeat-x;
}

#info2-wrap, #info3-wrap {
	background: url(/images/divider_beige.gif) 50% 0px repeat-y;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
	border: 1px solid #EAEBC0;
}

body#homepage #info2-wrap h2, #info2-wrap p, body#homepage #info3-wrap h2, #info3-wrap p {
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
}

#info2-content-wrap, #info3-content-wrap {
	width: 100%;
	float: left;
	margin-right: -50%;
}
 #info2-content, #info3-content {
	margin-right: 50%;
}

#info2-extra, #info3-extra {
	width: 50%;
	float: right;
}

#pop-wrap {
	float: left;
	width: 100%;
}

#pop {
	background: #ffffff url(/images/grad_1.jpg) left bottom repeat-x;
	border: 1px solid #D4D5B8;
	margin-top: 5px;
}

#top-5-wrap {
	background: #ffffff url(/images/grad_1.jpg) left bottom repeat-x;
	margin: 5px;
}

#top-5 {
	position: relative;
}

#externals {
	height: auto !important;
	height: 80px;
	min-height: 80px;
	margin: 5px;
	position: relative;
}

#externals img {
	width: 120px;
	height: 26px;
	margin: 0px 5px 0px 0px;
	border: 1px solid #008474;
}

#languages {
	height: auto !important;
	height: 80px;
	min-height: 80px;
	margin: 5px;
	position: relative;
}

#languages img {
	width: 80px;
	height: 20px;
	margin: 0px 5px 0px 0px;
	border: 1px solid #008474;
}

#externals a {
}

#pop img {
	margin-top: 5px;
}

span.showTitle {
	display: block;
	padding: 5px;
	font-size: 0.9em;
	position: absolute;
	top: 0px;
	left: -180px;
	z-index: 230;
	background: #008474;
	border: 5px solid #EAEBC0;
	height: auto !important;
	color: #ffffff;
	width: 150px;
	text-decoration: none;
}

#externals span.showTitle, #top-5 span.showTitle {
	left: 0px;
	top: -30px;
}

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


/* --------- GENERAL DIVS --------------------------------- */

#menutopbox {
	display: block;
	float: left;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px .5em 0px;
	color: #008474;
	text-align: right;
}

#copyright {
}

#standards {
}

#sitetools {
	display: block;
	height: auto;
	min-height: 22px;
	background: #008474 !important;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #ffffff;
}

#inclinks {
	display: inline;
	float: left;
	text-align: left;
	background: transparent !important;
	padding: .65em 0px 0px 5px;
	margin: 0px 0px 0px 0px;
	color: #ffffff;
}

#incimages {
	border-style: none;
	margin: 0px;
	padding: 0px;
	background: #ffffff;
}

#topinclude #incform {
	display: block;
	float: right;
	text-align: right;
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 1px 10px;
	background: transparent;
}


/* IE5 Mac ignores the next rule */
/* commented backslash hack v2 \*/
#topinclude #incform { display: block; float: right; }
/* end hack */


#azbox {
	font-weight: normal;
	margin-bottom: .5em;
}

#address {
	padding-left: .5em;
	color: #008474;
}

#map {
	cursor: help;
	display: block;
	float:right;
	margin: .5em;
}

#time {
	height: auto;
	margin: 0em 0px .5em 0em;
	padding: 0px;
	font-weight: normal;
	color: #008474;
}

div.divider {
	height: 5px;
	background: transparent;
	background: #ffffff url(http://www.eastriding.gov.uk/images/hr.gif) top left repeat-x;
}

div.gisevlinks {
	float:right; 
	text-align: right; 
	color: #000000; 
	border-style: none; 
	margin: 0px; 
	padding: 0px;
}

#topsection {
	padding: 5px 5px 5px 5px;
	margin-bottom: 5px;
	background: #EAEBC0;
	border: 1px solid #D9D9B2;
}

/* Hack to feed rule to feed silly billy internet explorer (Mac + PC) Fixes slight margin issues with topsection */

* html #topsection {
	display: inline;
	float: left;
	margin-bottom: 0px;
}


/* ----- Town Map styles (Tourism) ---- */
#mapcenter {
	width: 100%;
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

#thumb-map {
	width: 280px;
	padding: .5em;
	margin: 0px 0px 20px 0px;
	border: 1px solid #d0d0d0;
	text-align: left;
	float: right;
}

#map-links {
	text-align: left;
	float: right;
}

#sitelist {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#sitelist h5.nav {
	background: #797979;
}

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

/* --------- GENERAL SPANS --------------------------------- */
span.tinytext {
	font-size: 0px;
	color: #ffffff;
	line-height: 0px;
	border-style: none;
}

span.searchbtn {
	font-family: arial, helvetica, sans-serif;
	font-size: 1em;
	font-weight:bold;
	color:#008474;
	margin:0px 0px 0px 5px;
	padding: 0px;
}

span.azseperator {
	color: #008474;
	font-size: .8em;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#topinclude span.azseperator {
	color: #ffffff;
}

span.invisible {
	display: none;
}

.invisible {
	display: none !important;
}


span.smalltext {
	font-size: .9em;
}

span.quotecaption {
	font-size: .9em; 
	color: #FCFCFC;
}

/* --------- SHRAPNEL --------------------------------- */

.last {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

acronym {
	cursor:help;
}

div.divider hr {
	display: none;
}

.applinks {
	font-weight: normal;
}

div.invisible {
	display: none;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
}

.linespace {
	font-weight: normal;
	line-height: 22px;
}

br.clear {
	margin: 0px;
	padding: 0px;
	border-style: none;
	clear: both;
}

.clearing {
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 0px;
	height: 0px;
}

/* --------- PARAGRAPH STYLES --------------------------------- */

p {
	font: 1em arial, helvetica, sans-serif;
	margin: 0px 1em 1.5em 0px;
	line-height: 150%;
	padding: 0px 0px 0px 0px;
}

#footer p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

li p {
	font-size: 1em;
}

#mainheading p {
	font-size: 1em;
	padding: 0px 0px 0px .6em;
	margin: 0px 0px 0px 0px;
}

#topsection p {
	float: none;
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: transparent;
}

p.bodytext {
	margin: 0px 0em 1.5em 0px;
	padding: 0px;
}

p.copyright {
	display: none;
}

p.backtop {
	margin: 0px 1em 1.5em 1em;
	padding: 0px 0px 0px 0px;
}

p.backtop a {
	padding: 0em 0px .5em 1.5em;
	background: url(/images/backtop.gif) 0em .1em no-repeat;
}

div.recyclingbox {
	font-size: 1em;
	color: #000000;
	padding: 1.5em 5px 1.5em 1em;
	background: #fffbd4;
	margin: 5px 5px 5px 0px;
	text-align: left;
	border: 1px solid #f7c61c;
	
}

p.introquote {
	font-size: 1em;
	color: #000000;
	padding: 1.5em 5px 1.5em 1em;
	background: #F2F3DF;
	margin: 5px 5px 5px 0px;
	text-align: left;
	border-top: 1px solid #EAEBD8;
	border-bottom: 1px solid #EAEBD8;
}

/* --------- LIST STYLES --------------------------------- */

dl {
	border-style: none; 
	margin: 1em 0em 1.5em 0px; 
	padding: 0px;
}

dt {
	font-weight: bold;
	padding: 0px; 
	margin: 0px; 
	color: #4e4e4e;
}

dd {
	font-size: 1em;
	margin: 0px 0px .2em 0px;
	padding: 0px 0px 0px 0px;
	line-height: 150%;
}

html#dynamicaz dd {
	font-size: 1em;
}

dd a {
	padding: 0px 0px 0px 1.5em;
	background: url(/images/downarrow.gif) 0em .1em no-repeat;
}
ol {
	margin: 0px 0em 1.5em 1em;
	padding: 0px;
	list-style-type: decimal;
	line-height: 150%;
}

ol li {
	list-style-position: outside;
	line-height: 150%;
}

ul, ol {
	margin: 0px 0em 1.5em 0px;
	padding: 0px 0px 0px 0px;
	list-style-position: outside;
	line-height: 150%;
}

ul li, ol li {
	font-size: 1em; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

ul ul li, ol ol li {
	font-size: 1em;
}

#menu ul ul li {
	font-size: 1em;
}

li.lastitem {
	border-bottom: 1px solid #008474;
	margin-bottom: 1em;
}

#content dt {
	font-size: 1em;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px .5em 0px;
	color: #4e4e4e;  
}

#content ul.listgroup {
	border-style: none;
	margin: 0px 0em 1.5em 0px;
	border-bottom: 1px dotted #008474;
	border-left: 1px dotted #008474;
	padding-left: 1em;
}

#content ol li, #dynamic ol li {
	background: transparent;
	list-style: decimal outside;
	margin-left: 1.5em;
}

#content ul li, html#dynamicaz ul li {
	font-weight: normal;
	padding: 0px 0px .5em .75em;
	background: url(/images/list_square1.gif) 0em .5em no-repeat;
	margin: 0px 0px .2em 0px; 
	color: #000000;
	list-style-type: none;
	vertical-align: top;
	line-height: 150%;
}

html#dynamicaz #content2 ul li {
	font-size: 1em;
	margin-left: 0px;
	padding-left: 0px;
}

html#dynamic ul li {
	font-size: 1em;
}

html#dynamic ul li a {
	font-size: 1em;
}

#dynamic div#menu li {
	background: url(/images/list_square1.gif) 0em .45em no-repeat;
	padding: .1em .5em .2em 1.5em;
}

#boxleft ul li {
	background: url(/images/list_square1.gif) 0em .4em no-repeat;
	margin: 0px 5px 0px 5px;
}

#boxright ul, .boxright ul {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#boxright ul li, .boxright ul li {
	background: url(/images/list_square1.gif) 0em .5em no-repeat;
	margin: 0px 5px 0px 5px;
}

#menu ul {
	margin: 0px 0em 0px 0px;
	padding: 0px 0px 0em .5em;
	border-style: none;
	border-style: none;
	list-style-type: none;
}

#menu li {
	position: relative;
	font-size: 1em;
	margin: 0px 0px .2em .2em;
	padding: 0em .5em .2em 15px;
	list-style-type: none;
	background: url(/images/list_square1.gif) 5px .4em no-repeat;
	border-style: none;
	color: #008474;
	line-height: 122%;
}

#inclinks ul {
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	white-space:nowrap;
}

#inclinks ul li {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 0px;
	list-style:none;
	background-image:none;
	line-height:normal;
	color: #ffffff;
}

#inclinks ul li.nospace, #inclinks ul li.nospace a {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	background-image:none;
	background: transparent;
	line-height: 0px;
}

#inclinks a {
    float:left;
	display: block;
    }
  /* Commented Backslash Hack
     hides rule from IE5-Mac \*/
  #inclinks a {float:none;}
  /* End IE5-Mac hack */

#topinclude li#one, #topinclude li#one a {
	margin-left: 0px;
	padding-left: 0px;
}

#menu li.wrap-around {
	background: transparent url(none);
	list-style: none;
	padding-left: 0px;
}


/* --------- IMAGE STYLES --------------------------------- */

img {
     border-style: none;
}

img.icon {
	vertical-align: middle;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: none;
}

img.rose {
	margin: 0px;
	padding: 0px;
	background: #ffffff;
}

img.imageintro, img#level2image, .imageintroaz {
	display: inline;
	float: right;
	/* width: 300px;
	height: 154px; */
	margin: 0px 0px 1.5em 5px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #CFCFCF;
	background: #ffffff;
}

img#dyn-imageintro {
    display: inline;
	float: right;
	margin: 0px 0px 1.5em 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #CFCFCF;
	background: #ffffff;
}



img#level2image {
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
}

img.imageright {
	/* width: 150px;
	height: 90px; */
	float: right;
	margin: 0em 0px 5px 0px;
	padding: 0px;
	border: 0px solid #CFCFCF;
	background: transparent;
	clear: both;
}

img.bigimageright {
	float: right;
	clear: right;
	margin: 0em 0px 0px .5em;
	padding: 0px 0px 0px 0px;
	border: 0px solid #CFCFCF;
	background: transparent;
}

img.bigimageleft {
	float: left;
	margin: 0em 0px 0px .5em;
	padding: 4px;
	border: 0px solid #CFCFCF;
	background: transparent;
}

img.imageborderp {
	margin: 0px 0px .5em 0px;
	padding: 0px;
}

img.icon {
	vertical-align: middle;
	border-style: none;
}

img.facetop {
	vertical-align: top;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	border-style: none;
}

#logoimage {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 360px;
	height: 65px;
}

#mapcenter img {
	border: 1px solid #d0d0d0;
}

img.flashalt {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 0px;
	border-style: none;
	border-width: 0px 0px 0px 0px;
	overflow: hidden;
	vertical-align: top;
}

#menu h5 img, #menu ul h5 a img {
	vertical-align: middle;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* --------- LINK STYLES --------------------------------- */

a {
	font-size:1em;
	text-decoration:none;
	font-family: arial, helvetica, sans-serif;
	padding: 0px 0px 0em 0px;
	margin: 0px 0px 0px 0px;
}

a:link {
	color:#008474;
}

a:visited {
	color:#008474;
}

a:hover {
	color: #cc00cc;
	text-decoration: underline;
}

a:active {
	color: #6B0B6B;
}

#azbox a {
	font-weight: bold;
	padding: .15em;
}

div.toplinks a {
	font-size: 1em; 
	margin: 0px; 
	padding: 0px;
	font-weight: bold; 
	font-size: 1em
}

#topinclude a {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-style: none;
	font-weight: normal;
	font-size: 1em;
	color: #008474;
}

#logolink {
	width: 100%;
	height: 65px;
	text-align: left;
}

#menu a {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #008474;
}

#menu a:hover {
	color: #cc00cc;
}

#menu a.anchor {
	line-height: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 0px;
	display: inline;
}

#menutopbox a {
	display: block;
	float: left;
	white-space: normal;
	margin: 2px 0px 0px 0px;
	padding: 0px .3em .1em .3em;
	color: #008474;
	font-weight: bold;
}

#menutopbox a:hover {
	text-decoration: none;
	background: #0F9997;
	color: #ffffff;
}

#menu h5 a {
	font-weight: bold;
}

a img {
	text-decoration: none;
}

#content a {
	font-weight: bold;
}

#menu li h5 a {
	background: url(none);
}

li a {
	font-size: 1em;
}

#sitelist a {
	font-weight: normal;
}


#sitelist h5 {
	background: #ffffff;
}

#sitelist h5 a {
	background: #ffffff;
	font-weight: bold;
}

#sitelist h5.navheader {
	font-size: 1.2em;
}

span.tinytext a:active, span.tinytext a:visited, span.tinytext a:hover, span.tinytext a:link {
	font-size: 0px;
	color:#ffffff;
	text-decoration: none;
}

#menu a.menutop {
	padding: .5em 0px .5em .8em;
	display: block;
}

li.listbold a {
	font-weight: bold;
}

#inclinks ul li a {
	border-right: 1px solid #29AEAC;
	padding: 0px .4em 0px 0px;
	margin:0;
	color: #ffffff;
	font-weight:normal;
	white-space:nowrap;
}

body#homepage #topinclude a#login-link, body#homepage #topinclude a#logout-link, body#homepage #topinclude a#myaccount-link {
	font-weight: bold;
	border-right: 0px solid #ffffff;
}

/* --------- HEADERS --------------------------------- */

#content h1 {
	margin: 0px 0px 0px 0px;
	background: #29AEAC;
	color: #ffffff;
	font-size: 1.5em;
	padding: 0px 0px 0px 0px;
}

#content h2 {
	font-size: 1em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #ffffff;
	background: #B1B288;
}

#boxleft h2 {
	color: #000000;
	background: #ffffff;
	border-style: none;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	text-indent: 0px;
}

#menu h5.nav {
	color: #4e4e4e;
	background: #ffffff;
	padding: 3px 3px 3px 3px;
	margin-bottom: 1em;
	border-bottom: 1px solid #E5E5E5;
}

body.level2 h2 {
	margin-bottom: 0px;
}


h1#mappage {
	background: transparent;
	color: #008474;
	font-size: 1.3em;
	font-weight: bold; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
}

html#dynamic h2, html#dynamicaz h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #ffffff;
	color: #000000;
}

div#content2 h2 {
	margin: 0px 0px 1.5em 0px;
	padding:0px 0px 0px .3em;
	font-size: 1.3em;
	font-weight:bold;
	background: #ADD9D7;
	color:#008474;
}

#news h2 {
	font-size: 0px;
	line-height: 0px;
	color: #ffffff;
}

h3 {
	margin: 0px 0px 1.5em 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1em;
	font-weight:bold;
	color: #000000;
}

#boxright h3, .boxright h3 {
	color: #ffffff;
	background: #B1B288;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
}


html#dynamicaz h3 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #ffffff;
	color: #000000;
	font-size: 1em;
}

#time h3 {
	display: inline;
}

h4 {
	margin: 0px 0px 1.5em 0px;
	padding: 0px;
	font-size: 1em;
	font-weight:900;
	color:#000000;
}

#footer h4 {
	display: none;
}

h5 {
	margin: 0px 0px 2px 0px;
	padding: 0em 0px .1em 0px;
	font-size: 1em;
	font-weight: bold;
	color:#008474;
	vertical-align: middle;
}

#menu ul h5 {
	margin: 0px 0px 0em 0px;
	padding: 0px 0px 0px 0px;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #ffffff;
	font-weight: bold;
	color: #008474;
}

#menu ul li h5.nav-page {
	background: url(/statimg/nav_page1.gif) 0px 2px no-repeat;
	padding: 0px 0px 0px 16px;
}
   
h4.largesubhead {
	margin: 0px 0px 5px 0px;
	padding:0px;
	font-size:1.5em;
	font-weight:900;
    color:#008474;
}

a h5.green {
	color: #008474;
}

a:hover h5.green {
	color: #6B0B6B;
}

h5.navheader {
	margin: 0px 0px .2em 0px;
	padding:0px;
	font-size: 1em;
	font-weight:bold;
	color:#008474;
}

h5.menusub {
	font-weight: 900;
	color: #008474;
}

h5.greenheader {
	margin: 0px 0px .2em 0px;
	padding:0px;
	font-size: 1em;
	font-weight:normal;
	color:#008474;	  
}

/* --------- FORMS --------------------------------- */

form {
	padding: 1em 1em 1em 1em;
	margin: 0px 0px 0px 0px;
}

#topinclude form {
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px; 
	border-style: none;
	background: transparent;
}

/* form elements */

input {
	margin: 0px;
	padding: 0px;
}

select {
	margin: .1em 0px 1em 0px;
	padding: 0px;
}

label {
	line-height: 100%;
	font-weight: bold;
	font-size: 1em;
	cursor: pointer;
	vertical-align: middle;
}

content label {
	line-height: 100%;
	font-weight: bold;
	font-size: 1em;
	cursor: pointer;
	vertical-align: middle;
}

#topinclude input {
	margin: 0px 2px 0px 2px;
	padding: 3px 2px 3px 2px;
	color: #000000;
	vertical-align: middle;
	background: #ffffff;
	border-top: 1px solid #737373;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #737373;
	border-right: 1px solid #000000;
	font-size: .95em;
}

/* Mozilla and Opera browsers only. Changes input box on focus */

#topinclude input:focus {
	background: #ffffff;
	color: #000000;
}

#topinclude input.gobutton {
	border-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#topinclude label {
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding-top: .1em;
	font-size: 1em;
	font-weight: bold;
}


#content input {
	margin: .1em 1em .8em 1em;
	padding: 0em 0px 0px 0px;
	vertical-align: top;
}

#content input.checkbox {
	margin: 0px;
	border-style: none;
}

#content textarea {
	margin: .1em 1em 1em 1em;
	padding: 0px;
}

#content fieldset {
	margin: 0px;
	padding: 1em;
	font-size: 1em;
	border: 1px solid #a5a5a5;
}

#content legend {
	padding: 0.2em 0.5em;
	border: 1px solid #a5a5a5;
	color: #000000;
	font-size: 1em;
}

input.required {
	background: #f0f0f0;
}

label.asterisk {
	color: #008474; 
	font-size: 1em; 
	font-weight: 900;
}

form img {
	vertical-align: middle;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: none;
}

#parnaby-pic {
	float: left;
	margin: 5px;
	margin-top: 0px;
}

#map-homepage {
	float: right;
	margin: 5px;
	margin-top: 0px;
}

/* --------- IFRAMES + OBJECTS --------------------------------- */

iframe {
	border-style: none;
	border-width: 0px 0px 0px 0px;
	padding: 0px;
	margin: 0px 0px 1em 0px;
	width: 100%;
	height: 2000px;
}

object.objectintro {
	width: 300px;
	height: 154px;
	float: right;
	border: 1px solid #008474;
	margin: 0px 0px 1em 0px;
	padding: 0px;
}


/* --------- TABLES --------------------------------- */

table {
       font-size: 1em;
       margin: 1em 1em 1em 1em;
}

table.standardtable, table.councillor {
	border-style: none;
	border-collapse: collapse;
	border-spacing: 0px;
	empty-cells: hide;
	width: auto;
}

table.standardtable th, table.councillor th {
	background: #797979;
	color: #ffffff;
	text-align: center;
	margin: 0px;
	padding: .5em;
	vertical-align: top;
	border: 1px solid #a5a5a5;
}

table.councillor th {
	text-align: left;
}

table.standardtable td, table.councillor td {
	background: #ffffff;
	color: #000000;
	margin: 0px;
	padding: .5em;
	border: 1px solid #A5A5A5;
	text-align: left;
}

table.az {
	border-style: none;
	width: auto;
}

table.az th {
	background: #797979;
	color: #ffffff;
}

table.az td {
	background: #ffffff;
	color: #000000;
	padding: .15em; 
	border: 1px solid #A5A5A5;
}

table.events {
	border-style: none;
	margin: 0px 0px 1em 0px;
	padding: 0px;
}

table.events th {
	background: #a5a5a5;
	color: #ffffff;
	text-align: right;
	margin: 0px 0px 0px 0px;
	padding: .2em .2em .2em .2em;
	vertical-align: middle;
	border-right: 0px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

table.events th.topheader {
	padding: .2em 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	background: #ffffff;
	color: #000000;
}

table.events th.invisible {
	text-align:right;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: #ffffff;
	color: #000000;
	visibility: hidden;
}

table.events td {
	background: #ffffff;
	color: #000000;
	margin: 0px;
	padding: .2em;
	border: 1px solid #A5A5A5;
	text-align: left;
}

caption {
	display: none;
}

table.events caption {
	display: block;
	text-align: left;
	color: #000000;
	font-weight: 900;
	font-size: 1.5em;
	border-bottom: 1px dotted #a5a5a5;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

table.az caption {
	display: block;
	text-align: left;
	color: #000000;
	font-weight: 900;
}




/* ---------------------- BACKGROUNDS FOR DATA TABLES (mostly dynamic content) --------------------------------------*/ 
.ERYCPageColor { background: #FFFFFF; } /* white background */
.tablebg1 { background: #008474;} /* corporate green */ 
.tablebg2 { background: #f0f0f0; } /* main light colour */ 
.tablebg3 { background: #f0f0f0; } /* grey */ 
.tablebg4 { background: #F0F0F0; } /* very light grey */ 
.tablebg5 { background: #008474; } /* main dark colour, dark green */ 
.tablebg6 { background: #FF8000; } /* highlight colour, orange */
.tablebg7 { background: #FF0000; } /* announcements, red */
.tablebg8 { background: #6B0B6B; } /* corporate dark purple */
.tablebg9 { background: #6B0B6B; } /* corporate main purple */
.tablebg10 { background: #FFCCFF; } /* corporate light purple */
.tablebg11 { background: #FFECFF; } /* corporate very light purple */

/* ------------------ table content in black or white -----------------------*/
.tabletd { font-weight: bold; color: #000000;  background: #ffffff; }
.tabletd1 { font-weight: bold; color: #ffffff;  background: #008474; }
.tabletd2 { font-weight: bold; color: #000000;  background: #f0f0f0; }
.tabletd3 { font-weight: bold; color: #000000;  background: #f0f0f0; }
.tabletd4 { font-weight: bold; color: #000000;  background: #f0f0f0; }
.tabletd5 { font-weight: bold;  color: #ffffff;  background: #008474; }
.tabletd8 { font-weight: bold;  color: #ffffff;  background: #6B0B6B; }
.tabletd9 { font-weight: bold;  color: #ffffff;  background: #6B0B6B; }
.tabletd10 { font-weight: bold;  color: #000000; background: #ffccff; }
.tabletd11 { font-weight: bold; color: #000000; background: #ffecff;}

/* -------------------- table content with coloured writing -------------------*/
.tabletdcol1 { font-weight: bold;  color: #ffecff;  background: #008474; }
.tabletdcol2 { font-weight: bold;  color: #008474;  background: #f0f0f0; }
.tabletdcol3 { font-weight: bold;  color: #008474;  background: #f0f0f0; }
.tabletdcol4 { font-weight: bold;  color: #008474;  background: #f0f0f0; }
.tabletdcol5 { font-weight: bold;  color: #ffecff;  background: #008474; }
.tabletdcol9 { font-weight: bold;  color: #ffecff;  background: #6B0B6B; }
.tabletdcol10 { font-weight: bold;  color: #6B0B6B;  background: #ffccff; }
.tabletdcol11 { font-weight: bold;  color: #6B0B6B;  background: #ffecff; }