h3 { color: #000; }
h4 { color: #69c; }
h5, h6 { color: #5dc8ec; }
h6 { font-weight: bold; font-style: italic; }
hr { height: 1px; color: #000; }
caption {text-align:left; font-weight:bold; }
ul ul { list-style-type: circle; list-style-image: url(/wres/template/bullet-dash.gif); }
ol ol {	list-style-type: lower-roman;}
ol ol ol { list-style-type: upper-roman;}
ol ol ol ol { list-style-type: lower-alpha;}
ol ol ol ol ol { list-style-type: upper-alpha;}
table { border-collapse: collapse; }
th, td { text-align:left; vertical-align: top; padding: .3em; }
kbd { font-style: italic; }
pre { margin-left: .2em; font: normal .9em "Lucida Console", "Courier New", Courier, monospace; }
address { font-style: normal; }
blockquote { text-indent: -.3em; margin-left: 2em; margin-right: 2em; }
q:before, q:after { content: ""; }
cite { font-style: normal; }
textarea, table, kbd { font: normal 1em Arial, Helvetica, sans-serif; }
.noscript { font-weight: normal; font-size: .85em; width: 100%; } /* IE doesn't style noscript element */
.noscript p { margin: .5em .2em; }
.noscript ul { margin: .5em 1.7em; }

/* template elements */
#tSectionBanner { position: absolute; left: 150px; top: 12px; z-index: 0; }

#tSearch { background: url(/wres/template/search.gif) no-repeat 0 27px; padding: 0; height: 100px; width: 149px; position: relative; float: right; margin-top: -5px; z-index: 20000;  }
#tSearch fieldset { width: 133px; }
#tSearch fieldset #tQ { width: 65%; margin: 0; }

#tHelp { font-size: .8em; }

/* sub-menus */
#tMenu ul ul { margin: 0; }
#tMenu ul img { display: inline; margin: 0 6px 0 4px; }
#tMenu ul ul a:link, #tMenu ul ul a:visited, #tMenu ul ul a:hover, #tMenu ul ul a:active { padding-left: 15px; text-indent: -16px; color: #000; background: #cee7ef url(/wres/template/chip-top.gif) no-repeat 100% 0; width: 85.5%; }
#tMenu ul ul a:hover, #tMenu ul ul a:link.tCurrentArea, #tMenu ul ul a:visited.tCurrentArea { color: #000; background-color: #accdb7; }

#tMainCol { width: 80%; float: left; margin: 0 -155px 0 10px; min-width: 0; } /* min-width fixes IE7 */
#tMainCol2 { margin-right: 155px; }
#tContent { width:100%; }
#tContent .contentIndent {margin-left: .2em; }

#tRelated { float: right; width: 19.3%; font-size: .8em; }
#tRelated div.first { background: #C5ECD2 url(/wres/template/also.gif) no-repeat 0 0; padding-top: 40px; color: #000; }
#tRelated p, #tRelated h2 { background: #C5ECD2; margin: 0; padding: .5em .6em 1px; font-weight: bold; color: #003163; letter-spacing: normal; }
#tRelated ul { background: #C5ECD2; margin: -1px 0 0; padding: 0 .6em 1em; border-top: 1px solid #C5ECD2; color: #000; position: relative; }
#tRelated ul li { margin: .5em 0 0 1.2em; padding: .1em 0 0; list-style-image: url(/wres/template/bullet-related.gif);}
#tRelated div { padding: 0; }
#tRelated ul.last { background: #C5ECD2 url(/wres/template/also-curve.gif) no-repeat 0 100%; padding-bottom: 34px; color: #000; }

#tRelated div.az { margin-bottom: 10px; }
#tRelated div.poll { padding: 0; }

#tRelated .pageComment { padding: 10px 10px 0 30px; background: #fff url(/wres/icons/comment.gif) no-repeat 5px center; }
#tRelated .pageEmail { padding: 10px 10px 0 30px; background: #fff url(/wres/icons/email.gif) no-repeat 5px center; }
#tRelated .pageTweet { background: #D3E7F4 url(/wres/icons/sprite.gif) no-repeat 0 0; width: 55px; height: 20px; float: left; margin: 12px 5px 0; font-size: .85em; line-height: 20px; }
#tRelated .pageTweet a { padding-left: 20px; color: #186487; text-decoration: none; display:block; }
#tRelated .pageTweet a:hover { background: url(/wres/icons/sprite.gif) no-repeat 0 -21px; }
#tRelated .pageFB { background: #676CA9 url(/wres/icons/sprite.gif) no-repeat 0 -42px; width: 55px; height:18px; float: left; font-size: .85em; line-height: 18px; margin: 13px 0 0; }
#tRelated .pageFB a { padding-left: 22px; color: #fff; text-decoration: none; }

#tTrail { font-size: .9em; background: #eee url(/wres/template/corner-tr.gif) no-repeat 100% 0; width: 100%; margin: 0 -.2em 0 0; }
#tTrail div { background: url(/wres/template/corner-br.gif) no-repeat 100% 100%; }
#tTrail div div { background: url(/wres/template/corner-tl.gif) no-repeat 0 0; }
#tTrail div div div { background: url(/wres/template/corner-bl.gif) no-repeat 0 100%; padding: .2em .4em;}

#tTrail img { vertical-align: middle; margin-bottom: 2px;}
#tTrail, #tTrail a { background-color: #eee; color: #069; } 
#tTrail ul, #tTrail li { margin: 0; padding: 0; display: inline; line-height: 1.6em; }
#tTrail a { white-space: nowrap; } 

#footer_tTop { margin: 1em 0 .5em 20%; font-size: .7em; text-align: right; clear: both; }
#footer_tTop p { text-align: left; margin: 0; }
#footer_tTop a { padding-left: 15px; background: url(/wres/template/top.gif) no-repeat 0 60%; }

#tContent div.tCol2 div.tBox2 { width: 100%; }

/* corners */
.cornerTR, .cornerTL, .cornerBR, .cornerBL { height: 2px; padding: 0; margin: 0; font-size: .001em; }
.cornerTR { background: url(/wres/template/corner-tr.gif) no-repeat 100% 0; }
.cornerTL { background: url(/wres/template/corner-tl.gif) no-repeat 0 0; }
.cornerBR { background: url(/wres/template/corner-br.gif) no-repeat 100% 100%; clear: both; }
.cornerBL { background: url(/wres/template/corner-bl.gif) no-repeat 0 100%; clear: both; }

div.tBox, div.tBox2, div.topicNav, div.topicNavImage { background: #caeaea url(/wres/template/corner-br.gif) no-repeat 100% 100%; width: 100%; margin: 1em 0; color: #000; }
div.tBox div, div.tBox2 div, div.topicNav div, div.topicNavImage div { background: url(/wres/template/corner-tr.gif) no-repeat 100% 0; }
div.tBox div div, div.tBox2 div div, div.topicNav div div, div.topicNavImage div div { background: url(/wres/template/corner-tl.gif) no-repeat 0 0; }
div.tBox div div div, div.tBox2 div div div, div.topicNav div div div, div.topicNavImage div div div { background: url(/wres/template/corner-bl.gif) no-repeat 0 100%; }
div.tBox div div div, div.tBox2 div div div { padding: .5em; }
div.tBox div div div div, div.tBox2 div div div div { background: none; padding: 0; } /* no more corners */

div.tBox2 { background-color: #ddddca; color: #000; }
div.tBox3 { background-color: #eee; color: #000; }

div.topicNavImage { float: left; margin-top: 0; }
div.topicNavImage img { float: left; display: inline; margin-right: 2em; border-right: 1px solid #fff; }
div.topicNav ul, div.topicNavImage ul { margin: 0 0 0 1em; padding: 1em; color: #900; background-color: #caeaea; }
div.topicNav ul li, div.topicNavImage ul li { margin: 0; padding: .1em 0 0; list-style-image: url(/wres/template/bullet-related.gif);}

div.highlightLinks { background-color: #cee7ef; color: #000; margin-bottom: 1em; }
div.highlightLinks div { width: 100%; }
div.highlightLinks div div div { width: auto; }
div.highlightLinks .highlightOuter { width: 100%; float: right; margin-right: -110px; position: relative; } /* relative fixes rounded corner in IE6/7 */
div.highlightLinks .highlightInner { margin-right: 110px; }
div.highlightLinks h2 { font-size: 1.1em; color: #000; margin-top: 0; }
div.highlightLinks img { float: left; max-width: 100px; }
div.highlightLinks li { list-style-image: url(/wres/template/arrow.gif); margin: 0 0 .3em 20px;  }
div.highlightLinks ul.first, div.highlightLinks ul.second { float: left; width: 43%; margin: 10px 10px 0 0;  }

.latestBox { margin-bottom: 1em; }
.latestBox p, .latestBox h2 { margin: 0 0 .6em; color: #000; }
.latestBox ul, .latestBox ol { margin: 0 0 .6em 18px; }
div.latestBox div div div { padding-bottom: 0.1em; }
strong.latest { text-transform: uppercase; }
.alsoToday { font-weight: bold; }

div.highlightBox { background-color: #ffb; }
div.highlightBox div div div { padding-bottom: 0; }
div.highlightBox h2 { margin-top: 0; }

a.window { background: url(/wres/template/window.gif) right 50% no-repeat; padding-right: 16px; }

/* bars */
#tContent .infoBar { background-color: #caeaea; color: #000; width: 100%; margin: 1em 0; }
#tContent .infoBar, #tContent .infoBar div { overflow: hidden; }
#tContent .infoBar p { margin: .2em .5em; }

div.navbar { font-weight: bold; width: 100%; }
div.navbar select, div.navbar input { width: auto; vertical-align: middle; }
div.navbar a { font-weight: normal; }
#tContent div.navbar input { margin: 0 1em; }

#tContent div.pagingResultsInContext { width: auto; overflow: visible; float: right; }
.pagingPages em { font-style: normal; }

/* lists */
#tContent ul.plain li { list-style-type: none; list-style-image: none; margin: 0 .2em .3em; padding: 0; }
dl.webpages { margin-top: 0; position: static; }
dl.webpages dt { margin: 1em 0 .3em; font-weight: bold; }
dl.webpages dt a:link { color: #900; }
dl.webpages dd { margin: 0 0 1em; }
dl.webpages dd p { margin-left: 0; }
ul.afterHeading { margin-top: .5em; }
ol.closureList { list-style-type: disc; margin: 0 18px 1.5em; padding: 0; }
ol.closureList li { margin-left: 0; padding-left: 0; }
ol.closureList p { margin: 0 0 .2em; }
ol.closureList .closed { font-weight: bold; }

/* maps/imagemaps */
span.map img, img.mapNavigation { margin: .5em 0; }
.zoomIn, .zoomOut { margin-left: 350px; margin-top: 20px; display: block; padding-left: 35px; height: 28px; }
.zoomIn { background: url(/eastsussexcc/pics/icons/zoomin.gif) no-repeat 0 0; }
.zoomOut { background: url(/eastsussexcc/pics/icons/zoomout.gif) no-repeat 0 0; }

/* Progress bar */
.progressBar, .progressBar li {	list-style: none; margin: 0; padding: 0; }
.progressBar li { font-size: 0.9em; float: left; background: url(/wres/navigation/progress-stage.gif) no-repeat; padding: 4px 5px 0 0; width: 85px; height: 22px; color: #fff; font-weight: bold; border-width: 1px; text-align: center; }
.progressBar li.current { background: url(/wres/navigation/progress-current.gif) no-repeat; color: #fff;}
.progressBar { padding-left: 2px; margin: 1em 0; overflow: auto; width: 99%; }
.progressBar em { font-style: normal; }

/* Button nav */
.navigationBar, .navigationBar li {	list-style: none; margin: 0; padding: 0; }
.navigationBar li { font-size: 0.9em; float: left; background: #003264 url(/wres/buttons/button-biggest.gif) no-repeat; color: #fff; font-weight: bold; border-width: 1px; text-align: center; margin-right: 2px; }
.navigationBar li a:link, .navigationBar li a:visited, .navigationBar li em { font-style: normal; color: #fff; text-decoration: none; display: block; padding: 4px .5em 3px; background: url(/wres/buttons/right.gif) no-repeat top right; }
.navigationBar { padding-left: 2px; margin: 1em 0; overflow: auto; width: 99%; }
.navigationBar li.selected {background: #669DD2 url(/wres/buttons/button-biggest-selected.gif) no-repeat; }
.navigationBar li.selected a:link, .navigationBar li.selected a:visited, .navigationBar li.selected em { background: transparent url(/wres/buttons/right-selected.gif) no-repeat right top; }

/* Semantic web */
.openData { list-style: none; margin-left: 0; padding-left: 0;  }
.openData li { margin-bottom: 8px; }
.openData li a { display: inline; }
a.rssFeed { margin: 8px 0 8px 3px; background: url(/wres/icons/rss.png) no-repeat; padding-left: 22px; display: block; }
a.hCal { margin: 8px 0 8px 3px; background: url(/wres/icons/calendar.gif) no-repeat; padding-left: 22px; display: block; }
a.hCard { margin: 8px 0 8px 3px; background: url(/wres/icons/addressbook.gif) no-repeat; padding-left: 22px; display: block; }
a.emailAlerts { margin: 8px 0 8px 3px; background: url(/wres/icons/email.gif) no-repeat; padding-left: 22px; display: block; }
a.rssEmail { margin: 8px 0 8px 3px; background: url(/wres/icons/rss-email.gif) no-repeat; padding-left: 22px; display: block; }
.vevent .uid { display: none; }

/* NHS */
#tRelated .nhsBox { margin: 1em 0; background-color: #047DC4; }
* html #tRelated .nhsBox { margin-top: 0; } /* lose margin to prevent IE6 background bug */
#tRelated .nhsBox div { overflow: hidden; width: 100%; color: #fff;}
#tRelated .nhsBox h2 { background: none; text-align: center; padding: 4px 0; color: #fff; }
#tRelated .nhsBox h2 img { display: block; margin: 0 auto 4px; }
#tRelated .nhsBox ul { background: none; border-top: solid 3px #fff; }
#tRelated .nhsBox ul li { list-style-image: url(/wres/template/bullet-white.gif); }
#tRelated .nhsBox a:link { color: #fff; }
#tRelated .nhsBox a:visited { color: #ddd; }
#tRelated .nhsBox .nhsForm { padding: 10px; }
#tRelated .nhsBox select, #tRelated .nhsBox input { margin-bottom: 10px; }