/*TAGS*/


    strong, h4 { font-weight: bolder; }

    img { border: 0; }

    .centre { text-align:center; }

    .strapline { font-style: italic; }

    .post { font-size: .7em; }

    fieldset { border: none; }

    #print_logo {
            visibility: hidden;
            height: 0;
            display: none;
    }

   fieldset {
        margin: 0;
        padding: 0;
    }

/*GLOBAL STYLES*/

#wrapper {
	position: relative;
    width: 780px;
	padding: 0;
	margin : 0 auto;

}

#header {
	height: 75px;
}

#main {
	height: 1%;
	width: 100%;
    /*min-height: 1150px;*/
}


/*content styles*/

#content {
	position: relative;
	display: table;
    height: 1%;
    width: 495px;
    margin: 10px 20px 10px 0px;
	padding: 0;
	z-index: 0;
    }

#contentHome {
	position: relative;
	display: table;
    height: 1%;
	margin: 10px 0px 10px 0px;
	padding: 0;
	z-index: 0;

    }

 #content .inner div { width: 410px; }

#content .inner div.description { width: auto; }
#content .inner div.description p { margin-bottom: 0; }
#content .inner object { margin: 1em 0; } 

html>body #content,
html>body #contentHome {
    min-height: 1px;
    height: auto;
	}

#content .inner,
#contentHome .inner{
	padding: 5px 20px 15px 25px;
	}

#news {
	float: right;
	width: 150px;
	margin: 10px 19px 10px 10px;
	clear: right;
}

* html #news {
	margin: 10px 12px 10px 10px;
}

#news .inner {
	padding: 5px 20px 15px 25px;

}

#news .left {
	padding-left: 15px;

}
#news a:link, #news a:hover, #news a:active, #news a:visited  {
	text-decoration: none;
}

#banners {
    /*border: 1px solid red;*/
    float: right;
    /*padding: 4px;*/
    clear: right;
    margin-right: 17px;
    margin-top: 7px;
    }
    * html #banners {
        margin-right: 12px;
        }

#rightcolumn {
	float: right;
	width: 191px;
	height: 182px;
	margin-right: 5px;
	}
/*	* html #flash-button {
		width: 194px;
		margin-right: 2px;
		}

	#flash-button a{
		height: 90px;
		margin-top:90px;
		display:block;
		margin-left: 20px;
		}

	#flash-button span{
		display: none;
		}      */

.clearleft { clear: left; }

.clearright { clear: right; }

.clearboth { clear: both; }

.float-left { position: absolute; }

.none { display: none; }

.red { color: #f00; }

/*leftbars styles*/

#leftbars {
	float: left;
	width: 235px;
	margin-right: 15px;
	z-index: 5;
    margin-top: -35px;
    /*position: absolute;*/
    top: 80px;
    left: 0;


}

    *html #leftbars {
        margin-right: 10px;
    }

 #usability {
	width: 420px;
    margin-left: 332px;
     margin-top: 10px;
     margin-bottom: 5px;
}

    #usability div {
        float: left;
        margin-top: -5px;
    }

     #usability form {
         float: left;
         margin-left :10px;
     }

        #usability form #searchTerms { background: #c4b0ec; }

        #usability form #searchSubmit { background: #9977df; }

    #usability #print {
        float: left;
        margin-right: 3px;
    }


