body {
	background: #fff;
	color: #000;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif; }
/* {
border: 1px solid black;}
*/
/* relative font sizes fix for medium font size */
body, td, li, h1, h2, p, tr, thead, tbody, input, textarea { font-size: 12px;}

/*fix for line spacing*/
li, p { line-height: 20px;}

/*/*/a{}
body,
body p, 
body td,
body tr,
body thead,
body tbody,
body li,
body h1, 
body h2,
body input, 
body textarea {
  font-size: x-small;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: small;
}
html>body p, 
html>body td,
html>body thead,
html>body tr,
html>body tbody,
html>body li,
html>body h1,
html>body h2,
html>body input, 
html>body textarea {
  font-size: small;
}


/* relative font sizes fix for small font size */
a.subMoreRHS { font-size: 11.5px;}
a.more { font-size: 11.5px;}
.homeColumnLiquid { font-size: 11px; }
.homeColumnFixed { font-size: 11px;}


/* relative font sizes fix for medium font size */
.homeColumnFixed, .homeColumnLiquid, #headerSearch { font-size: 12px;}

/*/*/a{}
body .homeColumnFixed,
body .homeColumnLiquid {
  font-size: xx-small;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: x-small;
}
html>body .homeColumnFixed,
html>body .homeColumnLiquid {
  font-size: x-small;
}
/* */


/* fixed font size for header search text */
#headerSearch p { font-size: 11.5px; }

/* remove image borders to prevent standard link border */
body img { border: 0; }


/* link and link pseudo classes: LVHA */
a  {background: transparent; color: #000}
a:link { text-decoration: none;}
a:visited { text-decoration: none;}
a:hover { text-decoration: underline;}
a:active { text-decoration: underline;}

/* -----------------------------------------------------
general classes
----------------------------------------------------- */

/* replacement for <br clear="all" /> */
 .clearall { clear: both ; }

/* forces link to the right of curved box title */
a.more {
	padding-right: 10px;
	padding-top: 4px;
	padding-top: 4px;
/*	font-size: 11px; */
	background: transparent;
	color: #fff;
	float: right; }
	
/* forces link to the right of curved box title */
a.contactus {
	color: #006699; 
	padding-right: 10px; 
	text-align: right; }

td.contactUs {
	border: none; }


a.redSelected { color: red !important; }

/* generic bold font class */
.strong { font-weight: bold; }

/* class for hiding nav skip links */
.hidden { display: none; }

/* override text setting to red */
.redText { background: #006699; color: #fff; }
.redText li { background: #006699; color: #000; }

/* override link color settings */
.blackLink  { background: #00ccff; color: #000 !important; }
.blueLink { background: transparent; color: #069 !important; }
.whiteLink { background: transparent; color: #fff !important; }

/* some general positioning classes */
.floatR {
	/* possibly one with and one without margin for simplicity? */
	margin: 10px;
	float: right; }

.floatRNoMargin {
	margin-right: 10px;
	float: right; }

.fullArticleFloatR {
	float: right;
	width: 100%;
	text-align: right; }

.footFloatR { float: right}

.floatL { float: left; }


p.textRight { text-align: right; }

/* floats the RHS "more" links */
a.subMoreRHS {
	padding-right: 15px;
	padding-top: 3px;
	background: transparent;
	color: #069;
	float: right;  }

/* shared colours blocks */
.pinkBlock { background: #f5e5ef; color: #000; }
.blueBlock { background: #e5f0f6; color: #000; }
.greenBlock { background: #fff; color: #000; }

/* divs of green block */
div.greenBlock {
	margin: 0;
	width: auto;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 20px;
	padding-bottom: 17px;
	margin-bottom: 10px;
	border-bottom:20px solid #069;}

/* subclasses of green block */


.greenBlock p {
	padding: 0;
	padding-bottom: 10px;
	margin: 0; 
	border-bottom:1px solid #006699;}
	
	
	
.greenBlock p a {
	color: #006699;	}

.greenBlock h1 {
	padding: 0;
	margin: 0;
	 }
	
.greenBlock h2 {
	padding: 0;
	margin: 0; 
	padding-bottom: 10px;
	}
	
.greenBlock h3 {
	padding: 0;
	margin: 0; 
	font-size:12px;
	font-weight:bold;
	padding-bottom: 10px;
	}
	
.greenBlock h4 {
	padding: 0;
	margin: 0; 
	font-size:12px;
	font-style: italic;
	padding-bottom: 10px;
	}

.greenBlock h5 {
	padding: 0;
	margin: 0; 
	font-size:12px;
	font-style: italic;
	padding-bottom: 5px;
	}

.greenBlock h6 {
	float: right;
	margin: 0; 
	font-size:12px;
	font-style: italic;
	padding-bottom:10px;
	}

.greenBlock a {
	background: transparent;
	color: #069;
	padding: 0;
	margin: 0; }
	
.greenBlock td {
	border: none;
	padding: 5px;
	}

.greenBlock th {
	border: 1px solid black;
	padding: 5px;
	}
	
.greenBlock ul{
	border-bottom:1px solid #006699;
	list-style: none;
	padding-bottom: 5px;
}
	
div.greenBlock2 {
	margin: 0;
	width: auto;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	margin-bottom: 10px;}
	
.greenBlock2 p {
	padding: 0;
	padding-bottom: 10px;
	margin: 0; 
	}

div.blueBlock {
	padding-top: 5px;
	margin: 0;
	padding-left: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	margin-bottom: 10px; }

/* paragraphs of blue block */
.blueBlock p {
	margin: 10px;
	padding: 0;
	padding-bottom: 10px;
	margin: 0; }

.blueBlockServices {
	padding: 0;
	margin-top: 10px;
	margin: 0; }

.blueBlockServices img { vertical-align: bottom; }

/* h1 and h2 for inside content blocks */
h1.intBlue { background: transparent; color: #069; }
h2.intBlue { background: transparent; color: #069; }
h3.intBlue { background: transparent; color: #000; }
h4.intBlue { background: transparent; color: #000; }
h5.intBlue { background: transparent; color: #000; }
h6.intBlue { background: transparent; color: #000;
	     font-style: normal;}

.intBlue a:hover {
	text-decoration: underline;}


/* used for making divs with blue top right corner - could do this in the same style as the others? */
.blueRightCorner {
	display: block;
	clear: none;
	margin: 0;
	padding: 10px 3px;
	margin-top: 10px;
	background-color: #006699;
	color: #fff;
	text-align: left;
	border-bottom: 2px solid #fff;
	 }

h1.blueRightCorner {
	margin: 7px 0 0 0;
	padding: 3px;
	padding-left: 10px;
	color:#006699; }
	
h2.blueRightCorner {
	margin: 7px 0 0 0;
	padding: 3px;
	padding-left: 10px;
	color:#006699; }
	
/* -----------------------------------------------------
general definitions and classes for form elements
----------------------------------------------------- */

.intFormWrapper {  }

.intFormWrapper form {
	margin-top: 0;
	margin-left: 10%;
	margin-right: 10%;
	padding: 0;
	vertical-align: top; }

.intFormWrapper input, textarea {
	border: 1px solid black;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff;
	color: #000;
	margin: 2px; }

.intFormWrapper input.button { border: 0; }

fieldset {
	border: none;
}

/* -----------------------------------------------------
global page wrapper
----------------------------------------------------- */

#wrapper {
	width: auto;
	background: #fff; 
	color: #000; }

/* -----------------------------------------------------
header bar
----------------------------------------------------- */

/* header wrapper */
#header {
	position: relative;
	top: 0px;
	left: 0px;
	width: auto;
	height: 61px; }

/* container for the banner image */
#headerBanner {
	z-index: 10;
	position: absolute;
	top: 0px;
	left: 0px;
	color: #000;
	float: left;
	height: 61px; }

/* sets the blue background on header for the home page */
#headerBGHome {
	margin-left: 150px;
	margin-right: 10px;
	background: #1E9D8B;
	height: 61px;
}

/* sets the blue background on header for the sub pages */
#headerBGSub {
	margin-left: 150px;
	margin-right: 10px;
	background: #1E9D8B;
	height: 61px; }

#headerSearch {
	font-size: 12px;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 20;
	height: 61px;
	width: 268px;
	background: #1E9D8B;
	color: #000;
	vertical-align: middle; }

/* #headerSearch label {display: block; } */  /* netscape 6.2 doesn't like this so we've taken the label tag out from the HTML and commented this out! */

#headerSearch p { display: inline; }

#drop {
	z-index: 30;
	background: #1E9D8B; 
	height: 29px;
	width: 100%; }

#header form {
	padding: 15px 3px 3px 30px;
	margin: 0; }

#header input.box {
	border: 1px solid #000;
	font-family: Arial, Helvetica, sans-serif;
	width: 135px;
	margin: 3px 3px 1px 0;
	height: 18px; /* set search box height for IE5 */
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 15px; /* set search box height for other browsers */
	}
	
#header input.boxNoBorder {
	font-family: Arial, Helvetica, sans-serif;
	width: 150px;
	margin: 2px 2px 1px 0;
	height: 18px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 15px; }
	
html>body #header input.box { height: 15px; }

#header input.button { vertical-align: middle; padding-bottom: 1px; }
#header img { display: block; }

/* -----------------------------------------------------
breadcrumb
----------------------------------------------------- */

#breadcrumb {
	/*border-top: 4px solid #f51338; /* check this colour! Altered for new homepage*/
	padding-top: 0px;
	padding-left: 12px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 100%;
	font-weight: bold;
	text-align: left; }

#breadcrumb ul {
	padding: 0;
	margin: 0;
	margin-left: 0;
	padding-left: 0; } 

#breadcrumb li {
	list-style: none;
	padding-right: 5px;
	display: block;
	float: left; 
	font-size:80%;}
	
#breadcrumb li.notfirst {
	color:#000;
	padding-left: 7px;
	border-left: 1px solid #006699; }

#breadcrumb li.notfirst a {
	 }

#breadcrumb a { background: transparent; color: #036; }

/* -----------------------------------------------------
contactcrumb
----------------------------------------------------- */

#contactcrumb {
	border-top: 4px solid #f51338;
	margin-top: 2px;
	width: 100%;
	font-weight: bold; }

#contactcrumb ul {
	padding: 0;
	margin: 0;
	margin-left: 0;
	padding-left: 0; } 

#contactcrumb li {
	list-style: none;
	padding-right: 5px;
	display: block;
	float: right; }

#contactcrumb li.notfirst {
	color:#000;
	padding-left: 7px; 
	border-left: 1px solid #006699;}
	


#contactcrumb a { background: transparent; color: #036; }

/* -----------------------------------------------------
home pseudo-breadcrumb
----------------------------------------------------- */

#homecrumb {
	margin-top: 2px;
	width: 98%;
	font-weight: bold;
	text-align: left; 
	padding-bottom:10px;
}

#homecrumb ul {
	padding: 0;
	margin: 0;
	margin-left: 0;
	padding-left: 0;} 

#homecrumb li {
	list-style: none;
	padding-right: 5px;
	padding-left: 5px;
	display: block;
	float: left;
	font-size:80%; }

#homecrumb li.notfirst {
	/* this could be done more efficiently - 
	have the border-left set as default then 
	over-ride it for first class with nothing */
	padding-left: 7px;
	border-left: 1px solid #006699; }

#homecrumb a { background: transparent; color: #036; }

.homeMessage {
	background: transparent;
	color: #036;
	font-weight: normal;
	margin-left: 10px;
	float: right; }



#readSpeaker { 
	vertical-align: middle;
	font-weight: bold;
	font-size: 90%;
	text-align: center;
	color: #003d19;
 }
 
 #readSpeaker img {
 	padding-bottom: 5px;
 }

