body {font-family:  Arial, Helvetica, sans-serif; font-size: 9pt; background-color: white; color: black; margin: 0; padding: 0;}

h1 
a:link    {text-decoration: none; color: blue;}
a:visited {text-decoration: none; color: navy;}
a:hover   {text-decoration: none; color: red;}
img {border-style: none;}
.hide {display: none;}

td.title {background-color: #66ccff; text-align: center; vertical-align: top;}
td.titleleft {background-color: #66ccff; text-align: center; vertical-align: bottom; width: 30;}
td.titleright {background-color: #66ccff; text-align: center; vertical-align: bottom; width: 30;}
td.title h1 {display:inline;}
td.email {background-color: #66ccff; vertical-align: top; text-align:center; font-size: 70%;}
table {margin: 0; padding: 0; border-style: none; border-width: 0; }
td {margin: 0; padding: 0; vertical-align:top;}
th {margin: 0; padding: 0; vertical-align:top;text-align:left; font-weight: bold;}

td.helptext {margin: 0; padding: 30px; vertical-align:top;}

td.main {margin: 0; padding: 10px; vertical-align: top;}
td.features {margin: 0; background-color: #ffffcc; padding: 0px; text-align: center;}
td.features table {font-size:70%; width: 90%; border: solid  black 1px; margin: 5px;}
td.features th {background-color: #ffcc00; text-align: center}
td.features td {padding: 5px; background-color: #ffFFFF;}


table.postcard {display: inline;}
td.postcard {padding: 6px; background-color: white; border-style: solid; border-width: 2px; border-color: black; text-align: center; vertical-align: middle;}

table.users {display: inline;}



table.gallery { margin: 6px; padding: 6px; background-color: white; border-style: solid; border-width: 2px; border-color: black; text-align: center; vertical-align: middle;}

table.gallery td {text-align: center; vertical-align: middle;}
table.gallery th {text-align: center; vertical-align: middle;}

td.features table.checkbox {margin: 0px; padding: 0px; border-style: none; width: 100%;}
table.checkbox td {font-size: 70%; padding: 2px; background-color: #99ccff; vertical-align: middle;}
table.checkbox img {vertical-align: middle;}



table.weblinks {width:100%;}
table.weblinks th {background-color: #ffcc00; font-weight: normal;width:100%;}
table.weblinks th.title {padding: 0.1em 1em;}
table.weblinks a {font-size: 70%;}

table.bigmenu {width:100%; margin: 6;}
table.bigmenu th {font-size: 140%; font-weight: bold; text-align: center;}
table.bigmenu td {font-size: 100%; text-align: center;}
table.bigmenu td.l0 {background-color: #ffffcc;}
table.bigmenu td.l1 {background-color: #ffcc00;}
table.bigmenu td.l0a {background-color: #66ccff;}
table.bigmenu td.l1a {background-color: #ffcc00;}

td.menu {margin: 0; padding: 0; background-color: #66ccff; padding-left: 10px; font-size: 70%; vertical-align:top;}
td.menubg {background-color: #66ccff;}
td.menu a:link {font-weight: normal; text-decoration: none; color: black}
td.menu a:visited {font-weight: normal; text-decoration: none; color: black}
td.menu a:hover {font-weight: normal; text-decoration: none; color: red; background-color: #99ccff;}
td.menu a:hover.nobg {background-color: #66ccff;}
td.menu a:active {font-weight: normal; text-decoration: none; color: black;}
td.menu a:link.current {font-weight: bold;}
td.menu a:visited.current  {font-weight: bold;}
td.menu a:hover.current  {font-weight: bold;}
td.menu a:active.current  {font-weight: bold;}

/*td.menu a:link.submenu {font-weight: bold;}
td.menu a:visited.submenu  {font-weight: bold;}
td.menu a:hover.submenu  {font-weight: bold;}
td.menu a:active.submenu  {font-weight: bold;}
*/
ul.menu {list-style-type: none; margin: 0; padding-left: 0; padding-top: 0;}
ul.submenu {list-style-type: none; margin: 0; padding-left: 10px; padding-top: 0;}
ul.menu li {border-top: solid 1px #66ccff;} /*this border setting gets us round a bug in IE6 which draws a load of vertical space above a nested ul otherwise*/

.shadedmenu {color: #aaaaaa;}


td.externallink {border-top: solid 2px #ccffff; padding-top: 8px; padding-bottom: 8px;}


td.tagline {margin: 0; padding: 10px; background-color: #ffcc00; text-align: center;  font-weight: normal;}
.moderator {font-size: 70%;}
td.copyright {margin: 0; padding: 0px; background-color: #66ccff; text-align: center; vertical-align: middle; font-size: 60%;}
/* th.news {font-weight: bold; text-align: left; border-top: solid 3 #ffcc00; border-bottom: solid 3 #ffcc00; background: white url(graphics/orangebars.gif) right repeat-x;}*/
th.news {font-weight: bold; font-size: 125%; background: #ffffff; text-align: left; white-space: pre; vertical-align: middle; border-bottom:solid 5px #ffcc00;}

th.newsbars {width: 100%;}
table.newsitem {width: 100%; margin-bottom: 3px; margin-top: 3px;}

th.input {text-align: right; vertical-align: top; font-weight: normal; background-color: #ffffcc;}
th.mandatoryinput {text-align: right; vertical-align: top; background-color: #ffcc00;}
.error {color: red; font-weight: bold; display: block;}

a.sectionmenu {font-weight: bold; font-size: 120%;}

table.dbb_database {width: 100%;}
table.dbb_database th {padding: 0.25em; text-align: right; vertical-align: top; font-weight: normal; background-color: #ffffcc;}
table.dbb_database td textarea {padding: 0.25em; width: 100%; height: 4em;}
table.dbb_database th.mandatory {background-color: #ccffcc;}
table.dbb_database td.mandatory {background-color: #eeffee;}

.portal {text-align: center;}
.portal img { border: 0; margin: 20px;}
.portalpiccy { border: solid black thick; width: 167px; height: 167px; text-align: center; vertical-align: bottom;}

.glossary h3 {display: inline;}
/*INPUT {font-family: Arial, Helvetica, sans-serif; font-size: 10pt;}
TEXTAREA {font-family: Arial, Helvetica, sans-serif;font-size: 10pt; width: 500px;}
.forum_title {font-family: Arial, Helvetica, sans-serif; font-size: large;}
.forum {font-family: Arial, Helvetica, sans-serif; font-size: medium;}
.nav {font-family: Arial, Helvetica, sans-serif; font-size: 8pt;}
.info {font-family: serif; font-size: 16pt; font-weight: bold; font-style: italic;}
.notes {font-style: italic; color: red;}
.shaded {background-color: #eeeeff;}
.review {background-color: #eeffee;}
.planning {background-color: #ffeeee;}
*/

div.returns td {background-color: #ffffcc; padding: 0 0.5em}
div.returns th {background-color: #ffffcc; padding: 0 0.5em}
div.returns td.outstanding {background-color: #ffcccc;}
div.returns td.noneoutstanding {background-color: #ccffcc;}
div.returns table#results {width: 100%;}
div.returns tr.mandatorytodo td {background-color: #ffcccc;}
div.returns tr.todo td {background-color: #ffcc00;}
div.returns tr.done td {background-color: #ccffcc;}
div.returns tr.dead td {background-color: #cccccc;}

table.returnsreport {width: 100%;}
table.returnsreport th {height: 1em; background-color: #ffcc00; padding: 0 0.5em; white-space: nowrap; width: 20em;}
table.returnsreport td {background-color: #ffffcc; padding: 0 0.5em;}


table.returnsquestions {width: 100%;}
table.returnsquestions tr.mandatory td {background-color: #ffcc00; padding: 0 0.5em}
table.returnsquestions tr.mandatory th {background-color: #ffcc00; padding: 0 0.5em}
table.returnsquestions  th {text-align: right; padding: 0 0.5em; background-color: #ffffcc; }
table.returnsquestions  td {padding: 0 0.5em; background-color: #ffffcc;}

table.returnsrecord  th {text-align: right; vertical-align: top; padding: 0 0.5em;}
table.returnsrecord  td {padding: 0 0.5em;}
table.returnsrecord  a:link    {text-decoration: none; color: blue;}
table.returnsrecord  a:visited {text-decoration: none; color: navy;}
table.returnsrecord  a:hover   {text-decoration: none; color: red;}

.fullwidth {width: 100%;}
table.answersinput th {text-align: right; vertical-align: top; padding: 0.5em;}
table.answersinput td {padding: 0.5em; margin-top: 8px; border-top: solid black 1px;}
table.answersinput td.noborder {border-top: none;}
table.answersinput tr.nopadding td {padding: 0 0 0 0.5em;}
table.answersinput tr.nopadding th {padding: 0 0.5em 0 0;}
table.answersinput th.left {text-align: left;}

span.searchhighlight {background-color: #ffff00; color: #ff0000; font-weight: bold;}
span.shaded {color: gray;}
div.searchstatistics {width: 100%; background-color: #ffcc00; }
/*div {border: solid red 1px}*/
div.postcards {width: 100%;}

div.postcards a {text-decoration: none; color: black;}
div.postcards a:visited {color: black;}
div.postcards a:hover   {color: black;}
div.postcard { border: solid black 1px; padding: 0px; margin: 8px;  text-align: center;}
div.postcard img{padding: 0px; margin: 0px;}
div.postcardcaption, div.photofilelink  {text-align: right; font-style: italic; font-size: small; padding: 0 0.25em;}

div.sidelinks a
{
 display: block;
 text-align: center;
 margin: 0.5em 0;
}

table.durhamconference th
{
 text-align: center;
 border-bottom: solid 2px #99ccff;
}

table.durhamconference td
{
 text-align: center;
 vertical-align: middle;
 padding: 1em;
 border-bottom: solid 2px #99ccff;
}

table.durhamconference td a
{
 text-decoration: none;
}