#leftbars #search {
	width: 205px;
	margin: 10px 0 10px 10px;
	margin: 0 auto;
	position: relative;
	top: 10px;
    color: #fff;
}

    #leftbars #search p{
        color: #fff;
        margin-left: 6px;
        margin-right: 6px;
    }

    #leftbars #search #younglife {
        display: block;
        width: 185px;
        height: 75px;
        background: url("images/younglife-logo.gif") no-repeat;
        text-indent: -5000px;
    }

    #leftbars #search .inner {  padding: 15px 0px 5px 13px;  }

    #leftbars #search form  {
        margin-left: 6px;
    }

    #leftbars #search form span{
        font-size: 0.7em;
    }

    #leftbars #search #button {
        background: none;
        background-image: url("images/search-button.gif");
        width: 68px;
        height: 30px;
        cursor: pointer;
        border: none;
    }

    #leftbars #search input {
        margin: 3px 0 6px 0 ;
        display: block;
    }

  * html  #leftbars #search input {
        margin: 3px 0 6px -6px ;
    }



    #search .topright,
    #search .topright {
        background: url("images/search-top-right-corner.gif") top right no-repeat;
    }
    #search .botright,
    #search .botright {
        background: url("images/search-bottom-right-corner.gif") bottom right no-repeat;
    }
    #search .botleft,
    #search .botleft {
        background: url("images/search-bottom-left-corner.gif") bottom left no-repeat;
    }
    #search .topleft,
    #search .topleft {
        background: url("images/search-top-left-corner.gif") top left no-repeat;
    }



#leftbars #searchSubmit {
	margin: 4px 0 0 55px;
}

#leftbars .approved {
	margin: 20px 0 0 0;
	text-align: center;
}

#leftbars .cartoon {
	height: 200px;
	margin: 10px 0 0 5px;
	padding: 0 0 0 5px;
	border: 0px;
}




/*navigation styles*/

#navbox {
	width: 205px;
	margin: 10px 0 10px 15px;
 	font-family: verdana,arial,helvetica;
    z-index: 20;
	position: relative;

}

#navbox .inner {
	padding: 20px 15px 20px 20px;
}

#navigation {
	padding: 0;
    margin: 0;
}

html>body #navigation {
    right: 200px;
}

#navigation ul.level1 {
	margin: 0;
    padding: 0;
	list-style: none;
}

#navigation ul.level1 li{
    margin: 0;
	padding: 0;
	width: 165px;
	position: relative;
}


#navigation ul.level1 li a{
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 5px 0px 5px 5px;
	text-decoration: none;
	display: block;
}

#navigation ul.level1 li a:hover{
	text-decoration: none;
	display: block;

}

#navigation ul.level2 {
	list-style: none;
	position: absolute;
    visibility: hidden;
    margin: 0;
    padding: 0;
	top: 0;
    left: 166px;
    width: 206px;
}

#navigation ul.level3 {
	list-style: none;
	position: absolute;
    margin: 0;
    padding: 0;
    top: 0;
    left: 206px;
    width: 206px;
	visibility: hidden;
}

html>body #navigation ul.level2{
    visibility: visible;
    display: none;
}

html>body #navigation ul.level3{
    visibility: visible;
    display: none;
}

#navigation ul.level2 li, ul.level3 li {
	width: 206px;
	padding: 0;
}

#navigation ul.level2 li a, ul.level3 li a {
	width: 206px;
}

#navigation ul.level2 li a:hover, ul.level3 li a:hover {
    text-decoration: none;
	width: 206px;
	margin: 0;
	display: block;
}

html>body #navigation ul.level2 li a:hover, ul.level3 li a:hover {
	width: 201px;
}




/*corners styles*/

.topleft {
	position: relative;
	top: -13px;
	left: -3px;
	padding: 3px 0 0 3px;
}

.topright {
	position: relative;
	top:-3px;
	right: -3px;
	padding: 3px 3px 0 0 ;
}
.botright {
	position: relative;
	bottom: -7px;
	right: -3px;
	padding: 0 3px 3px 0 ;

}
.botleft {
	position: relative;
	bottom: -3px;
	left: -9px;
	padding: 0 0 3px 3px;
}

#content .topleft,
#contentHome .topleft{
	position: relative;
	top: -15px;
	left: -3px;
	padding: 3px 0 0 3px;
}

#content .topright,
#contentHome .topright{
	position: relative;
	top:-4px;
	right: -4px;
	padding: 3px 3px 0 0 ;
}

#content .botright,
#contentHome .botright{
	position: relative;
	bottom: -9px;
	right: -3px;
	padding: 0 3px 3px 0 ;

}

