/* CSS Document

Colours Library
Dark Blue #172743
Light Blue #6887A0
Brown #463B2A
Olive Green #888c51
Green #90B187
Dark Green #5c7257
Text #444
------------------------------*/

/* Neutralize styling: Elements we want to clean out entirely: */
html, body, form, fieldset, ul { margin: 0; padding: 0;}

/* Neutralize styling: Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ol, dl, address { margin: 0.7em 0 0 0; padding: 0;}

/* Apply left margin: Only to the few elements that need it: */
dd, blockquote {margin-left: 3em;}


/*General Rules for all pages: mainly font size, colours...
-----------------------------------------------------------*/
body {color: #444; font: 62.5% Georgia,"Times New Roman", Times, serif; background:#fff url(../images/bkg.gif) left top repeat-y; }

h1, h1 a, .postdate {color: #463B2A;}
h1 {font-size: 235%;  font-weight: lighter;}
h2 {font-size: 200%; font-weight: lighter; color:#888c51;}
h3 {font-size:180%; font-weight: normal; color: #463B2A;}
h4 {font: 130% "Lucida Grande",Arial, Verdana, san-serif; text-transform:uppercase; font-weight: bold; color: #555;}
p, li, dt, dd {font-size: 138%; line-height: 1.45;}
li li { font-size: 100%; }
dt {color:#172743; font-weight: bold; font-size:138%; }
dd {margin: 0 0 1em 3em;}
input, select, textarea {font-size: 100%;}

/* Miscellaneous conveniences:
------------------------------*/
li { list-style:none; }
form label {cursor: pointer;}
fieldset {border: none;}
acronym {border-bottom:1px dotted #555; cursor:help; font-size:90%;}
img.divider {align: center; margin-top: 2em; margin-bottom: 2em;}

#blurb, .highlight {color:#6887A0; font-style:italic; margin-bottom:3em; } /* .hightlight is for ??? */
.clearboth { clear: both;}

.left {float: left; margin: 0 0.7em 0 0;}
.right {float: right; margin: 0 0 0 0.7em;}

#access {width:84em; text-align: right; padding-bottom: 2em;}
#access a {color:#777; font:0.9em "Lucida Grande", "Arial", "Verdana", san-serif;}

#sectionhead {text-transform: capitalize; color: #463B2A;}

iframe {border: 0;}

/* General links
------------------------------*/
a {color: #172743; text-decoration:none;}
a:hover { color:#6887A0 ; }
a img, h1 a, h2 a, h3 a {border:0;}

#maincol a {border-bottom:1px dotted #172743;}
#maincol a:hover {border-bottom: 1px dotted #6887A0;}

/* Page Layout Identifiers
------------------------------*/
#topwrapper {width:90em;}
#navcol, #wrapper, #maincol, #sidecol {float:left; }
#navcol {width:15em; margin-left:5em; text-align:right; display: inline; }
#wrapper { width: 66em; margin-left: 3em; padding-bottom:3em;}
#maincol {width:43em; }
#sidecol {width: 15em; margin-left:3em; }


#footer {width: 82em; clear:left; margin-left:5em;}

/* Main Navigation
------------------------------*/
#navcol img {margin-right:1.5em;}
#navcol p {color: #172743; font-style:italic; margin-bottom: 1.5em;}
div#navcol ul {width:15em; font:100% "Lucida Grande",Arial, Verdana, san-serif; background: #fff; }
div#navcol li {position:relative; list-style:none; border-bottom:1px solid #888c51; margin: 0;}
div#navcol ul ul {position:absolute; top:-1px; left: 100%; border:1px solid #888c51; border-bottom:0; display: none;}
div#navcol li a { display: block; color: #888c51; padding:0.3em 0.2em 0.3em 0; width:11em; }
div#navcol ul ul a { width: 14.8em;}
div#navcol ul a:hover {color:#fff; background-color: #888c51;}
div#navcol ul.level1 li.submenu:hover ul.level2 { display: block; }
div#navcol ul.level2 li.submenu:hover ul.level3 { display: block; }
div#navcol ul.level1 {padding-bottom: 7em;}/*A bit more space at the bottom*/

/* if I want to show which links have nested links:
div#navcol ul.level1 li.submenu {background:url(../images/listimg.png) right 1em no-repeat; padding-right:8px;} */


/* List Styles
------------------------------*/
#maincol li, #extras li, #sidecol li {background: url(../images/listimg.png) left 8px no-repeat; padding-left: 1em; line-height:1.7em;}

/* Side Column
------------------------------*/
#sidecol p, #sidecol a {color:#666; line-height:1.2; }
#sidecol h4 { color:#90B187; margin-top:1em; border-top: 2px solid #90B187; border-bottom: 1px solid #90B187; padding: 0.3em 0; font-weight: 900;}

/* Extras Section
------------------------------*/
#extras {width: 84em; clear:left; margin-left:5em; color: #fff; float: left;}
.extrascol {float:left; min-height: 290px;}
#first { width: 9em; margin-left: 1em;}
#second, #third, #fourth { width: 16em; margin-left: 3em; padding-left: 3em; background: url(../images/divider.png) left top repeat-y; }

#extras {background:#90B187 url(../images/left.png) no-repeat left top; }
#extras div.inner { background: url(../images/right.png) right top no-repeat; min-height:330px;
padding: 2em;}/*to save problems with IE and paddings*/

#extras h3 { text-indent: -5000px; width: 196px; height: 30px; background: url(../images/next.jpg) left top no-repeat; margin: 0.2em 0 0.8em;}
#extras h4 { color: #5c7257; }
#extras li { background-image: url(../images/listimg_white.png); }
#extras a { color: #fbfbfb; }
#extras a:hover { color: #5c7257; }
#extras #hdrss {background:url(../images/feedsicon.png) left 3px no-repeat; padding-left:1.8em;}

/* Footer navigation
------------------------------*/
#footer { padding: 5em 0;}
#footer a {color:#666; font: 90% "Lucida Grande", "Arial", "Verdana", san-serif;}
#footer .linklist li {display:block; float: left; margin-right: 5px; }
#footer .linklist li a {border-right:1px solid #888; padding-right:5px;}

/* Contact Form
------------------------------*/
#enquiryform {width:30em; font-family: "Lucida Grande", "Arial", "Verdana", san-serif; font-size: 120%; font-weight: lighter; color: #90B187;}
#enquiryform #Name, #enquiryform #Email, #enquiryform #Enquiry {width:100%;}

/* Newsletters
------------------------------*/
#newsletters li {background: none; padding:0; margin-top: 1em;}
#newsletters li li {background: url(../images/listimg.png) 1em 7px no-repeat; padding-left: 2em; margin-top:0;}
.newsletter a {font-weight: bold; color:#6887A0;}

/* Staff, members, affilations...
------------------------------*/
.team {clear:left; float:left; width: 43em; }
.team dl {margin-bottom: 2em; padding: 0; float:left; width: 43em;  display: inline; /* IE/win double margin fix */}
.team dl dt {margin: 0; padding: 0; float: right; width:23em; color:#172743; font-weight: bold;}
.team dl dd {margin: 0; padding: 0;}
.team dl dd {margin-left: 110px;}
.team dl dd.position {font-weight: bold; font-style:italic;}
.team dl dd.pic img {float:left; margin-top:4px; padding: 0 5px 5px 0; background: url(../images/shadow.png) right bottom no-repeat; }
.team dd.pic {width:90px; margin-left: 0; float: left;}

/* changed the sponsors page */
dl.info dt {display: block; float: left; clear: left;}
dl.info dd {margin-left: 100px; clear: right;}

/*Comments Form
------------------------------*/
#txpCommentInputForm { width: 70%; clear: right; height: 1%; display: block;}
#txpCommentInputForm label { display: block;  }
#name, #email, #web, #message { display: block; width: 100%;}
#txpCommentInputForm #remember { float: left; }
#preview { float: right; }

/*Litebox Photo Galleries
------------------------------*/
#maincol div.litebox a {border-bottom: 0;}
div.litebox a img.liteboxthumb {border: 1px solid #777; margin: 2px;}
#maincol p a img.liteboxleft {float: left; margin: 0 0.7em 0 0;}

/*Site Map
------------------------------*/
#sitemap {}

/*Archives Page
------------------------------*/
#archivedate dd {margin-left: 0;}

/*Our Environment and Tips pages
------------------------------*/
#maincol h2.linklist br {margin-top: 1em; }

/* from original
------------------------------*/
.caps {letter-spacing: 0.1em; font-size: 10px;}

.comments_error { background-color: #ffa }

div.comments_error {
	border: 1px solid #cc8;
	padding : 0.3em;}