/* LEWES DISTRICT COUNCIL */

/*-------------------------------------------+
|                                            |
|            MAIN STRUCTURE STYLES           |
|                                            |
+-------------------------------------------*/
html
            {
            font-size:16px;        /* Make sure the default is always 16px */
            height : 100%;
            margin : 0 0 1px;
            padding : 0;
            }             
body
            {
            font-family : arial, helvetica, sans-serif;
            background-color : #ebebeb;
            color : black;
            height : 100%;
            margin : 0 0 1px;
            padding : 0;
            }
.clearFixRight
            {
            clear: right;
            height: 1px;
            font-size: 1%;
            }
.clearFixLeft
            {
            clear: left;
            height: 1px;
            font-size: 1%;
            }
.clearFix
            {
            clear: both;
            height: 1px;
            font-size: 1%;
            }
* html #container
            {
            height : 100%;
            }
#container
            {
            width : 1000px;
            min-height : 100%;
            background : #ffffff;
            text-align : left;
            margin-left : auto;
            margin-right : auto;
            margin-bottom : -19px;
            position : relative;
            border-left : 10px solid #ffffff;
            border-right : 10px solid #ffffff;
            }
a.skipLink
            {
            position : absolute;
            left : -1000em;
            }
#breadcrumb
            {
            font-size : 0.75em;
            color : #666666;
            margin : 0 0 10px 0;
            }
#header
            {
            margin-bottom : 15px;
            padding-top : 5px;
            border-top : 1px solid #8d8d8d;
            height : 66px;
            }
#navlist
            {
            list-style : none;
            padding : 0;
            margin-top : 1%;
            margin-left : 22%;
            margin-right : 0;
            }
#navlist li
            {
            float : left;
            margin : 0 0.4em;
            }
#searchbox
            {
            height : 16px;
            font-size : 0.75em;
            }
#leftcol
            {
            margin : 0;
            width : 185px;
            float : left;
            }
#rightcol
            {
            width : 190px;
            float : right;
            }
#homeContent, #sectionContent, #categoryContent, #mainContent
            {
            margin : 0 200px;
            margin-bottom : 10px;
            width : 594px;
            }
#news-feature
            {
            /*height : 220px;*/
            margin-bottom : 10px;
            overflow : auto;
            }
#homecontent1
            {
            float : left;
            width : 49.2%;
            margin : 5px 0 0 0;
            }
#homecontent2
            {
            float : right;
            width : 49.1%;
            margin : 5px 0 0 0;
            }
.sectioncontent1
            {
            float : left;
            width : 49.6%;
            margin : 10px 0 10px 0;
            }
.sectioncontent2
            {
            float : right;
            width : 49.5%;
            margin : 10px 0 10px 0;
            }
/*NEWSLETTER WIDGET*/    /*Used for Newsletter Sign-Up*/
.newsLetterWidget
            {
            background-color:#ebebeb;
            margin : 0;
            padding : 10px;
            overflow : auto;
            height : 100%;
            }
.newsLetterWidgetPInner
            {
            float : right;
            width : 75%;
            margin-bottom : 10px;
            }
.greyContentBox
            {
            background-color:#ebebeb;
            margin-bottom : 10px;
            padding : 10px;
            overflow : auto;
            }
.whiteContentBox
            {
            margin-bottom : 10px;
            padding : 10px;
            overflow : auto;
            }
.contactBoxPInner
            {
            float : right;
            width : 72%;
            }
.greyContactBox
            {
            background-color:#ebebeb;
            margin : 0 0 15px 0;
            padding : 10px 0px 10px 10px;
            overflow : auto;
            height : 100%;
            width : 584px;
            }
.greyContactBoxInner
            {
            margin-top : 15px;
            }
.contactBoxPhone, .contactBoxPost, .contactBoxEmail
            {
            float : left;
            background-color:#ebebeb;
            width : 28%;
            margin-right : 20px;
            }
#footer
            {
            height : 19px;
            margin-left : auto;
            margin-right : auto;
            position : relative;
            width : 1000px;
            list-style : none;
            padding : 0;
            border-top: 1px dotted #00a65e;
            }
.clearfooter
            {
            height : 19px;
            clear : both;
            }
/*-------------------------------------------+
|                                            |
|                TYPE STYLES                 |
|                                            |
+-------------------------------------------*/
.intro
            {
            font-size : 1em;
            font-weight: 700;
            line-height : 1.5em;
            color : #8D8D8D;
            margin-top : 0;
            }
