/* CSS Document */

/* standard tags */
body { position: relative; margin: 0; padding: 0; }
/* standard header */
h1 { margin: -9px -9px 0; padding: 15px 15px 0.5em 23px; text-align: left; letter-spacing: 0.2em; font: bold 24px Verdana, sans-serif; height: 28px; vertical-align: middle; }
/* main content header */
h2 { margin: 1em 0.7em 0.7em; }
/* subsidiary content header */
h3 { margin: 1em 0.7em 0.7em; } 
/* mission statement */
h4 { margin: -9px -9px 0; padding: 12px 6em 1.5em 23px; text-align: left; letter-spacing: 0.2em; font: italic 10px Verdana, sans-serif; height: 20px; vertical-align: middle; }
/* member biographies */
h5 { font: normal 10px Verdana, sans-serif; color: #666; }
/* don't put borders around images acting as hyperlinks */
a img { border: none; }

/* classes */
td.middle { vertical-align: middle; }
p.bold { font-weight: bold; }
.italic { font-style: italic; }
.warning { font-weight: bold; color: #900; }
p.notification, p.answer { color: #900; }
hr.hline { margin: 15px; }
li { padding: 3px 0; }
ul.red { color: #900; }
ul.sc { list-style-type: none; }
td.col1 { position: absolute; left: 50px;  }
td.col2 { position: absolute; left: 80px;  }
td.col3 { position: absolute; left: 330px; }
td.col4 { position: absolute; left: 370px; }
td.col5 { position: absolute; left: 520px; }
td.col6 { position: absolute; left: 963px; }
td.RSS { padding: 0 15px 10px 10px; }
td.top { vertical-align: top; }
p.col { font: 8px Verdana, sans-serif; }
input.center { text-align: center; }
input.smallFont, textarea.smallFont { font: 11px Verdana, sans-serif; padding-left: 2px; }
input.smallFontCenter { font: 11px Verdana, sans-serif; padding-left: 2px; text-align: center; }
input.displayWeekNumber { text-align: center; font-weight: bold; color: #900; }
input.radio { vertical-align: middle; }
img.bottom { vertical-align: text-bottom; }
select.link { font: 11px Verdana, sans-serif; }
select.archive { display: block; position: relative; width: 400px; }
td.archive_select { width: 35%; border: 1px solid black; vertical-align: text-top; padding-bottom: 20px; }
td.archive_select_head { width: 35%; border: none; vertical-align: text-top; }
td.archive_button { width: 15%; border: 1px solid black; vertical-align: middle; padding-left: 10px; padding-bottom: 20px; }
td.archive_button_head { width: 15%; border: none; vertical-align: middle; padding-left: 10px; }
.five { width: 5%; }
.ten { width: 10%; }
.fifteen { width: 15%; }
.twenty { width: 20%; }
.twentyFive { width: 25%; }
.thirty { width: 30%; }
.thirtyFive { width: 35%; }
.forty { width: 40%; }
.fortyFive { width: 45%; }
.fifty { width: 50%; }
.fiftyFive { width: 55%; }
.sixty { width: 60%; }
.seventy { width: 70%; }
.seventyFive { width: 75%; }
.eighty { width: 80%; }
.ninety { width: 90%; }
.fullWidth { width: 100%; }
.red { color: #900; }
.bold { font-weight: bold; }
.boldRed { font-weight: bold; color: #900; }
.center { text-align: center; }

/* divs */
#logo { position: absolute; top: 10px; right: 10px; width: 47px; height: 71px; z-index: 1; }
#menu { position: absolute; top: 10px; left: 5px; width: 130px; font: 11px Verdana, sans-serif; }
#menu a { color: #D9E5A6; text-decoration: none; } /* original text colour #693 amended by request from Phil Jones */
#menu a:hover { background: #693; color: #040; }
#menu_upper a { display: block; text-align: center; font: 1em sans-serif; padding: 9px 9px; margin: 0 0 2px; border: 1px solid #040; }
#menu_lower a { display: block; text-align: center; font: 1em sans-serif; padding: 7px 7px; margin: 0 0 2px; border: 1px solid #040; }
#random_links { position: relative; left: 10px; }

/* CSS popout menu taken from Eric meyer's model  - NOT CONFIGURED FOR THIS MENU YET */
/*
ul { padding: 0; margin: 0; border-bottom: 1px solid silver; font: 1em sans-serif; }
ul li { list-style-type: none; border: 1px solid silver; border-width: 1px 1px 0 3px; position: relative; margin: 0; padding: 0; }
ul ul { display: none; }
ul li:hover > ul { display: block; position: absolute; top: -1px; left: 100%; }
li a { display: block; padding: 5px 7px; text-decoration: none; background: #FFF; }
ul ul { width: 10em; }

#rtnv { position: absolute; top: 6em; right: 0; width: 8em; margin: 0; padding: 0; font-family: Arial, sans-serif; }
#rtnv > ul { width: 9em; margin-left: -1px; font-size: 85%; }
#rtnv ul { border: 1px solid silver; border-width: 0 0 0 1px; }
#rtnv ul li { border-width: 1px 0; border-color: white; padding: 0 0 0 5px; line-height: 1.25em; }
#rtnv ul ul { border-width: 0 1px 1px 1px; border-color: gray silver gray gray; }
#rtnv ul ul li { border-color: #FEFEFC; }
#rtnv li > a { background-color: transparent; padding: 3px; }
#rtnv li:hover { background-color: #EED; }
#rtnv li.sub:hover { margin-left: -10.2em; border: 1px solid gray; background: #DDB; }
#rtnv li.sub:hover > a { color: #330; }
#rtnv li.sub:hover > ul { top: 1.75em; left: -1px; background: #FEFEFC; }
*/

/* div - Google search bar - currently not used
#googleBar
{ position: absolute; width: 150px; height: 50px; top: 385px; left: 5px; font: 9px Verdana, sans-serif; }
*/

/* div - citations */
#citations { position: absolute; top: 500px; left: 5px; width: 130px; font: 9px Verdana, sans-serif; text-align: center; color: #999; }

/* div - content */
#content { position: absolute; top: 5px; left: 145px; right: 5px; font: 11px Verdana, sans-serif; padding: 10px; }
#content p { margin: 0 1em 1em; }
#content h1 { background: #693; color: #040; }
#content h4 { background: #693; color: #040; }

/* div - carbon bites */
#carbon_bites { position: relative; width: 97%; }
#carbon_bites p.title { padding: 10px 0 5px 0; }
#carbon_bites table { width: 100%; border: none; }
#carbon_bites table td { padding: 2px; }
#carbon_bites img { vertical-align: middle; }
td.cb_article { font-size: 0.9em; width: 97%; text-align: left; }

/* standard link colours */
a:link { color: #A13854; text-decoration: none }
a:hover { color: #A13854; text-decoration: underline; }
a:visited { color: #A13854; text-decoration: none; }
a:active { background: #900; color: #FFF; text-decoration: none; }

/* carbon bites */
#carbon_bites a.title { font-weight: bold; }

#random_links a { padding: 0 20px; font: 5em Verdana, Geneva, sans-serif; }
#random_links a:link { color: #DDD; text-decoration: none; }
#random_links a:visited { color: #CCC; text-decoration: none; }
#random_links a:hover { color: #900; background: #FFF; text-decoration: none; }
#random_links a:active { color: #900; text-decoration: none; }

a.partL:link { color: #969; text-decoration: none; font-weight: bold; }
a.partL:visited { color: #99C; text-decoration: none; font-weight: bold }
a.partL:hover { color: #900; text-decoration: none; font-weight: bold; }
a.partL:active { color: #900; text-decoration: none; font-weight: bold; }