/* -----------------------------------------------------
noscript menu 
----------------------------------------------------- */

#noscriptMenu {
	margin-top: 2px;
	width: 98%;
	font-weight: bold;
	text-align: left; 
}

#noscriptMenu ul {
	padding: 0;
	margin: 0;
	margin-left: 0;
	padding-left: 0;} 

#noscriptMenu li {
	list-style: none;
	padding-right: 5px;
	padding-left: 5px;
	display: block;
	float: left;
}

#noscriptMenu li.notfirst {
	/* this could be done more efficiently - 
	have the border-left set as default then 
	over-ride it for first class with nothing */
	padding-left: 7px;
	border-left: 1px solid #006699; }

#noscriptMenu a { background: transparent; color: white;}


/* -----------------------------------------------------
disclaimer/review/copyright footer
----------------------------------------------------- */

.footer {
	font-size:80%;
	float: right;
	text-align: right;
	padding-top: 20px;
	padding-left: 20px;
	width: auto; }

/* -----------------------------------------------------
PAGE-SPECIFIC DECLARATIONS FOLLOW FROM HERE
----------------------------------------------------- */

/* -----------------------------------------------------
home middle columns 
liquid - liquid - liquid - fixed
----------------------------------------------------- */


/* creates a div 1/3rd containing block width */
.homeColumnLiquid {
	padding: 4px;
 	float: left; 
	width: 33%; /* for IE 5.0 */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 31.5%; /* for every other browser - by nature a little imprecise */
}
html>body .homeColumnLiquid { width: 31.5% } 

