/* 
*/

#left 
{ 
    width: 160px;	
}
div.wrapper 
{ 
   margin: 0 auto; 
   width: 899px;
}


/* @group Main */



html {

  /* this is a hack to force scrollbars on at 
     all times so that the page does not jump
     when going from short to long pages */

  height: 100%;
  margin-bottom: 1px;
  

}

html{
	/* this is a hack to force scrollbars on at 
     all times so that the page does not jump
     when going from short to long pages */
  overflow-y:scroll;
} 


body {

	margin: 0;
	padding: 0;

}



p {

  /* setup some more readable paragraph spacing */
  margin-top: 10px;
  margin-bottom: 15px;

}



h1, h2, h3, h4, h4 {

	/* setup some more readable header spacing */
	padding-bottom: 5px;
	margin: 5px 0;

}

img 
{
	border: 0;
}





/* @group Sizes */





body {

	font-size: 13px;

}



body.f-smaller {
	/*font-size: 10px*/
	font-size: 80%;
	line-height: 80%;
}



body.f-default {

	font-size: 12px;

}



body.f-larger {

	font-size: 15px;

}



h1 {

	font-size: 200%;

}



h2 {

	font-size: 180%;

}



h3 { 

   font-size: 150%;

}



h4 {

	font-size:  120%;

}


/* @end */



/* @group Family */



body {

		line-height: 180%;
		font-family: Arial, Helvetica, sans-serif;

}



a {

	/* color: see style css */

	text-decoration: none;

}



a:hover {

	text-decoration: underline;

}





/* @end */





/* @group mainbody */





td.mainbody {

	width: 100%;

}



div#mainbody .contentheading {

	font-size: 200%;

}

div#left 
{    
    float: left;
	width:160px;
}

div#main 
{    
    margin-top: 10px;
	float: right;
	width:702px;
}
div#home 
{    
    margin-top: 2px;
	margin-left: 43px;
	float: left;
	width: 813px;
}

div#right 
{    
    margin-top: 4px;
	padding-top: 3px;
    margin-right: 43px;
	background-color: #EAF5E1;
}

div#right p
{   
 margin-right: 20px;
 line-height: 120%;
}

div#right a {
	color: #333;
}

/* @end */


#leaves_bg {
	
	background: url('../images/leaves-bkgd.jpg') center top no-repeat;
	
}




#template {

	position: relative;

}



img#logo {

	position:  absolute;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	width: 329px;
	height: 135px;

}



div#leaves {

	margin-left:  409px;
	padding-top: 0px;
	height: 135px;
	overflow: hidden;

}

div.greenbox 
{
	width: 450px;
	background-color: #D8EFC3;
	padding: 1em;
	margin-bottom: 3em;
}



div#footer  {

	height: 30px;
	overflow: hidden;

}




/* @group nav */

#nav
{
	height: 37px;
}

#nav ul 
{
	margin: 0 0 0 43px;
	padding: 0;
}

#nav ul li
{
	float: left;
	list-style: none;
}
#nav ul li a
{
	display: block;
	height: 37px;
	text-indent: -2000px;
	background-repeat: no-repeat;
	background-position: left top;
	outline: none; /* hide dotted outline in Firefox */
}
#nav ul li#about a
{
	width: 95px;
	background-image: url('../images/about-us.gif');
}
#nav ul li#events a
{
	width: 84px;
	background: url('../images/events.gif');
}
#nav ul li#programs a
{
	width: 188px;
	background: url('../images/programs.gif');
}
#nav ul li#becoming a
{
	width: 156px;
	background: url('../images/becoming.gif');
}
#nav ul li#working a
{
	width: 137px;
	background: url('../images/working.gif');
}

#nav ul li#contact a
{
	width: 76px;
	background: url('../images/contact.gif');
}
#nav ul li#donate a
{
	width: 77px;
	background: url('../images/donate.gif');
	
}

#nav ul li#about a:hover, 
#nav ul li#events a:hover, 
#nav ul li#programs a:hover,
#nav ul li#becoming a:hover, 
#nav ul li#working a:hover, 
#nav ul li#contact a:hover, 
#nav ul li#donate a:hover 

{
	background-position: left -37px;
}

#nav ul li#about a.chosen, #nav ul li#working a.chosen,
#nav ul li#becoming a.chosen, #nav ul li#contact a.chosen,
#nav ul li#programs a.chosen, #nav ul li#events a.chosen,
#nav ul li#donate a.chosen
{
	background-position: left -37px;
	
}
/* subnav Group */


#mainbody #subnav { 
 width: 158px; 
} 


#mainbody #subnav ul { 
 list-style: none; 
 margin: 0; 
 padding: 0; 
} 

#mainbody #subnav li {
    width: 158px;
	list-style: none;
	padding: 0;
	margin: 0;

}

#mainbody #subnav li a:link, #mainbody #subnav li a:visited  { 
 font-size: 125%;
 font-family: "Lucida Grande", sans-serif;
 display: block; 
 padding: 0.8em 0.7em 0.8em 0; 
 color: #fcfcfa; 
 text-decoration: none; 
 text-align: right;
}

#mainbody #subnav.work li a:link, #mainbody #subnav.work li a:visited  
{
	background-color: #837F1E; 
}


#mainbody #subnav.about li a:link, #mainbody #subnav.about li a:visited  
{
	background-color: #0F6D42;
}

#mainbody #subnav.p-and-s li a:link, #mainbody #subnav.p-and-s li a:visited  
{
	background-color: #B15205;
}