p
            {
            font-size : 0.75em;
            line-height : 1.5em;
            }
li
            {
            font-size : 0.75em;
            }
dl
            {
            font-size : 0.75em;
            }
dt
            {
            margin-top : 1em;
            }
#introContent
            {
            overflow : auto;
            }
h1
            {
            margin : 0;
            }
h2
            {
            font-size : 1em;
            color : #007bc2;
            }
h3
            {
            font-size : 0.875em;
            color : #007bc2;
            }
h4
            {
            font-size : 0.75em;
            color : #007bc2;
            }
a:link, a:visited, a:active
            {
            color : #00a65e;
            text-decoration : none;
            }
a:hover
            {
            color : #00a65e;
            text-decoration : underline;
            }
hr
            {
            height : 1px;
            color : #cccccc;
            }
.hidden
            {
            display : none;
            visibility : hidden;
            }
.error
            {
            font-size : 1.25em;
            font-weight : 900;
            color : white;
            background-color : red;
            text-align : center;
            margin : 0;
            }
a.content:link, a.content:visited, a.content:active
            {
            color : #00a65e;
            text-decoration : none;
            }
a.content:hover
            {
            color : #00a65e;
            text-decoration : underline;
            }
a.banner:link, a.banner:visited, a.banner:active
            {
            color : #666666;
            font-weight : 700;
            text-decoration : none;
            }
a.banner:hover
            {
            color : #666666;
            font-weight : 700;
            text-decoration : underline;
            }
#news-feature h2
            {
            color : #00a65e;
            margin : 0 0 5px 0;
            font-size : 0.75em;
            }
#news-feature h3
            {
            font-size : 1.25em;
            color : #007bc2;
            }
#news-feature img
            {
            float : left;
            margin-right : 10px;
            }
#homecontent1 h2
            {
            font-size : 0.875em;
            background-color : #ebebeb;
            color : #007bc2;
            margin : 0;
            padding : 10px;
            }
#homecontent2 h2
            {
            font-size : 0.875em;
            background-color : #ebebeb;
            color : #007bc2;
            margin : 0;
            padding : 10px;
            }
#sectionContent h1
            {
            font-size : 1.25em;
            color : #007bc2;
            margin : 15px 0;
            }
#sectionContent h2
            {
            font-size : 0.875em;
            color : #007bc2;
            margin : 5px 0 0 0;
            padding : 10px 10px 0;
            }
#categoryContent h1
            {
            font-size : 1.25em;
            color : #007bc2;
            margin : 15px 0;
            }
#categoryContent h2
            {
            font-size : 0.875em;
            color : #007bc2;
            margin : 5px 0 0 0;
            padding : 10px 10px 0;
            background-color : #ebebeb;
            }
#categoryContent p
            {
            background : #ebebeb;
            margin : 0 0 0 0;
            padding : 10px;
            list-style : none;
            line-height : 1.5em;
            }
#mainContent h1
            {
            font-size : 1.25em;
            color : #007bc2;
            margin : 15px 0;
            }
#mainContent h2
            {
            
            }
#mainContent li
            {
            line-height : 1.5em;
            }
#leftcol h2
            {
            color : #ffffff;
            background-color : #00a65e;
            margin : 15px 0 0 0;
            padding : 2px 3px;
            font-size : 0.75em;
            line-height : 1.5em;
            clear : both;
            }
#rightcol h2
            {
            color : #ffffff;
            background-color : #00a65e;
            margin : 15px 0 0 0;
            padding : 2px 3px;
            font-size : 0.75em;
            line-height : 1.5em;
            clear : both;
            }
h2.box-nomargin
            {
            color : #ffffff;
            background-color : #00a65e;
            margin : 0;
            padding : 2px 3px;
            font-size : 0.75em;
            line-height : 1.5em;
            clear : both;
            }
.sideColumnBox
            {
            background : #ebebeb;
            margin : 0;
            padding : 10px;
            list-style : none;
            line-height : 1.5em;
            }
.newsLetterWidgetPInner p
            {
            margin : 0;
            }
h2.contentBox           
            {
            font-size: 1em;
            color: #007bc2;
            margin: 0;
            }
h3.contentBox        
            {
            font-size: 0.875em;
            color: #007bc2;
            margin: 0;
            }
.contactBoxPhone p
            {
            font-size : 1em;
            margin-top : 10px;
            }
.contactBoxPost p
            {
            margin : 0;
            }
.grey
            {
            background-color : #ebebeb;
            }
