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 { margin: 0 20% 0 150px; min-width: 0; } /* min-width fixes IE7 */
#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: 35px; color: #000; }

#tRelated div.poll { padding: 0; }

.tAd { margin-bottom: 10px; }
.tAd .policy { font-size: .8em; margin-top: -3px; }

#tTrail { font-size: .9em; background: #eee url(/wres/template/corner-tr.gif) no-repeat 100% 0; width: 99%; margin: 0 -.2em; }
#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%; }

div.tCol1 { float: left; width: 49.5%; margin-right: 1%; }
div.tCol2 { width: auto; margin-left: 50.5%; }
#tContent div.tCol2 div.tBox2 { width: 100%; }

/* corners */
div.roundedBox { background: #ddddca url(/wres/template/corner-tl.gif) no-repeat 0 0; width: 100%; }
div.roundedBox div { background: url(/wres/template/corner-bl.gif) no-repeat 0 100%; } 
div.roundedBox div div { background: url(/wres/template/corner-br.gif) no-repeat 100% 100%; }
div.roundedBox div div div { background: url(/wres/template/corner-tr.gif) no-repeat 100% 0; padding: .5em; }
div.roundedBox div div div div { background: none; padding: 0; }

.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);}

.latestBox { margin-bottom: 1em; }
.latestBox p { margin: 0 0 .6em; }
.latestBox ul, .latestBox ol { margin: 0 0 .6em 18px; }
div.latestBox div div div { padding-bottom: 0.1em; }
strong.latest { text-transform: uppercase; }

/* 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 0; font-weight: bold; }
dl.webpages dt a:link { color: #900; }
dl.webpages dd { margin: 0 0 1em; }
ul.afterHeading { margin-top: .5em; }
.rssFeeds li { margin-left: 10px; padding-left: 5px; list-style-image: url(/wres/icons/rss.png); }
.rssFeeds li a { margin-left: -30px; padding-left: 30px; }
ol.closureList { list-style-type: disc; margin: 0 18px 1.5em; padding: 0; }
ol.closureList li { margin-left: 0; padding-left: 0; }

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

/* 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 */
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: #fff url(/wres/icons/calendar.gif) no-repeat; padding-left: 22px; display: block; }
a.hCard { margin: 8px 0 8px 3px; background: #fff 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; }

/* Only IE4 ignores element and applies id */
ie4only#tTrail, ie4only#tContent { width: 450px ! important; margin-left: -16% ! important; }