/* creates a wrapper for the liquid columns */
.homeLiquidWrapper {
	width: 100%;
	position: relative;
	left: 0px;
	top: 5px;
	margin-right: 0px;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-right: 193px;
	width: auto;
	}
html>body .homeLiquidWrapper { margin-right: 193px;	width: auto; }

/* creates the RHS fixed width/position column - pushes up against the liquid wrapper */
.homeColumnFixed {
	padding: 3px;
	float: right;
	position: relative;
	right: 0px;
	top: 9px;
	width: 195px; }

.homeColumnFixed ul {
	list-style-position: outside;
	margin: 0 0 10px 0;
	padding-left: 25px;
	}

/* -----------------------------------------------------
home middle columns
----------------------------------------------------- */

#homeMiddleContentWrapper {
	width: auto; /* was 100% for IE etc */
	position: relative;
	top: 0px;
	left: 0px;  }

/* two RHS portal logos on the homepage */
.homeLogos {
	display: block;
	padding: 2px 3px;
	float: left;
	width: 90px; }	

.homeLogos p { display: inline; }

/* -----------------------------------------------------
home bottom title columns
----------------------------------------------------- */

#homeBottomTitleWrapper {
	width: auto; /* was 100% for IE etc */ 
	position: relative;
	top: 0px;
	left: 0px; }

