/*basic styles*/
body {
font-family: verdana, arial, helvetica, sans-serif;
background-color: #f7f7f7;
font-size: 100%;
behavior:url(csshover.htc); /*enables pullout menu in IE*/
		}

* {margin:0; padding:0;}

/*positioning and formatting of main page sections*/
div#mainwrap {
min-width:780px; 
max-width:1500px;
}

div#header  { 
background-image: url(../images/banner1_edit4.jpg); 
background-repeat: no-repeat;
background-color:#f7f7f7;
width: 90%; 
height: 90px;
}

div#printheader { /*shows on print stylesheet only*/
display: none;
}


div#centercol {
background-color:#f7f7f7;
border-left: 150px solid #336600;
padding-top:10px;
background: url(../images/compass2.jpg) no-repeat right top;
}

div#content {
min-width:600px; 
width: 80%;
background-color: #f7f7f7;
color: #000;
padding-bottom: 30px;
}

div#footer {
background-color:#336600;
color: #fff;
margin: 0;
font-size: 1em;
margin: 0 0 20px 170px;
}

div#leftcol {
position: absolute;
top: 91px;
left:0;
width:150px;
background: url(../images/green_bg_square.gif) repeat-y top left;

}

/*menu in left column*/
div#leftcol div#menu {
	width:150px;
	float:left; /*makes the div enclose the list */
	border-top:1px solid #f7f7f7;	/* draws line on top edge of div */
	font-size:76%;	
	background-color:#336600; 
	}
	
div#leftcol div#menu ul {
	margin:0;
	width:150px;
}
div#leftcol div#menu li {
	position:relative; /* positioning for the absolutely positioned drop-down */
	list-style-type:none;
	background-color:#336600; 
	border-left: none;
	border-bottom:1px solid #f7f7f7; /*dividers on the menu */
	padding:5px 0 5px 3px;
	}
	
div#leftcol div#menu li:first-child {
padding:5px 0 5px 3px;
	/*border-left:1px solid #f7f7f7; /*first vertical line on the menu */
	}
div#leftcol div#menu li:hover { 
	background-color:#669900;
	padding: 5px 5px 5px 0;/*addition, 31Mar07*/
	}
div#leftcol div#menu a {
	padding:0 6px;
	text-decoration:none;
	color:#fff;	
	}
div#leftcol div#menu a:hover {
	background-color:#669900;
	color:#f7f7f7;
	}


/*pullout menu formatting */
div#leftcol div#menu ul li ul {
	margin:0; 
	margin-left:150px;
	position:absolute; /* positions the drop-down*/
	width:13em; /*sets width of menu, makes menu stack*/
	top:-1px;
	left:0px; 
	}
	
div#leftcol div#menu ul li ul li {
	width:100%; /* makes the list items fill the list container (ul) */
	border-left:1px solid #f7f7f7; 
	border-bottom:1px solid #f7f7f7;
	border-right:1px solid #f7f7f7;
	background-color:#336600; 
	}
div#leftcol div#menu ul li ul li:first-child {
	border-top:1px solid #f7f7f7;
	}
/* make the drop-down display as the menu is rolled over */
div#leftcol div#menu ul li ul {display:none;} 
div#leftcol div#menu ul li:hover ul {display:block; } 

div#leftcol div#menu ul li ul li:hover ul {display:block;} 
div#leftcol div#menu ul li:hover ul ul {display:none;}

div#leftcol div#menu ul li ul li ul {left:0;} 

/*hack for IE */
* html div#menu ul li ul {
    border-top:1px solid #f7f7f7; /*the top edge of the dropdown */
	}

/* end of menu*/
		
/*text and image formatting elements follow*/

p {
font-size:70%;
margin: 5px 20px 0.7em 20px;
line-height:160%;
}

div#footer p {
margin: 0; 
padding: 3px 10px;
}

p.caption1 {
padding-top:20px;
}

p.topspaced {
margin: 20px 20px 0.7em 20px;
}

p.urlprint { /*print stylesheet shows web address*/
display: none;
margin-top: 20px;
}

span.trail { /*next and back links on some pages*/
float: right;
font-size: 0.7em;
padding: 5px 10px;
margin: 0;
}

h1 {
	font-size: 1.4em;
	background-color: transparent;
	color: #336600;
	margin:0 0 10px 20px;
	padding:20px 0 10px 0;
	border-bottom: 1px solid #336600;
	}

