/* Basic Global */
body {margin:0;font:75% Arial, Helvetica, sans-serif; color:#1d1d1d; background:#fff url(../images/bg_blue.jpg) repeat-x;}
a {color:#1d1d1d; text-decoration:underline;}
a:hover { text-decoration:none;}
strong {color:#1d1d1d;}
img { border:none;}
p {padding:0 0 0 0; margin:0 0 12px 0;}
hr { clear:both; display:block; height:1px; border-top:none; border-left:none; border-bottom:1px solid #d9d9d9; border-right:none; padding:0; margin:20px 0 20px 0;}

/* Headings */
h1 {font-size:1.6em; padding:0px 0 6px 0; margin:0;}
h2 {font-size:1.5em; font-weight: normal; padding:0 0 10px 0; margin:0;}
h3 {font-size:1.2em; padding:0 0 0px 0; margin:0;}
h4 {font-size:1.0em; margin:0 0 4px 0; padding:0;}
h5, h6 {font-size:1.0em; color:#fff; margin:0 0 4px 0; padding:0;}

/* Global Classes */
.clearer { clear:both; height:20px; overflow:hidden;}
.align_left { float:left;}
.align_right { float:right;}
.white { color:#fff;}
.blue { color:#00baf0;}
.green { color:#8dc63f;}
.orange { color:#f27022;}

#graphics_change{display:none;}

.more_blue { padding:3px; background:#00baf0; color:#fff; font-size:0.9em;}
.more_orange {padding:3px; background:#f27022; color:#fff; font-size:0.9em;}
.more_green {padding:3px; background:#8dc63f; color:#fff; font-size:0.9em;}

/* Containers */
div#page_container { width:990px; margin:0 auto;}
div#header_container { width:990px; margin:0 auto; position:relative; height:508px;}
div#subheader_container1 { width:990px; margin:0 auto; margin-bottom:30px; position:relative; height:282px; background:url(../media/images/headers/001.jpg) no-repeat 0 29px;}
div#subheader_container1 h1{font-family: "Trebuchet MS", sans-serif; font-size:3.0em;color:#474747; font-weight: normal;position:absolute; top:235px; left:15px; border-bottom:18px solid #e5e5e5; margin:0; padding:0 0 3px 0; width:960px;}
div#subheader_container2 { width:990px; margin:0 auto; margin-bottom:30px; position:relative; height:282px; background:url(../media/images/headers/002.jpg) no-repeat 0 29px;}
div#subheader_container2 h1{font-family: "Trebuchet MS", sans-serif; font-size:3.0em;color:#474747; font-weight: normal;position:absolute; top:235px; left:15px; border-bottom:18px solid #e5e5e5; margin:0; padding:0 0 3px 0; width:960px;}
div#content_container { width:960px; margin:0 auto; line-height:16px;}
div#counter { width:277px; height:98px; position:absolute; right:0; top:205px;}

/* Header Elements */
div.accessibility { background:#00baf0; width:22em; padding:12px 0 12px 0; color:#80ddf8;position:absolute; right:15px; top:0; font-weight:bold;}
div.accessibility span{ display:block; padding:0 0 2px 18px;font-size:1.4em;}
div.accessibility ul{ margin:0; padding:0;font-size:1.0em;}
div.accessibility ul li{ list-style:none; display:inline; padding:0 0 0 18px;}
div.accessibility ul li a{ color:#fff;}

div.logo { width:208px; height:170px; position:absolute; left:12px; top:40px; z-index:100;}
div.phone { width:480px; height:50px; background:url(../images/telbg.png) no-repeat right; z-index:100; font-size:2.0em; color:#343434; line-height:50px; text-indent:245px;position:absolute; right:0; top:80px; font-weight:bold;}
div.phone span{font-weight:normal;}

div#naviagtion { position:absolute; top:152px; right:15px; border-top:6px solid #00baf0; z-index:100;}
div#naviagtion ul{ margin:0; padding:0; font-size:1.1em; text-align:center; z-index:1000;position:relative;}
div#naviagtion ul li{ list-style:none; float:left; position:relative;}
div#naviagtion ul li a{ color:#fff; text-decoration:none; float:left; font-weight:bold; padding:10px 34px 8px 35px;}
div#naviagtion ul li a.color{ background:#00baf0;}
div#naviagtion ul li a.alt1{ background:#474747;}
div#naviagtion ul li a.alt2{ background:#5c5c5c;}
div#naviagtion ul li a.alt3{ background:#707070;}
div#naviagtion ul li a.alt4{ background:#848484;}
div#naviagtion ul li a:hover.color, div#naviagtion ul li a:hover.alt1, div#naviagtion ul li a:hover.alt2, div#naviagtion ul li a:hover.alt3, div#naviagtion ul li a:hover.alt4 { background:#00baf0; text-decoration:underline;}

div#naviagtion ul li ul{ margin:0; padding:0; position:absolute; top:34px; left:0; text-align:left; background:#474747; border-right:3px solid #474747; border-bottom:3px solid #474747; border-left:3px solid #474747;}
div#naviagtion ul li ul li{ list-style:none; padding:0; margin:0;z-index:1200;}
div#naviagtion ul li ul li a{ padding:7px 24px 7px 10px; font-weight:normal; font-size:0.9em; margin:0;width:220px; clear:both;background:#5c5c5c; color:#fff; border-bottom:1px solid #474747;}
div#naviagtion ul li ul li a:hover{background:#00baf0;}

div#naviagtion li.open a{color:#fff; z-index:10;}
div#naviagtion li.open li a{background:#5c5c5c; color:#fff; border-bottom:1px solid #474747;}

div#naviagtion li ul {display:none;}
div#naviagtion li.open ul {display:block;}
div#naviagtion li.hover ul {display:block;}

/* Flash Elements */
div#fl_index { width:990px; height:440px; margin:0 auto; position:absolute; top:67px; z-index:0;}

/* Homepage Elements */
div#welcomeText { width:630px; float:left; position:relative; line-height:18px;}
div#welcomeText h1{ padding:9px 0 15px 0; margin:0;}
div#trailSnippet {width:300px; float:right;}

/* Column Titles */
div.columnmain_title { width:300px; height:34px; color:#fff; font-weight:bold; background:url(../images/columnTitle.jpg) 0 0 no-repeat; line-height:34px; font-size:1.4em; text-indent:10px; margin:0 0 10px 0;}
div.columnblue_title, div.columnorange_title, div.columngreen_title {width:300px; height:27px; color:#fff; font-weight:bold; background:url(../images/columnTitle.jpg) 0 0 no-repeat; line-height:27px; font-size:1.2em; text-indent:8px;}
div.columnblue_title {background:url(../images/columnTitle.jpg) 0 -88px no-repeat;}
div.columnorange_title {background:url(../images/columnTitle.jpg) 0 -64px no-repeat;}
div.columngreen_title {background:url(../images/columnTitle.jpg) 0 -91px no-repeat;}

/* Home Columns */
div.home_columnL { width:300px; float:left; margin:0 30px 0 0; padding:0 0 20px 0; overflow:hidden;}
div.home_columnM { width:300px; float:left; margin:0 30px 0 0; padding:0 0 20px 0; overflow:hidden;}
div.home_columnR { width:300px; float:left; margin:0 0 0 0; padding:0 0 20px 0; overflow:hidden;}
div.home_columnL h2, div.home_columnM h2, div.home_columnR h2{ color:#343434; font-weight:bold; padding:0 0 8px 0; margin:0;}
div.home_columnL img, div.home_columnM img, div.home_columnR img{ padding:2px; margin:0 0 12px 0; border:4px solid #d9d9d9;}

/* Sub Column Columns */
div#Subcolumn { width:300px; float:left; margin:10px 0 30px 0; }
div#SubContent { width:630px; float:right; margin:10px 0 30px 0; line-height:17px;}
div#SubContent img{ padding:2px; margin:0 10px 5px 0; border:4px solid #d9d9d9;}

div#SubContent blockquote { background:#f6f6f6; padding:15px; border:1px solid #ececec; margin:10px 0; overflow:hidden; font-weight:bold; font-style:italic;}
span.startquote { width:22px; height:18px; float:left; background:url(../images/start-quote.jpg) no-repeat 0 0; margin:0 5px 0 0;}
span.endquote { width:22px; height:18px; float:right; background:url(../images/end-quote.jpg) no-repeat 0 0; margin:0 0 0 5px;}

ul.subnav { margin:0; padding:0;}
ul.subnav li{ list-style:none; float:left; width:300px;text-indent:10px; overflow:hidden;font-weight:bold;}
ul.subnav li.title{ background:#CCF0FC;height:28px; line-height:28px; color:#2e2e2e;}
ul.subnav li.divider { width:300px; height:1px; background:url(../images/dot_div.jpg) repeat-x; overflow:hidden; float:left;margin:2px 0 2px 0; }
ul.subnav li a{float:left; width:300px;padding:0; line-height:28px; color:#2e2e2e; text-decoration:none; overflow:hidden; height:28px;}
ul.subnav li a:hover{ background:#CCF0FC;}

ul.subnav { margin:0; padding:0;}
ul.subnav li{ list-style:none; float:left; width:300px;text-indent:10px; overflow:hidden;font-weight:bold;}
ul.subnav li.divider { width:300px; height:1px; background:url(../images/dot_div.jpg) repeat-x; overflow:hidden; float:left;margin:2px 0 2px 0; }
ul.subnav li a{float:left; width:300px;padding:0; line-height:28px; color:#2e2e2e; text-decoration:none; overflow:hidden; height:28px;}
ul.subnav li a.title{ background:#CCF0FC;line-height:28px; color:#2e2e2e;}
ul.subnav li a:hover{ background:#CCF0FC;}

ul.subnav li ul {margin:0; padding:0}
ul.subnav li ul li a{float:left; width:285px;padding:0 0 0 15px; line-height:28px; color:#2e2e2e; text-decoration:none; overflow:hidden; height:28px;}
ul.subnav li ul li a.title{ background:#81DCF9;}
ul.subnav li ul li a:hover{ background:#CCF0FC;}

/* Footer Elements */
div#footer_notice { background:#ccc; clear:both; width:940px; margin:0 auto; padding:0 10px 0 10px; height:32px; line-height:32px;color:#474747;}
div#footer_notice a{color:#474747;}

div#footer_logos { width:960px; margin:0 auto; padding:30px 0 30px 0;}
div#footer_logos a span{ display:none;}
div#footer_logos a#lottery{ width:375px; height:63px; background:url(../images/logo_lottery.jpg) no-repeat 0 0; display:block; float:left;}
div#footer_logos a:hover#lottery{ background:url(../images/logo_lottery.jpg) no-repeat 0 -63px;}
div#footer_logos a#essex{ width:148px; height:63px; background:url(../images/logo_council.jpg) no-repeat 0 0; display:block; float:left;}
div#footer_logos a:hover#essex{ background:url(../images/logo_council.jpg) no-repeat 0 -63px;}
div#footer_logos a#basildon{ width:189px; height:63px; background:url(../images/logo_basildonCouncil.jpg) no-repeat 0 0; display:block; float:left;}
div#footer_logos a:hover#basildon{ background:url(../images/logo_basildonCouncil.jpg) no-repeat 0 -63px;}
div#footer_logos ul.address { margin:0; padding:10px 0 0 0; text-align:right;}
div#footer_logos ul.address li{list-style:none;}

/* Form and Validation */
div.errorMessage {display: block;font: 12px/20px Arial, Helvetica, sans-serif;color:#fff;margin:4px 0 1em 0;padding:8px;background:#ca0000;}
#formcontainer {padding:15px; margin:0; width:600px; background:#f6f6f6;}
#formcontainer h1 { margin:0; padding: 0px; font-size: 1.1em; }
#defaultform form { padding:0; margin:0; border:0; }
#defaultform form fieldset { border: 0px #d6d6d6 solid; margin:0px; padding:2px; }
#defaultform form li { padding:6px; vertical-align: top; list-style: none; margin: 0 0 3px 0; background:#f1f1f1; }
#defaultform form li:hover { background:#EFEFEF;}
#defaultform form ol { margin: 0; padding: 0; }
#defaultform form legend { color: #555555; font-weight: bold; border: 0px; margin:0; padding:0;}
#defaultform form label {display: block;line-height: 1.8;vertical-align: top;width:210px;float: left;text-align: right;margin-right:10px;font-weight:bold;}
#defaultform form em {font-style: normal;color: #FF0000;}
#defaultform form fieldset input, textarea, select, file {width:240px;border: 1px solid #d6d6d6;padding:4px;color: #333;font:9pt Arial, Helvetica, sans-serif;background-color: #fff;}

#defaultform form input:focus, textarea:focus { background: #fff; color: #000;}
#defaultform .buttonsubmit { width:98px; height:25px; border:0px; background:#00B9F1; color:#fff; border:1px solid #00B9F1; cursor:pointer;}
#defaultform .buttonsubmit:hover {background:#00B9F1; border:1px solid #6FE0FF;}

.require { color:#ca3a34; font-weight:bold;}