#homeBottomTitleWrapper .homeColumnLiquid {
	width: 98%;
	border-bottom: 1px solid #999;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 95%;
	}
html>body #homeBottomTitleWrapper .homeColumnLiquid { width: 95%; }

#homeBottomTitleWrapper .homeColumnFixed {
	border-bottom: 1px solid #999; }

#homeBottomTitleWrapper .homeLiquidWrapper {
	width: 100%;
	position: relative;
	left: 0px;
	top: 7px;
	margin-right: 0px;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-right: 193px;
	width: auto;
	}
html>body #homeBottomTitleWrapper .homeLiquidWrapper { margin-right: 193px;	width: auto; }


#homeBottomTitleWrapper h1 { 
	padding:0;
	margin:0;
	background: #fff;
	color: #f51338; }

#homeBottomTitleWrapper img {
	vertical-align: middle;
	margin-right: 7px;
	float: left; }

#homeBottomTitleWrapper a { background: transparent; color: #039; }


/* -----------------------------------------------------
home bottom content columns
----------------------------------------------------- */

#homeBottomContentWrapper {
	width: auto; /* was 100% for IE etc */ 
	position: relative;
	top: 0px;
	left: 0px; }

#homeBottomContentWrapper a { background: transparent;	color: #069; }

#homeBottomContentWrapper h1 {
	display: inline;
	padding:0;
	margin:0;
	background: #fff;
	color: #069; }