.servicestatus
            {
            color : #ffffff;
            background-color : #ff0000 !important;
            margin : 15px 0 0 0;
            padding : 2px 3px;
            font-size : 0.75em;
            line-height : 1.5em;
            clear : both;
            }
/*-------------------------------------------+
|                                            |
|               IMAGE STYLES                 |
|                                            |
+-------------------------------------------*/
img
            {
            border : 0;
            }
.logo
            {
            float : left;
            padding : 0 0 0 0;
            }
.directgov
            {
            float : right;
            margin-top : 1%;
            }
.thumbnail
            {
            float : left;
            margin-right : 10px;
            border : 0;
            }
.rssLink
            {
            float: right;
            color: #ff6633;
            }
img.bodycopy
            {
            float : right;
            margin : 0 0 15px 10px;
            }
img.floatright
            {
            float : right;
            }
.newsLetterWidget img
            {
            float : left;
            }
.contactBoxPhone img
            {
            float:left;
            margin-right : 10px;
            }
.contactBoxPost img
            {
            float:left;
            margin-right : 10px;
            }
.contactBoxEmail img
            {
            float:left;
            margin-right : 10px;
            border : 0;
            }
/*-------------------------------------------+
|                                            |
|                LIST STYLES                 |
|                                            |
+-------------------------------------------*/
#mainMenu ul li
            {
            border-bottom : 1px solid #ffffff;
            background-color : #00a65e;
            list-style-image : none;
            list-style-position : outside;
            list-style-type : none;
            margin : 0;
            padding : 0;
            text-indent : 0;
            width : 185px;
            line-height : 1.5em;
            }
#mainMenu ul li a
            {
            background : #8d8d8d none no-repeat scroll left center;
            border-left : 2px solid #ffffff;
            color : #ffffff;
            display : block;
            font-weight : bold;
            margin-left : 7px;
            padding : 2px 0 2px 7px;
            text-decoration : none;
            width : 169px;
            }
#mainMenu a:hover
            {
            background-color : transparent;
            }
#mainMenu ul
            {
            padding : 0;
            margin : 0 0 10px;
            }
#mainMenu li
            {
            color : #000000;
            }
ul#newslist
            {
            clear : none;
            display : block;
            list-style-type : none;
            margin : 5px 0 5px 0;
            padding : 0;
            width : 99%;
            }
ul#newslist li
            {
            background-color : #ebebeb;
            margin-bottom : 10px;
            padding : 5px 5px 10px;
            height : auto;
            min-height : 50px;
            line-height : 1.5em;
            }
#homecontent1 ul
            {
            background-color : #ebebeb;
            padding-bottom : 10px;
            line-height : 2.5em;
            list-style-type : square;
            list-style-position : inside;
            margin : 0 0 15px 0;
            padding : 0 10px 10px 10px;
            }
#homecontent2 ul
            {
            background-color : #ebebeb;
            padding-bottom : 10px;
            line-height : 2.5em;
            list-style-type : square;
            list-style-position : inside;
            margin : 0 0 15px 0;
            padding : 0 10px 10px 10px;
            }
#sectionContent ul
            {
            list-style-type: square;
            list-style-position: inside;
            line-height: 2.5em;
            margin: 0;
            padding: 10px;
            }
#categoryContent ul
            {
            clear : none;
            display : block;
            list-style-type : none;
            margin : 0;
            padding : 0;
            width : 99%;
            }
#categoryContent li
            {
            background-color : #ebebeb;
            margin-bottom : 10px;
            padding : 0;
            height : auto;
            min-height : 50px;
            font-size : 1em;
            }
#categoryContent a:link, a:visited, a:active
            {
            color : #00a65e;
            text-decoration : none;
            }
#categoryContent a:hover
            {
            color : #00a65e;
            text-decoration : underline;
            }
ul#contentlist
            {
            clear : none;
            display : block;
            list-style-type : none;
            margin : 0;
            padding : 0;
            width : 99%;
            }
ul#contentlist li
            {
            background-color : #ebebeb;
            margin-bottom : 10px;
            padding : 0;
            height : auto;
            min-height : 50px;
            font-size : 1em;
            }
#footer ul
            {
            display : inline;
            float : right;
            list-style-type : none;
            margin : 0;
            padding : 5px 0 0 0;
            }
#footer li
            {
            float : right;
            margin : 0 0.4em;
            }
a.footer:link, a.footer:visited, a.footer:active
            {
            color : #666666;
            font-weight : 700;
            text-decoration : none;
            }