#content .botleft,
#contentHome .botleft{
	position: relative;
	bottom: -3px;
	left: -11px;
	padding: 0 0 3px 3px;
}


/*footer styles*/

#footer {
	height: 128px;
	padding-top:5px;
}

#footer #img {
	height: 128px;
}

#footer .quick {
	text-align: center ;
	padding-top: 15px;
}

#footer .quick a:link, .quick a:hover, .quick a:active, .quick a:visited  {
	text-decoration: none;
	font-size:.7em;
	font-weight:bold;
}

#footer .fttrtxt {
    background: transparent url("/images/essexCountyCouncilLogo.gif") no-repeat scroll 620px 5px;
    font-size:.8em;
    height: 70px;
    padding-top: 15px;
	text-align: center;	
}

#footer .freephone, .txt {
	padding-right: 15px;
}

/*feedback styles*/

.feedbackform {
	margin-left: 20px;
	width: 450px;
}

.feedbackform span{
	width: 150px;
	float: left;
	margin: 5px;
}

.feedbackform input{
	margin: 5px;
}

.feedbackform select{
	margin-left: 165px;
}

.feedbackform .go {
	padding-top: 10px;
    font-weight: bolder;
}


/*ARTICLE SECTION STYLES*/


.imagecenter {
	text-align: center;
}


.image  {
	text-align: left;
}

.imageleft {
	display: block;
}

.imageleft p {
	padding: 0;
	margin: 0 0 30px 0;
}

.imageleft img {
	float: left;
	padding: 0 20px 10px 0;
	display: block;
}

.imageleftlink {
	display: block;
	padding: 0 0 25px 0;
}

html>body .imageleftlink {
	height: 80px;
	padding: 5px 0 5px 0;
}

.imageleftlink p {
	margin: 0 0 0 115px;
}

.imageleftlink img {
	float: left;
	padding: 0 10px 0 0;
	display: block;
}

.imageright p {
	text-align: left;
	clear: right;
}

.imagerightbeside img {
	display: block;
    float: right;
    margin: 0 0 5px 5px;
	clear: left;
}

.imageleft {
	text-align: left;
	padding: 1px;
	margin: 1px;
}

.PlogoTL .logo {
	display: block;
    float: right;
    margin: 0 0 5px 5px;
}

.surveyIndent {
	margin: 0 0 5px 30px;
}

.column .leftColumn {
	float: left;
	width:  50%;
}

.column .rightColumn {
	float: right;
		width:  50%;
}

.vacancy {
	line-height: 1em;
	display: block;

}

.vacancy p{
	display: table;
	width: 440px;
	font-weight: bolder;
}


.vacancy span{
	float: right;
	position: relative;
	font-weight: lighter;
	width: 290px;
	margin-top: -16px;
}

.caseStudy p{
	display: table;
	width: 440px;
	font-weight: bolder;
}

.caseStudy span{
	float: right;
	position: relative;
	font-weight: lighter;
	width: 290px;
	margin-top: -16px;
}


.ecard p{
	display: table;
	width: 440px;
	font-weight: bolder;
}

.ecard span{
	float: right;
	position: relative;
	font-weight: lighter;
	width: 300px;
	margin-top: -16px;
}

.bullet p{
	padding-left: 30px;
}

.bullet img {
	float: left;
	width: 27px;
	height: 19px;
	position: absolute;
}

.spacer {
	height: 8px;
}

.formone {
	width: 444px;
}

.formone span{
	width: 174px;
	float: left;
	margin: 6px 3px 6px 0;
}

.formone input{
	margin: 6px 0 6px 0;
}

.formone select{
	margin: 6px 0 6px 0;
}

.formone .go {
	padding-top: 10px;
    font-weight: bolder;
}

#partners {
	padding-left: 30px;
}


#partners .points {
	padding: 0 0 10px 30px;
}


#illustrations {
	padding-left: 5px;
}


/*FLASH PAGE STYLES*/