#homeBottomContentWrapper h2 {
	display: inline;
	padding:0;
	margin:0;
	background: #fff;
	color: #069; }

#homeBottomContentWrapper p {
	margin: 0;
	padding: 0;
	padding-top: 5px;}

#homeBottomContentWrapper .homeColumnLiquid {
	width: 32.5%;
	margin-top: 3px;
	padding-top: 0px;
	border-right: 1px solid #999; 
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 31%;
	}
html>body #homeBottomContentWrapper .homeColumnLiquid { width: 31%; }

#homeBottomContentWrapper img {
	width: auto;
	float: left;
	display: block; }

#homeBottomContentWrapper .homeColumnFixed {
	padding-top: 0px;
	margin-top: 0px; }

.floatLeftContent {
	width: auto;
	position: static;
	top: 0px;
	right: 0px;
	padding-left: 65px;
	padding-top: 3px; }

.floatLeftImg {
	margin-left: 3px;
	margin-right: 0px;
	margin-top: 3px;
	float: left; }


/* -----------------------------------------------------
sub pages
< fixed - liquid - fixed >
< fixed - liquid ------- >
----------------------------------------------------- */


/* creates standard LHS navigation on sub page  */
.subColumnFixedLeft {
	padding: 4px;
	padding-left: 0px;
 	float: left; 
	width: 169px; }

/* add the white underlines to LHS nav menu lists */
.subColumnFixedLeft ul {
	padding: 0px 0px 20px 0px !important;
	margin: 0px 0px 0px 0px !important;
	display: block;
	width: auto;
	list-style-position: outside; }

.subColumnFixedLeft ul li {
	width: auto;
	list-style-type: none;
	background-image: url("http://www.essexcc.gov.uk/vip8/ecc/ECCWebsite/resources/websiteLayout/img/sub_nav_arrow_closed.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding: 3px 2px 3px 24px !important;
	margin: 0px !important;
	border-bottom: 2px solid #fff; }

.subColumnFixedLeft ul li.selected {
	padding-left: 25px !important;
	background-image: url("http://www.essexcc.gov.uk/vip8/ecc/ECCWebsite/resources/websiteLayout/img/sub_nav_arrow_open.gif");
	background-repeat: no-repeat;
	background-position: top left; 	}

.subColumnFixedLeft ul ul { 
	background-image: none;
    padding: 0 !important;  }

.subColumnFixedLeft ul ul li {
	padding: 2px 0px 2px 18px !important;
	background-image: url("http://www.essexcc.gov.uk/vip8/ecc/ECCWebsite/resources/websiteLayout/img/sub_nav_arrow_sub.gif");
	background-repeat: no-repeat;
	background-position: center left;
	margin: 0 !important;
	border: 0 !important; }

.subColumnFixedLeft ul ul li.selected {
	padding: 2px 0px 2px 18px !important;
	background-image: url("http://www.essexcc.gov.uk/vip8/ecc/ECCWebsite/resources/websiteLayout/img/sub_nav_arrow_sub_red.gif");
	background-repeat: no-repeat;
	background-position: center left; }



/* -------------------- 
	Column classes
-------------------- */

/* standard liquid columns wrapper for subpages with LHS + RHS space required */
#subLiquidWrapperStandard {
	width: 100%;
	position: relative;
	left: 0px;
	top: 0px;
	margin-right: 160px;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-left: 179px; /* IE 5 doesn't want to know about this */
	margin-right: 170px; /* Re-do for non IE5 */
	width: auto;
	}
html>body .subLiquidWrapperStandard { margin-left: 179px; margin-right: 170px; width: auto; }

/* standard sub page liquid column for subpages with LHS + RHS space required */
.subColumnLiquidMiddle {
	padding: 4px;
 	float: left; 
	width: 98%; }

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

/* standard liquid columns wrapper for subpages with LHS space but no RHS space */
#subLiquidWrapperNoRHS {
	width: 100%;
	position: relative;
	left: 0px;
	top: 0px;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-left: 179px; /* IE 5 doesn't want to know about this */
	width: auto;
	}