#mainbody #subnav li.lesser a:link, #mainbody #subnav li.lesser a:visited
{
	 font-size: 95%;
	 padding: 0.5em 1em 0.5em 0;
}

#mainbody #subnav li.lesser a:hover
{
	text-decoration: underline;
}

#mainbody #subnav.work li a:hover, #mainbody #subnav.work li.chosen a, #mainbody #subnav.work li.chosen a:hover
{ 
 background-color: #524D06; 
}

#mainbody #subnav.about li a:hover, #mainbody #subnav.about li.chosen a, #mainbody #subnav.about li.chosen a:hover
{ 
 background-color: #012F11;  
}

#mainbody #subnav.p-and-s li a:hover, #mainbody #subnav.p-and-s li.chosen a, #mainbody #subnav.p-and-s li.chosen a:hover
{ 
 background-color: #AE0C00;  
}




form {

	border: 0;

	margin: 0;

	padding: 0;

}



#main p
{
	margin-left: 11px;
	margin-right: 240px;
	
}

#main #aboutcontent table tbody tr td p
{
	margin-left: 11px;
	
} 

#main #aboutcontent div.greenbox li, #eventscontent div.greenbox p
{
	margin-right: 10px;
}

#eventscontent div.greenbox p
{
	line-height: 120%;
}

  
#main li
{
	margin-left: 11px;
	margin-right: 300px;
	line-height: 1.6em;
}

#main h2 
{
	font-size: 140%;
	font-weight: bold;
	margin-bottom: 10px;
	margin-left: 11px;
}

.leadin 
{
	font-size: 140%;
	font-weight: bold;
	
}

#workcontent h2, .leadin
{
	color: #837F1E;
}

#main .heading 
{
	font-weight: bold;
	font-size: 200%;
	margin-top: 13px;
	margin-bottom: 0.8em;
}

#aboutcontent .heading, .leadin, div.greenbox h2, h2
{
	color: #0F6D42;

}

#progcontent .heading {
	color: #AE0C00;

}

#progcontent .leadin {
	color: #B15205;

}



#workcontent .heading {
	color: #524D06;

}
#becomingcontent .heading {
	color: #018335;

}


div.welcome {
	margin-top: 10px;
	font-size: 140%;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #000;
	line-height: 1.4em;
}



/* @end */






/* @group modules */



div.subnavtable
 {

	padding: 16px 15px 10px 0;

}




/* @end */



/* @group content */



.contentheading {

	padding: 10px 0;

	line-height:100%;

}



.clr {

	clear: both;

}



/* @end */








.nounder {

	text-decoration: none;
	border: 0;

}



.style-wrapper {

	padding-left: 70px;
	padding-top: 30px;

}



.style {
	float: left;
	margin-right: 50px;
	margin-bottom: 50px;

}






#menu-container {position:relative;z-index:99;}




body {
	background: #1D552C url(../images/bkgd.jpg) 0 0 repeat-x;
	color: #333;
}

/* font colors */

a {
	color: #1792BF;
}

h1 {
	color: #45a9d5;
}


h2 {
	color: #00335b;
}

h3 { 
   color: #666;
}






/* mainbody */

div#mainbody {
	background: url(../images/page-bg.png) 0 0 repeat-y;;
}



img#logo {
	background: url(../images/maple-logo.jpg) 0 0 no-repeat;
}

div#leaves {
	
}
div#footer {
	background: url(../images/footer-bg.png) 0 0 repeat-y;
}


/* table styles */

#off-board,
#ex-off-board{
	font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size:110%;
	width:600px;
	text-align:left;
	border-collapse:collapse;
	margin-left:11px;
	margin-bottom: 25px;
	background-color: #D8EFC3;
	}
	
#off-board td,
#ex-off-board td{
	color:#012F11;
	padding:6px 6px 6px 20px;
	line-height: 120%;
	}
	
#off-board .odd{
	background:#f2eeea;
	}



#boardofD
 {
	font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size:110%;
	text-align:left;
	border-collapse:collapse;
	margin-left:11px;
	margin-bottom: 25px;
	width:600px;
	background-color: #D8EFC3;
	
	}
	
#boardofD td
{
	color:#012F11;
	padding:6px 6px 6px 20px;
	line-height: 120%;
	}
	 
fieldset
{
    border: none;
    width: 80%;
	background-color: #D8EFC3;
	padding: 0.5em;
}

fieldset textarea
{
  padding: 3px;
  margin: 0;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  width: 150px;
}

input[type=text] 
{
  padding: 3px;
  margin: 0;
  text-align: left;
  width: 150px;
}

input[type=submit] 
{
 
  margin-top: 1em;

}
label {
	float: left;  
	width: 9em;
	margin-right: 0.5em;
	text-align: right;
}

div.shim {
	height: 8px;
}

td.upcoming {
	margin-top:4px;
	background-color: #A6B835;
	border-bottom: #A0B339 solid 1px;
}
td.upcoming div.title {
	font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size:150%;
	margin-left:44px;
	color: #fff;
	padding: 0.5em;
	text-align: left;
}

td.list_events {
	margin: 0;
	padding: 0;
	background: url(../images/maple_news.jpg) left top no-repeat;
	background-color: #D9D9A5;
	width: 813px;
	text-align: center;
}

td.list_events h3{
	font-weight: bold;
	font-size: 130%;
	margin:0;
	line-height: 100%;
	color: #333;
	margin-bottom: 0px;
}

td.list_events a{
	color: #333;
}
td.list_events p{
    margin-top: 0px;
	line-height: 100%;
}

a.smaller {
  font-size: 90%;
  color: #333;
}