#flashbase {
	background: url("images/flashbackground.gif") no-repeat;
	height: 501px;
	border-left: 5px #B69DE8 solid;
	border-right: 5px #B69DE8 solid;
}

#flashmenu {
	float: right;
	padding-top: 33px;
}

#flashxml {
	float: left;
	margin: 5px 0 0 20px;
	position:absolute;
}


#flashmain {
	float: left;
	margin: 90px 0 0 20px;
	position: absolute;
}


/*HELP PAGE STYLES*/

#helpwrapper {
	position: relative;
    width: 400px;
	padding: 0;
	margin : 0 auto;
}


#help {
	background-color: #B69DE8;
	border: 3px white solid;
	position: relative;
	display: table;
    height: 1%;
	width: 400px;
	margin: 10px 20px 10px 0;
	padding: 0;
	z-index: 0;

}

#help .inner {
	padding: 5px 20px 15px 25px;
}

.HHelp {
	padding-left: 145px;
}

/*QUIZ PAGE STYLES*/

#quiz {
	padding-top: 50px;
	background: url("images/title.png") no-repeat;
	width: 450px;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: .85em;
	font-weight: 700;
}

.question {
	background: url("images/quiz_question.gif") no-repeat;
	text-align: left;
	height: 10px;
	padding: 15px 15px 15px 45px;
}


.answer {
	background: url("images/quiz_answer.gif") no-repeat;
	text-align:left;
	height: 120px;
	padding: 15px 15px 15px 45px;
}

.questionr {
	background: url("images/quizr_question.gif") no-repeat;
	text-align: left;
	height: 10px;
	padding: 15px 15px 15px 45px;
}


.answerr {
	background: url("images/quizr_answer.gif") no-repeat;
	text-align: left;
	height: 120px;
	padding: 15px 15px 15px 45px;
}

.vacancies {
	line-height: 1em;
	display: block;

}

.vacancies p{
	margin: 4px 0 4px 0;
	display: table;
	width: 440px;
	font-weight: bolder;
}


.vacancies span{
	padding: 0;
	float: right;
	position: relative;
	font-weight: lighter;
	width: 320px;
	margin-top: -16px;
}

ul#large-button {
	margin: 10px 8px 0 16px;
	text-decoration: none;
    list-style:none;
    padding: 0;
    }

#large-button li{
	padding: 0;
    margin:0;

    }

    #large-button a{
		height: 33px;
		padding: 10px 0 0 0;
        display: block;
	    color: #FFF;
	    text-decoration: none;
        text-align: center;
        }

        .large-button a:hover{
            color: #FFF;
            text-decoration: none;
            }


#headerLeft {
	position: absolute;
	width: 601px;
	height: 75px;
	/*text-indent: -5000px;*/
    }

    #headerLeft a{
        width: 220px;
        height: 60px;
        display:block;
        }

        #headerLeft a span{
            display:none;
            }


#flash {
	left: 601px;
	position: absolute;
	height: 75px;
	width: 179px;
	}

    #flash a {
        display: block;
        width: 170px;
        margin-top: 10px;
        height: 55px;
        }

    #flash span {
        display:none;
        }

#headerHome {
	float: left;
	width: 780px;
	height: 75px;
	/*text-indent: -5000px;*/
    }

    #headerHome a{
        width: 220px;
        height: 60px;
        display:block;
        }

        #headerHome a span{
            display:none;
            }

/*Popup box*/

#popup {
    background: #c4b0ec;
    }

    #popup #content {
        /*border: 1px solid red;*/
        width: 400px;
        }
#register {
    width: 80%;
    }

    #register td{
        padding: 0;
        }

    #register p{
        margin: 3px 0 3px 0;
        padding: 0;
        }

    #register select{
        width: 208px;
        }

    #register select.smallerText {
        font-size: 0.75em;
    }

    #register .submit {
        float: right;
        }

    #register .regw {
        width: 204px;
        }

#disclaimer {
    font-style:italic;
    font-size: 0.8em;
    }