html>body .subLiquidWrapperNoRHS { margin-left: 179px; width: auto; }

/* standard sub page liquid column for subpages with LHS space but no RHS space */
.subColumnLiquidMiddleNoRHS {
	padding: 4px;
	padding-left: 0px;
	padding-right: 0px;
 	float: left; 
	width: 99.5%;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 100%; }
html>body .subColumnLiquidMiddleNoRHS { width: 100%; }

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

/* standard liquid columns wrapper for subpages that stretch across 100% of page */
#subLiquidWrapperStretch {
	width: 100%;
	position: relative;
	left: 0px;
	top: 0px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: auto;
	}
html>body .subLiquidWrapperStretch { width: auto; }

/* standard sub page liquid column for subpages that stretch across 100% of page */
.subColumnLiquidMiddleStretch {
	padding: 4px;
	padding-left: 0px;
	padding-right: 0px;
 	float: left; 
	width: 100%; }

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

/* standard liquid columns wrapper for subpages that have no LHS but have RHS space */
#subLiquidWrapperNoLHS {
	width: 100%;
	position: relative;
	left: 0px;
	top: 0px;
	margin-right: 180px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: auto;
	}
html>body .subLiquidWrapperNoLHS { width: auto; }

/* standard sub page liquid column for subpages that have no LHS but have RHS space */
.subColumnLiquidNoLHS {
	padding: 4px;
 	float: left; 
	width: 98%; }

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


/* creates the sub page RHS fixed width/position column - pushes up against the liquid wrapper */
.subColumnFixedRight {
	padding: 3px;
	float: right;
	position: relative;
	right: 0px;
	top: 0px;
	margin-bottom: 10px;
	width: 160px; }

.subColumnFixedRight p {
	/* using this to make the dotted lines appear */
	border: 1px solid #fff;
	padding: 0 0 15px 0;
	margin:0; }