h1.screenhide { /*heading included as alternative text version as h1 headings are graphics*/
margin:0 0 10px 20px;
display: none;
color: #f7f7f7;
}

h2 {
	font-size: 1.1em;
	background-color: transparent;
	color: #336600;
	margin:0.6em 20px 0.6em 20px;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #999966;
	}
	
h2.top {
margin-top: 0;
}

h2.pagetop {
padding: 20px 0 5px 10px; 
margin: 0;
border-bottom: none;
}
	
h3 {
	font-size:0.8em;
	background-color: transparent;
	color: #336600;
	margin:20px 0 0 20px;
	padding-bottom: 5px;
}

h3.top {
	margin:0 0 0 20px;
}

h4 {
	font-size:0.7em;
	background-color: transparent;
	color: #336600;
	margin:15px 0 0 20px;
}

div.clear {
	clear: both;
	height:1px;
	margin:0; padding:0;
}

/*clearing method by Tony Aslett - www.csscreator.com */
/*for containers to enclose floated elements */
.clearfix:after {
    content: ".";              
	display: block;         
    height: 0;                 
    clear: both;               
    visibility: hidden;	    
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* fix for the Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*------*/

/*basic list styles for all main column lists*/
#centercol ul {
margin: 10px 20px;
}

#centercol ul li {
font-size: 0.7em;
}

div.indentlist {
margin: 5px 20px;
}

div.indentlist ul li {
list-style: disc outside;
line-height: 160%;
}

div.indentlist ul li ul li{
list-style: disc outside;
line-height: 160%;
font-size: 1em;
}

/*for lists in two column format*/
div#twocol {
clear: both;
}

div#twocol div.left {
float: left;
margin-right: 40px;
}

div#twocol div.right {
padding: 0 0 0 20px;
}

/*lists without bullet points, in two col format*/
div#twocol div.left ul, div#twocol div.right ul {
margin-top:0;
}

div#twocol div.left ul li, div#twocol div.right ul li {
list-style: none;
padding: 3px 0;
}

/*lists with bullet points, in two col format*/
div#twocol div.right ul.bulletslist { 
padding-top: 10px; /*only way I could get these to line up*/
}

div#twocol div.left ul.bulletslist {
margin-top: 10px;  /*only way I could get these to line up*/
}


div#twocol div.left ul.bulletslist li, div#twocol div.right ul.bulletslist li {
list-style: disc inside;
}


/*for lists displayed on one line, rather than as a conventional list format*/
div.inlinelist {
margin: 10px 0;
}

div.inlinelist ul {
padding: 0; margin: 0;
}

#centercol div.inlinelist ul li {
display: inline;
list-style: none;
margin: 0; padding: 0;
}


/*---*/


/*site map list - setup separately because of problems with right col*/
div#sitemap {
margin-left: 3em;
min-width: 500px;
position: relative;
}

div#sitemap div.left {
width: 11em;
}

div#sitemap div.right {
position: absolute;
top: 0;
left: 12em;
}

div#sitemap div.left ul, div#sitemap div.right ul {
padding: 5px 0 5px 0;
margin: 0 0 10px 0;
}

div#sitemap div.left ul li, div#sitemap div.right ul li {
list-style: none;
margin: 10px 0 0 0;
}

div#sitemap div.left ul li ul li, div#sitemap div.right ul li ul li {
padding: 0 0 2px 0;
font-size: 100%;
margin: 0 0 0 20px;
}
/*---*/


/*fees list page*/
div.leftnarrow {
float: left;
width: 150px;
}

div#feeslist {
margin-left: 180px;
}

div#feeslist ul {
margin: 0 0 0 20px;
}

div#feeslist ul li {
list-style: none;
padding: 2px 0;
margin: 0;
}

div#feeslist ul li ul {
padding: 2px 0;
}

div#feeslist ul li ul li {
font-size: 100%;
}


/*formats for different narrow cols*/
div.rightnarrow {
float: right;
width: 150px;
}

div.photo200 {
float: left;
width: 230px;
}

/*formats for text next to narrow cols*/
div.textright {
margin-left: 150px;
}

/*volunteers page etc - used for quotes*/
div#quotes {
margin: 20px;
min-width:600px;

}

div#quotes div.left {
float: left;
margin: 0 10px 10px 0;
width: 45%;
border: 1px solid #336600;
}

div#quotes div.right1 {
margin: 10px 0;
width: 35%;
margin-left: 46%;
border: 1px solid #336600;
background-color: #f7f7f7;
color: #000;
}