#newsletter {
    width: 100%;
    }

    #newsletter td{
        padding: 0;
        }

    #newsletter p{
        margin: 3px 0 3px 0;
        padding: 0;
        }

    #newsletter .submit {
        float: right;
        }

    #newsletter .regw {
        width: 134px;
        }

.paging a {
    margin-right: 5px;
}

#cvForm {
	/*float: left;*/
    width: 80%;
    }

	#cvForm td{
		padding: 6px 6px 6px 0px;
        width: 210px;
        }


.vacancy span{
	float: right;
	position: relative;
	font-weight: lighter;
	width: 290px;
	margin-top: -16px;
}
.vacancySearch {
	line-height: 1em;
	display: block;
    margin-bottom: 3px;

}

.vacancySearch p{
	display: table;
	width: 440px;
	font-weight: bolder;
    margin: 2px 0 2px 0;
}


.vacancySearch span{
	float: right;
	position: relative;
	font-weight: lighter;
	width: 290px;
	margin-top: -16px;
}
.vacancySearch a{
    font-weight:bold;
    color:  #c9c9f1;
    text-decoration: underline;
    line-height: 1em;
	display: block;
    margin-bottom: 3px;

}

/* WEB-FORM STYLES */

	.webform {
	    /*border: 1px solid red;*/
		}

		.webform label {
		    display: block;
			}
			* html .webform label {
			    margin-right: 7px;
				}

			.padding-left20 .webform label {
			    float: left;
			    width: 140px;
			    margin-right: 10px;
			    text-align: right;
				}

		.webform input {
		    width: 220px;
		    font-size: 0.7em;
			}

		.webform p.submit {
		    text-align: right;
		    padding-right:20px;
			}

		.webform p.textarea textarea {
		    width: 220px;
		    font-family: sans-serif;
		    font-size: 0.95em;
			}

		.webform p.submit input {
		    width: auto;
		    margin-right: 0;
			}

/* COMMENT STYLES */

body #moderation {
    background-color: #ddd;
    padding: 1em;
}

#content .inner div.comment {
    clear: both;
    padding: 15px;
    width: 400px;
}

        body ul.moderationDetails {
            display: block;
            float: right;
            font-size: 0.9em;
            padding: 5px;
            width: 150px;
        }

        body ul.published { background-color: #D5FFD5; font-size: 0.8em; }

        body ul.unpublished { background-color: #FFD5D5; font-size: 0.8em; }

                body ul.moderationDetails li { list-style: none; }

        body div.comment p {
            padding: 0;
            margin: 0;
        }

        body div.comment.even {
            background-color: #eee;
        }

        body div.comment h4 {
            font-size: 1em;
            font-weight: normal;
            margin-bottom: 1em;
            margin-top: 3px;
        }

body #postAComment { margin: 1em 0; }

body #moderation fieldset, form.postAComment fieldset { border: none; margin: 0; padding: 0; }

body form.postAComment label {
    display: block;
    float: left;
    margin:5px 0 0;
    padding: 0;
    text-align: left;
    width: 150px;
}

body form.postAComment input,
    body form.postAComment textarea {
    margin: 0;
    width: auto;
}

body form.postAComment textarea { font-family: Arial, Helvetica, sans-serif; font-size: 1em; }

body form.postAComment br { clear: left; }

#careerslogo {
    margin: 20px 0 0 12px;
}

#getTextHelp {
    margin: 10px 0 0 44px;
}

/*----- EST FORMS generic styles -----*/

form.estForm ol {
    list-style: none;
    padding: 0;
}

    form.estForm label {
        display: block;
        float: left;
        width: 150px;
    }

    form.estForm input {
        width: 200px;
    }

    form.estForm input.submit {
        width: auto;
    }

/***** NOSCRIPT text *****/

p.warning {
    background-color: #fff;
    border: 3px solid red;
    color: #000;
    margin: 1em;
    padding: 1em;
}

    p.warning a {
        color: #000;
        font-weight: bold;
        text-decoration: underline;
    }

    p.warning a:hover {
        color: #8368B9;
    }