/* set standard colour for RHS links */
.subColumnFixedRight a { background: transparent; color: #069; }

/* float all images left in sub page RHS column */
.subColumnFixedRight img {
	display: block;
	margin: 0 5px 0 0;
	float: left; }

/* set standard bulleted unordered list for sub page RHS column */
.subColumnFixedRight ul {
	padding: 0;
	padding-left: 16px;
	margin: 0; }

/* set standard heading for sub page RHS column */
.subColumnFixedRight h1 {
	background-color: transparent;
	color: #069; 
	margin: 0;
	margin-top: 10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-top: 0;
	}
html>body .subColumnFixedRight h1 { margin-top: 0; }

/* set standard heading for sub page RHS column */
.subColumnFixedRight h2 {
	background-color: transparent;
	color: #069; 
	margin: 0;
	margin-top: 10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-top: 0;
	}
html>body .subColumnFixedRight h2 { margin-top: 0; }

.sectionMiddleNoRHS {
	float:right;
	padding-top: 4px;
	padding-left: 0px;
	padding-right: 0px;
	width: 60%;
}

/* -----------------------------------------------------
classes for service a-z
----------------------------------------------------- */

/* a-z list at top of services a-z page */
.atozList {
	margin-left: 100px;
	display: block;
	margin-right: 20px;
	vertical-align : top;
	text-align : right;
	margin-top : 0px;
}

.atozBox{
	font-size: 9px;
	height : 11px;
}


/* a-z tables on services a-z page */
.a-zTable {
	width: 93%;
	margin-bottom: 10px; 
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 100%;
	}
html>body .a-zTable { width: 100%; }

/* a-z table row headers on services a-z page */
.a-zTable th {
	text-align: left;
	border: none;
	}

.a-zTable td {
	border: none;
	}

/* info td rows on services a-z page */
.mail { width: 300px; }
.phone { width: 115px; }



/* -----------------------------------------------------
classes for your councillor
----------------------------------------------------- */

.councillorViewPage {
	display: block;  }

/* -----------------------------------------------------
classes for online services table block
----------------------------------------------------- */

.tdServicesIcons { width: 27px; }

.tdServicesTitle {font-weight: bold; width: 150px; }


/* -----------------------------------------------------
classes for online services page
----------------------------------------------------- */

.servicesTable {
	width: 93%;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 100%; /* set table width for other browsers */
	}
html>body .servicesTable { width: 100%; }

.servicesTable td {
	font-weight: bold;
	padding: 5px;
	width: 33%; }

.servicesTable img {
	width: 27px;
	height: 23px;
	vertical-align: middle; }


/* -----------------------------------------------------
classes for online services page
----------------------------------------------------- */

.contactsTable {
	width: 93%;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 85%; /* set table width for other browsers */
	}
html>body .contactsTable { width: 100%; }

.contactsTable td {
	border: none;
	padding-right: 10px;
	width: auto;
	vertical-align:top; }

.contactsTable td.greenline {
	width: 250px;
	padding-left: 15px;
	border-left: 2px solid #6c3;
	vertical-align:top; }

.contactsTable td.blueline {
	width: 265px;
	padding-left: 15px;
	border-left: 2px solid #1E9D8B;
	vertical-align:top; }



/* -----------------------------------------------------
Classes for site map
----------------------------------------------------- */

div.sitemapBG {
	background: #f5e5ef; 
	color: #000;
	margin-top: 0;
	padding-top: 0;
}

.sitemap {
	list-style-type: disc;
	list-style-image: url("http://www.essexcc.gov.uk/vip8/ecc/ECCWebsite/resources/Images/aggregateTag/arrow.gif");
	line-height: 18px;
	vertical-align : middle;
	margin-top: 5px;
	margin-bottom: 5px;
}
	
.level1 {
	color: #1E9D8B;
	font-size: larger;
	margin-left:5px;
}

.level2 {
	font-weight : bold;
}

.level3 {
	font-size: smaller;
}

.sitemapShortcut {
	border-right: 1px solid;
	padding-left : 5px;
	padding-right : 5px;
}

.sitemapShortcutLast {
	padding-left: 5px;
}

a.siteMapbackToTop{
	text-align: right;
	color: black;
	font-style: italic;
}

/* -----------------------------------------------------
Classes for new Homepage
----------------------------------------------------- */

/*Accessibility table*/
#accessibility {
width: 99%;
text-align: right;
font-size:70%;
margin-bottom: 2px;
}

#maintable {
width: 99%;
float: left;

/*border: 1px solid black;*/
}

#leftcolumn{
vertical-align:top;
/*border: 1px solid black;*/
}

#newstable {
width: 100%;
padding: 20px;
/*border: 1px solid black;*/
vertical-align:top;
}

#rightColumn{
width: 255px;
/*border: 1px solid black;*/
padding:0px;
vertical-align:top;
}

.imagecolumn  {
vertical-align: top;
width: 200px;
/*border: 1px solid black;*/
}

.imagecolumn img {
border: none;
width: 200px;
/*margin-left: 5px;*/
margin-right: 0px;
}

.imagecolumn a {
color: red;
font-weight: bold;
}

