* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* Country House Staff CSS by Ridgeway Studios - www.ridgewaystudios.com*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body 
{ background: url(../images/bg-gradient.gif) left top repeat-x; background-color: #21411F; color: #575A53; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 78%; text-align: center; }

a:link { color:#21421F; text-decoration: underline; }
a:visited { color:#395A36; text-decoration: underline; }
a:hover { color:#1D3740; text-decoration: underline; }
a:active { color:#1D3740; text-decoration: underline; }

a.footerlink:link { color:#749A4E; text-decoration: underline; }
a.footerlink:visited { color:#8CB466; text-decoration: underline; }
a.footerlink:hover { color:#8BB462; text-decoration: underline; }
a.footerlink:active { color:#8BB462; text-decoration: underline; }

a.imagelink:link { border-bottom: 0px; text-decoration: none; }
a.imagelink:visited { border-bottom: 0px; text-decoration: none; }
a.imagelink:hover { border-bottom: 0px; text-decoration: none; }
a.imagelink:active { border-bottom: 0px; text-decoration: none; }

h1 { color:#20401D; font-size: 1.8em; font-weight: normal; margin: 20px 20px 0px 20px; }

h2 { color:#3B4939; font-size: 1.3em; font-weight: normal; font-style: italic; margin: 0px 20px 20px 20px; }

h3 { color:#20401D; font-size: 1.3em; font-weight: normal; margin: 20px 20px 15px 20px; }

p { font-size: 1.1em; line-height: 1.4em; margin: 0px 20px 20px 20px; }

ul { color: #3E3E3E; font-size: 1.1em; line-height: 1.4em; list-style: square; list-position: outside; }

.doubleul { color: #3E3E3E; font-size: 1.1em; line-height: 1.4em; list-style: square; list-position: inside; margin: 0px 0px 5px 55px; }

.nostyle { list-style: none; }

.subcaption { font-size: 0.8em; }

.threecol { float: left; position: relative; color: #FFFFFF; width: 135px; margin: 0px 10px 20px 20px; }

.white { color: #FFFFFF; }

.formtext { color: #3D5F2F;  margin: 5px 5px 5px 20px; }

.xmark { font-weight: bold; font-size: 1.0em; color: #20401D; margin: 5px 5px 5px 5px; }

.leftspace { padding: 0px 0px 0px 20px; }

.topspace { margin: 20px 20px 20px 20px; }

.logo { border-bottom: 0px; text-decoration: none; position: relative; padding: 16px 0px 0px 59px; }

.button { border-bottom: 0px; text-decoration: none; position: relative; padding: 7px 0px 0px 0px; }

.bulletlisterror { color: #9D080D; margin: 0px 20px 0px 37px; }

.bulletlist { margin: 0px 20px 20px 37px; }

div#page_size { width: 950px; margin: 0 auto 0 auto; padding: 0 0 0 0; background: url(../images/main-bg.jpg) left top no-repeat; background-color: #F3F4EF; text-align: left; }

div#page_content { float: left; position: relative; top: 0px; left: 0px; width: 950px; background: url(../images/tree-overlay.gif) left top no-repeat; text-align: left; }

div#left_column { float: left; position: relative; margin: 20px 0px 10px 45px; width: 203px; }

div#centre_column { float: left; position: relative; margin: 20px 22px 10px 22px; width: 503px; }

div#right_column { float: left; position: relative; margin: 86px 20px 20px 0px; }

div#page_navigation { float: left; position: relative; width: 203px; background-color: #FFFFFF; border: 1px solid #DDE3D8; text-align: center; }

				#navigation_box { display: block; float: left; position: relative; padding: 2px 0px 0px 0px; list-style: none; }
				#navigation_box li { padding: 0px 0px 2px 2px; width: 199px; }
				#navigation_box li a { display: block; font-size: 1.0em; font-weight: normal; border: none; text-decoration: none; padding: 7px 0px; }
				#navigation_box li a:hover { display: block; background-color: #DDE3D8; }
				#navigation_box li a:visited { display: block; }
				#navigation_box li a:active { display: block; background-color: #ECF3E7; }
				#navigation_box .hidden { visibility: hidden; display: none; }
				#navigation_box li .one { background-color: #F0F1ED; }
				#navigation_box li .two { background-color: #F3F5F1; }
				#navigation_box li .three { background-color: #F4F6F2; }
				#navigation_box li .four { background-color: #F6F7F4; }
				#navigation_box li .five { background-color: #F7F8F6; }
				#navigation_box li .six { background-color: #F8F9F7; }
				#navigation_box li .seven { background-color: #FAFAF9; }
				#navigation_box li .eight { background-color: #FBFCFA; }
				#navigation_box li .selected { background-color: #DDE3D8; }
				
div#left_image { float: left; position: relative; width: 203px; margin: 10px 0px 0px 0px; padding: 3px 0px; background-color: #FFFFFF; border: 1px solid #DDE3D8; text-align: center; }

div#centre-column-white { float: left; position: relative; width: 503px; background-color: #FFFFFF; }		
				
div#centre-column-green { float: left; position: relative; margin: 10px 0px 0px 0px; width: 503px; background-color: #96BE64; }
				
div#page_footer { float: left; position: relative; padding: 0px; 0px; background-color: #102E0D; width: 950px; }
				
div#copyright { float: left; width: 650px; }
											
				div#copyright .footer { color: #FFFFFF; font-size: 0.8em; line-height: 1.0em; margin: 10px 0px 10px 45px; }

div#credit { float: left; width: 300px; text-align: right;}				
				
				div#credit .credit { color: #FFFFFF; font-size: 0.8em; line-height: 1.0em; margin: 10px 30px 10px 0px; }