div#quotes div.right2 {
margin: 0;
width: 45%;
margin-left: 46%;
border: 1px solid #336600;
background-color: #f7f7f7;
color: #000;
}

div#quotes div.left p, div#quotes div.right1 p, div#quotes div.right2 p {
margin: 0;
padding: 10px;
}

/*form formatting follows*/

form {
	margin:0 0 10px 0;
	font-size: 0.7em;
}

form.indent {
	margin:10px 0 10px 20px;
}

/*highlight for some browsers*/
form input:focus, select:focus, textarea:focus {
border:2px solid #73AC39;
color:#000000;
}

div.formrow {
	clear: both;
	margin: 10px;
	}

div.formrow span.label {
	float: left;
	width: 30%;
	text-align: right;
	padding:5px;
}

div.formrow span.input {
	float: right;
	width: 60%;
	text-align: left;
}

fieldset {
	margin: 10px 20px 20px 20px;
	padding: 10px;
	line-height: 160%;
	}

.formbuttons {
	text-align: center;
}

.formscript {
	border: none;
}

/*images formatting*/
img {
	border: none;
	float: left;
	margin: 5px 10px 0 20px;
	}
	
img.logo {
	margin-top: 36px;
	margin-bottom: 0;
	margin-left:0;
	}

img.coltop {
	margin: 0; padding: 0;
}

img.header {
	margin-bottom: 6px;
	float: left;
}

img.right {
float: right;
margin: 5px 20px 0 10px;
}

img.right2 {
margin: 5px 10px 0 0;
}

div#quotes img {
margin: 0; 
padding: 10px 15px 0 10px;
}

/*link styles*/	
	
a:link {
	background-color : transparent;
	color : #336600;
	text-decoration : underline;
}

a:visited {
	background-color : transparent;
	color : #666600;
	text-decoration : underline;
}

a:hover {
color: #006633;
background-color:transparent;
text-decoration: none;
}

a:active {
	background-color : transparent;
	color : #006633;
	text-decoration : none;
}

h2 a:link {
text-decoration: none;
background-color : transparent;
color: #336600;
}

h2 a:visited {
	background-color : transparent;
	color : #336600;
	text-decoration : none;
}

div#footer a:link {
color: #fff;
background-color: #336600;
}

div#footer a:visited {
color: #fff;
background-color: #336600;
}

div#footer a:hover {
	background-color:#669900;
	color:#f7f7f7;
	}
	
div#footer a:active {
	background-color:#669900;
	color:#f7f7f7;
}

/*fees page tables*/

table td {
text-align: left;
}

td p {
margin: 0; padding: 0 5px;
}

table caption {
text-align: left;
font-size: 90%;
font-weight: bold;
background-color: transparent;
	color: #336600;
margin: 0; 
padding: 8px 5px;
border-bottom: 1px solid #336600;
}

table th {
text-align: left;
font-size: 80%;
font-weight: bold;
background-color: transparent;
	color: #336600;
margin: 0; 	
padding: 6px 5px;
}

/*additions, May 07*/
div.adbox {
border: 1px solid #336600;
margin: 20px;
padding: 5px;
}

div.adbox h2, div.adboxleft h2 {
font-size: 90%;
font-weight: bold;
margin:0; 
padding: 10px;
margin-left:20px;
}

div.adbox p {
padding: 5px 10px;
}

div.adbox img, div.adboxleft img {
padding: 0; margin: 10px;
}

.bold {
font-weight: bold;
}

/*additions, Mar 08*/
div.adbox2 {
border: 1px dotted #336600;
float: right;
width: 30%;
margin: 5px 10px 10px 10px;
padding: 10px 0;
background-color: #FEFEF2;
color: #000;
}

div.adbox2 p {
font-size: 0.7em;
}

div.adbox2 h3 {
margin: 5px 0 0 0;
}

/*additions Feb 09*/

div.adboxleft {
border: 1px solid #336600;
width: 65%;
float: left;
margin: 10px 20px;
}

div.adboxright {
/*border: 1px solid #ccc;*/
width: 15%;
float: left;
margin: 10px 20px;
}

/*additions Nov 09*/

div.xmasbox {
border: 5px double #336600;
float: right;
width: 30%;
margin: 5px 10px 10px 10px;
padding: 10px 0;
background-color: #f7f7f7;
color: #000;
}

div.xmasbox p {
font-size: 90%;
}

/*addition June 2010*/

div.eventlists {
margin-left: 165px;
}