.newscolumn {
vertical-align: top;
padding-bottom:10px;
padding-left: 15px;
}

.newscolumn h1 {
color: black;
font-size: 120%;
padding-top: 15px;
padding-right: 15px;

}

.newscolumn p {
padding-right: 15px;
line-height: 1.3em;
}

#dropdown {
margin-top:20px;
padding-left: 15px;
padding-right: 12px;
padding-top: 8px;
padding-bottom: 0px;
border-top: 1px solid #CCCCCC;
}

#dropdown p{
font-weight:bold;
}

#campaign{
color: #906;
font-weight: bold;
font-size: 80%;
}

/* -----------------------------------------------------
newfooter
----------------------------------------------------- */
#newfooter {
width: 98%; 
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
padding:5px; 
font-size:80%;
margin-left:8px;
color: #999999;
text-align: right;
clear: both;
}

#newfooter a {
color: #999999;
font-weight:normal;
}

#newfooter img {
vertical-align:middle;
}

/* -----------------------------------------------------
FooterContent
----------------------------------------------------- */

.FooterContent {
padding:2px; 
margin-left:4px;
margin-top:0px;
line-height: 20px;
display:inline;
}

.Flags {
padding:0px; 
margin-left:50px;
margin-top:0px;
line-height: 20px;
display:inline;
}

/*
main navigation
*/

/*Styles for the search bits*/

div#searchwrapper {
width:700px;
margin:0 auto;
text-align:left;
}

div#navcontainer {
}

#navlist
{
padding: 3px 0 1px 0;
margin-left: 0;
border-bottom: 20px solid #069;
font: bold 12px Verdana, sans-serif;
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
}

#navlist li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #e5f0f6;
text-decoration: none;
}

#navlist li a:link { color: #448; }
#navlist li a:visited { color: #000; }

#navlist li a:hover
{
color: #906;
background: #D699C2;
border-color: #906;
}

#navlist li a#current
{
background: #1E9D8B;
color:white;
}


/* from az.css*/

div.azsearchform{
	padding-right: 15px;
	float:left;
	width: auto;
}
.servicesheader{
	background-color: #e5f0f6;
	font-size: 110%;
	font-weight: bold;
	color: #000000;
	padding-left: 10px;
	border-bottom: 1px solid #DDDDDD;	
}
.servicelist{
	padding: 5px;
}
#azservices{
	margin: 0px;
	padding: 0px;
	width: auto;	
	float:left;
	border: 1px solid #DDDDDD;
}
#azservices ul{
	margin: 0px;
	padding: 0px;
}


#aztabs{
	width: auto;	
	padding-bottom: 10px;
	padding-top:10px;
}

#aztabs ul {	
	width: 100%;
	white-space: nowrap; 
	font-size: 100%; 
	margin: 0px; 
	padding: 0;
	border: none; 
	list-style: none; 
	list-style-type: none;
}
#aztabs li {	
	width: 3.78%;
	list-style-type: none;
	list-style-image: none;
	white-space: nowrap;
	margin: 0; 
	padding: 0;
	float: left;
	text-align: center;
}


html>body #aztabs li a {
	width: auto;
}
#aztabs li a {
	color: #000;
	display: block; 
	padding: 3px 3px 3px 3px; 
	margin: 1px 2px 0 2px; 
	border: 1px solid #000000; 
	background: #e5f0f6; 
}

#aztabs li a.selected {
	color: #FFFFFF;
	background: #006699;	
	text-decoration: none; 
	font-weight: bold;
}
#aztabs li a.disabled {
	color: #FFFFFF;
	background: #D699C2;	
	text-decoration: none; 
	font-weight: normal;
}
#aztabs li a.disabled:hover {
	background: #Cccccc; 
}
#aztabs li a.selected:hover {
	background: #C2ADD6; 
}
#aztabs li a:hover {
	background: #D699C2; 	
}
div.footer
{
	height: 35px;
}