/* Basic Global */
body {margin:0;font:0.8em Arial, Helvetica, sans-serif; color:#1d1d1d; background:#fff url(../images/bg_orange.jpg) repeat-x;}
a {color:#cc9933; 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;}

/* Headings */
h1 {font-size:1.6em; padding:0px 0 6px 0; margin:0;}
h2 {font-size:1.5em; color:#cc9933; font-weight: normal; line-height: 1.0em; padding:0 0 10px 0; margin:0;}
h3 {font-size:1.2em; padding:0 0 0px 0; margin:0;}
h4 {font-size:1.0em; color:#927b5d; 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;}
.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:#F27022; width:22em; padding:12px 0 12px 0; color:#f9b891;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 #F27022; 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:#F27022;}
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:#F27022; 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:#F27022;}

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;}
div#welcomeText h1{ padding:9px 0 0 0; margin:0;}
div#trailSnippet {width:300px; float:right;}
div#trailSnippet p{ padding:4px 0 0 0; margin:0;}

/* 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;}
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 -34px no-repeat;}
div.columnorange_title {background:url(../images/columnTitle.jpg) 0 -34px 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; 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 10px 10px; border:4px solid #d9d9d9;}

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:#fce2d3;line-height:28px; color:#2e2e2e;}
ul.subnav li a:hover{ background:#fce2d3;}

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:#F9B892;}
ul.subnav li ul li a:hover{ background:#fce2d3;}

/* 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;}