/* =Fonts. Most font rules here unless quite specific -------------------------*/

body {font-size: small;}

* body {                      /* =Hack. Simplified box model hack so IE5/Win uses x-small font */
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /* for other IE versions */    
	font-family: Arial, Helvetica, sans-serif;
	color: #333333 /*#004080*/;
}

#outer {font-size: 110%;}

#intro p {
	font-size: 100%;
	color: /*#006C00;*/
	font-family: "Trebuchet MS", sans-serif;
}

/* =headings fonts     (heading margins, padding etc best styled in the relevant section) */
h1, h2, h3, h4, h5, h6, #footer {
	color: #295B24 /*#255F21   #006C00*/;
	font-family: "Trebuchet MS", sans-serif; 
}

h1 {                    /*  =h1, use in logo only. Small so more of the alt text can be seen in the logo sized space */
 	font-size: 100%; 
  font-weight: 100; 
}

h2 {					/* =h2 use for main page heading only (in #intro) */
 	font-size: 130%;   
}

h3 {
	font-size: 120%;
	/*background-color: #FFFFAE; */
}

.teaser h3, .teaserA h3 {
	font-size: 125%;
}


h4 {
	font-size: 110%;
}

h5 {
	font-size: 110%;
	font-weight: 400;
	font-family: Arial, Helvetica, sans-serif;
}

/* =GENERAL RULES ---------------------------------*/

* {margin: 0; padding: 0;}   /* Remove padding and margin from all */

h2, h3, h4, h5, h6 {				 
	margin: 20px 13px 5px;
}

h3 {
	margin-top: 40px
	}

p {
	margin: 5px 13px 10px;
}

#intro h2, #intro h3, #intro p {
	margin: 10px 20px;
} 

strong: {
	font-weight: 200;
}

body {
	min-width: 800px; /* MUST BE AT LEAST AS WIDE AS CONTENT, to make Netscape 6 use horiz scroll bars, Budd p136 */
	text-align: center; /*to make IE centre wrap - Budd p135 */
}

#outer {	
	width: 800px;
	margin: 10px auto;
	border: 2px solid #ADC78B; 	
	text-align: left; /* to cancel body "text-align: centre;" Budd p135 */
	background: url(images/fade-left.gif) repeat-y;        /* outer exists to display this image */
	background-color: #fff;
}     

#inner {
	background: url(images/fade-right.gif) right top repeat-y;  /* inner exists to display this image */
}

#masthead { 
	background: url(images/header.jpg) top left no-repeat;	
	position: relative;
	width: 800px;   /* Budd p36 */
	height: 185px;
}

#masthead h1 a {
	position: absolute;  /* can't get relative to work */
	left: 3px;
	bottom: 20px;
	color: #fff;
}

#masthead h1 a img {
	border: solid #FFFFFF 1px;
}

#masthead h1 a img:hover {
	border: solid  #CC0066 1px;
}

/* =mainNav ---------------------------------------*/

ul {float: left; list-style-type: none;}
ul li {float: left;}

#mainNav {
	float: left; 
	display: inline;
	width: 100%;
	font-size: 17px;                       /* for fixed font size. */
	background:  #59782C /*#295B24#008E47*/;
}

#mainNav li {float: left;
	font-colour: #ffffff;
}

#mainNav a {
	display: block;
	float: left;
	padding: 5px 16px;             /* Make smaller than maximum width because the mainNav wraps sooner on Mac firefox or Safari than on windows. */
	border-right: 1px solid #ADC78B;
	line-height: 1em;
	text-decoration: none;
	color: #fff; 	
}

#mainNav a:visited {
	background: #94A464;
	color: #fff;
}

#mainNav a:hover, #mainNav a:active {
	text-decoration: underline;  
	color: #FFFF00;
}

#home #mainNav .home a,       /* styles for the current page's link */
#meetings #mainNav .meetings a,
#minutes #mainNav .minutes a,
#newsletter #mainNav .newsletter a,
#plan #mainNav .plan a,
#members #mainNav .members a, 
#extra #mainNav .extra a, 
#contact #mainNav .contact a {
	color: #333; 
	background: #F7FBF0;
	cursor: default;
	text-decoration: none;
	font-weight: normal;
}


/* =subNav  ----------------------------------- */
#subNav {
	float: left;
	list-style: none;
	margin: 10px 20px 0;
}
	
#subNav li {
	float: left;
}

#subNav a {
	display: block;
	float: left;
	padding: 8px;
	font-size: 17px;
	color: #0D45EC;
}

#subNav a:visited {
	color: #5353AC;   
}

#subNav a:hover, #subNav a:active {
	font-weight: bold;
	text-decoration: underline;  
	color: #0D45EC;
}

/* =Anchors -----------------------------------*/

.link, .backToTop {       /* go to top of page (masthead h1) */ 
	color: #0D45EC;
	text-decoration: underline;  
	padding: 2px;
}

.link:hover, .backToTop:hover {      
	font-weight: bold;
	text-decoration: underline;  
	color: #0D45EC;
}


/* =CONTENT & Content Wraps ----------------------*/

#content {
	width: 720px;
	margin: 0 auto;
}

#intro {
	clear: both;
	padding: 1px;        /* needed to prevent margin collapse on h2 */
	background: #F7FBF0;
	border-bottom: 2px solid #ADC78B;
}

/* =Boxes --------*/
.boxA, #box1, #box2, #box3, #box4, #box5 {
	margin: 15px;
	padding: 15px;      /* to prevent margin collapse on non-floated boxes */
}

#box1 {
	border: 2px solid #FBF1DF;
	margin-top: 30px;
}

#box1 h4 {
	margin-top: 0px;
}

#box2 {
	background: #EBECF1;
	margin-top: 50px;
}
/* =Page specific rules in page order ---------------------------------------------------*/

/* =Home ---------------*/

#extra #wrap {
	background: url(images/sheep.jpg) top center no-repeat;
}

#members #wrap {
	background: url(images/fence-lake3.jpg) top center no-repeat;
	border: 1px solid #F2F3F9; /* stops margin collapse */
}

#members span {
	font-size: 70%;
	margin: 20px 0;
	display: block;
}


/* =Columns ---------------------------------*/
.colA, .colB {
	float: left; 
	clear: both;
	width: 50%; 
}

.colB {
	float: right; 
	clear: none;
	width: 35%; 
}

.colA h4, .colA ul, .colA p, .colB h3, .colB h4, .colB h5, .colB p, {
	margin-left: 0;
} 	

.colB img, .colB h4, .colB p {
	margin: 5px auto;
}

						
/* =Images --------------------------------*/

img {
	margin: 5px 15px;
	float: left;
}

.right {
 	float: right;
}

/* =footer ------------------------------ */
#footer {
 	clear: both;
	background: url(images/fade-top.gif) repeat-x;
	padding: 15px;  
}

#footer p {
	text-align: center;
	margin: 0 auto;
}

 
/* CLEARING -------------------------------------*/

hr {                  
	clear: both; 
	display: block; 
  visibility: hidden;
/*	margin: -0.66em 0;  this line causes problems */
	}      /* from "Containing Floats" (Complex Spiral Consulting, E Meyer). if the <hr>
						 gives display problems go back to above article for a clearing <div> */