a.footer:hover
            {
            color : #666666;
            font-weight : 700;
            text-decoration : underline;
            }
.reddot
            {
            font-size : 0.75em;
            color : #696969;
            background-color : #fff0f5;
            }
.green
            {
            color : #00a65e;
            font-size : 0.75em;
            font-weight : 700;
            }            
                
/*-------------------------------------------+
|                                            |
|                FORM STYLES                 |
|                                            |
+-------------------------------------------*/
form
            {
            margin : 0;
            }
.formContainer
            {
            border-color : #00a65e;
            border-style : dashed;
            border-width : 5px;
            padding : 10px;
            }
.formElement
            {
            background-color:#ebebeb;
            padding : 10px;
            margin-bottom : 10px;
            }
.formLabel
            {
            float:left;
            width:120px;
            font-weight:bold;
            margin-top:2px;
            }
tr.lightGrey
            {
            background-color:#ebebeb;
            }
            
/*-------------------------------------------+
|                                            |
|               TABLE STYLES                 |
|                                            |
+-------------------------------------------*/
table
            {
            border-collapse : collapse;
            }
td
            {
            font-size : 0.75em;
            }
.tablewidthfull        {
            width : 97%;
            border : 0px;
            /* font-size : 0.75em; */
            vertical-align : top;
            }
.bordertable
            {
            border : 1px solid #00a65e;
            /* font-size : 0.75em; */
            }
.bordertable td
            {
            border : 1px solid #00a65e;
            padding : 6px;
            }
table.stdtable
            {
            border : 1px solid #00a65e;
            width : 97%;
            margin : auto;
            border-collapse : collapse;
            /* font-size : 0.75em; */
            }
table.stdtable td
            {
            border : 1px solid #00a65e;
            padding : 4px;
            vertical-align : top;
            }
.tablenoborder
            {
            /* font-size : 0.75em; */
            border : 0px;
            }
.TableHead
            {
            font-weight : bold;
            color : #00a65e;
            background-color : #ffffff;
            }
.greentable
            {
            color : #00a65e;
            background-color : #ebebeb;
            }
.twocoltable
            {
            font-family : Arial, Helvetica, sans-serif;
            color : #000000;
            background-color : #ffffff;
            width : 70%;
            margin-left : auto;
            margin-right : auto;
            }
.bordertablewasterecyc
            {
            border : 1px solid #00a65e;
            background-color : #ebebeb;
            }
.bordertablewasterecyc td
            {
            border : 1px solid #00a65e;
            padding : 6px;
            }
.twentypercent
            {
            width : 20%;
            }
.fortypercent
            {
            width : 40%;
            }
.coutaxnarrow
            {
            text-align : right;
            width : 10%;
            height : 16px;
            }
.coutaxwider
            {
            text-align : left;
            width : 19%;
            height : 16px;
            }
.coutaxcentre
            {
            text-align : center;
            width : 10%;
            height : 16px;
            }
.cllrtable
            {
            text-align : center;
            width : 44%;
            margin-left : auto;
            margin-right : auto;
            border : 0;
            }
.minirecyctable
            {
            width : 60%;
            border : 1px;
            background-color : #ebebeb;
            }
.minirecycgreen
            {
            background-color : #32cd32;
            width : 50%;
            }
.minirecycorange
            {
            background-color : #ff6347;
            width : 50%;
            }
.electionstable
					 	{
						border : 0px;
						width : 550px;
						}
.electionscolour
						{
						width : 10px;
						}
.electionsparty
						{
						height : 40px;
						}
.electionsseats
						{
						width : 100px;
						height : 40px;
						}
.electionsconservative
						{
						background-color : #0000ff;
						height : 40px;
						text-align : left;
						}
.electionsgreen
						{
						background-color : #008000;
						height : 40px;
						text-align : left;
						}
.electionsindependent
						{
						background-color : #fffaf0;
						height : 40px;
						text-align : left;
						}
.electionslabour
						{					
						background-color : #ff6347;
						height : 40px;
						text-align : left;
						}
.electionslibdem
						{					
						background-color : #ffd700;
						height : 40px;
						text-align : left;
						}
.electionstradeunion
						{
						background-color : #dcdcdc;
						height : 40px;
						text-align : left;
						}
.electionsukip
						{
						background-color : #8b008b;
						height : 40px;
						text-align : left;
						}
.electionsjointlyheld
						{
						background-color : #808080;
						height : 40px;
						text-align : left;
						}