body {
	margin-top: 20px;
	background: #666 url(http://www.mapledene.org/images/body_bg.jpg) repeat-x top left;
	font-family: Georgia, "Bitstream Vera Serif", Times, serif;
	font-size: 13px;
	color: #fff;
	text-align:center; 
}

/*form styles*/

#maincol form {
	margin-left: 15px;
	margin-right: 25px;
}

#maincol form fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

#maincol form label {
	display: block;
	margin-bottom: 1px;
}

#maincol form input {
	margin-bottom: 5px;
}

#maincol form p {
	margin: 0;
	padding-bottom: .2em;
}

#maincol form input.text, textarea {
	width: 300px;
	font: 12px/12px "Courier New", Courier, monospace;
	color: #333;
	padding: 3px;
	margin: 0;
	border: 1px solid #ccc;
}

#maincol form input.submit {
	padding: 2px 5px;
	font: bold 12px/12px "Bistream Vera Sans", "Lucida Grande", Verdana, Arial, sans-serif;
}

/*end of form styles*/
 
#pagewidth {
	width: 760px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	background: #fff;
}
 
#header {
	position: relative;
	height: 120px;
	background: #fff;
	border-top: 20px solid #000;
	width: 100%;
	margin: 0;
	padding: 0;
	background: url(http://www.mapledene.org/images/new-logo.gif) 20px 20px no-repeat;
} 

/*main tabs styles*/

#navlist {
	margin: 0;
	padding: 0;
	font-size: .83em;
	font-family: "Bistream Vera Sans", "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;
	position: relative;
}

#navlist ul {
	white-space: nowrap;
	margin: 0;
	padding: 102px 0 0 3px;
}

#navlist li {
	display: inline;
	list-style-type: none;
	text-transform: uppercase;
}

#navlist a {
	padding: 3px 8px;
}

#navlist a:link, #navlist a:visited {
	color: #fff;
	background-color: #00BA27;
	text-decoration: none;
}

#navlist a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #fc0;
}

#navlist #selected a {
	background-color: #00DDF0;
	color: #fff;
}
/* end of main tabs styles*/

#stripe {
	position: relative;
	height: 150px; /*change here*/
	background-color: #4fb5d2;
	background-image: url(http://www.mapledene.org/images/banner_bg.jpg);
	background-position: top;
	background-repeat: repeat-x;
	width: 100%;
	margin: 0;
	padding: 0;
} 

#stripe img {
	float: right;
	border-left: 3px solid #fff;
}

#swoosh {
	background: #fff url(http://www.mapledene.org/images/wrapper_bg-trans.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	background-color: transparent;
	position: relative;
	height: 115px;
	margin-top: -115px;
}
 
#leftcol {
	width: 150px;
	float: left;
	position: relative;
	background: #fff url(http://www.mapledene.org/images/bg-leftcol.jpg) no-repeat top right;
	color: #666;
	min-height: 300px;
	padding-top: 15px;
}

#leftcol ul {
	list-style: none;
	font: .85em/1.2em "Bistream Vera Sans", "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	padding-left: 25px;
	font-weight: bold;
	padding-right: 5px;
}

/*#leftcol ul li ul {
	list-style: none;
	font-size: 100%;
	margin-left: -15px;
	font-weight: normal;
	margin-bottom: 5px;
	
}*/

#leftcol ul li {
		padding-bottom: 1em;
}

#leftcol ul li a {
	color: #5b4db3;
}

/*#leftcol ul li ul a {
	color: #5b4db3;
}*/

#leftcol p {
	text-align: center;
	margin-top: 75px;
}
 
#twocols {
	width: 610px;
	float: right;
	position: relative;
}
 
#rightcol {
	width: 150px;
	float: right;
	position: relative;
	font-size: .9em;
	background: #fff url(http://www.mapledene.org/images/bg-rightcol.jpg) no-repeat top left;
	min-height: 300px;
	line-height: 1.8em;
}

#rightcol ul {
	list-style: none;
	font: .85em/1.2em "Bistream Vera Sans", "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	padding-left: 1em;
	padding-right: 3em;
}

#rightcol ul li {
	line-height: 1.4em;
}

#rightcol ul li a {
	color: #5b4db3;
	text-decoration: underline;
}

#rightcol p {
	margin: 12px 20px 0 10px;
	color: #666;
}

#rightcol h1 {
	font: 1.7em Georgia, Times, serif;
	color: #666;
	margin: .8em 1em 0 .5em;
}

#rightcol h1 + ul {
	padding-top: 1em;
}
 
#maincol {
	background-color: #FFFFFF;
	float: left;
	display: inline;
	position: relative;
	width: 460px;
	color: #333;
	font-size: 1em;
}

/*The box model is handled incorrectly by some browsers, which causes padding 
and borders to be added to an elements width. So applying padding directly to 
a column will change the way the widths are calculated and could mess up the 
floated columns. To get around this problem apply margin to the children of the 
column instead. as follows */

#maincol h1 {
	font: 1.8em Georgia, "Bitstream Vera Serif", Times, serif;
	color: #5b4db3;
	background-color: transparent;
	margin: 0 15px 7px 15px;
}

#maincol h2 {
	font: 1.4em Georgia, "Bitstream Vera Serif", Times, serif;
	color: #333;
	margin-left: 15px;
	margin-bottom: 5px;
}

#maincol h2 + ul {
	margin-top: -2px;
}

#maincol h1 + h2 {
	margin-top: -2px;
}

#maincol ul {
	margin-left: inherit;
	margin-right: 25px;
}

#maincol li {
	line-height: 1.5em;
	margin-left: 15px;
}

#maincol p {
	margin: 0 25px 10px 15px;
	line-height: 1.5em;
}

#maincol a {
	color: #5b4db3;
text-decoration: underline;
}

/*table styles*/

#maincol table {
	width: 90%;
	color: #7F7F7F;
	border-collapse: collapse;
	margin: 0 15px 15px 15px;
	/*border: 1px solid #CCC;*/
}

#maincol p + table {
	margin-top: 5px;
}

#maincol table td {
	padding: 5px;
	vertical-align: top;
	font-size: .9em;
	line-height: 1.4em;
}

#maincol table tr.head {
	/*color: #5b4db3;*/
	color: #00BA27;
	font-size: 1.1em;
	font-weight: bold;
	/*text-transform: uppercase;*/
	padding: 20px 0;
}

#maincol table tr.odd {
	/*background-color: #F7F7F7;*/
	background-color: #DAFAFC;
	color: #666;
}

#maincol table tr:hover {
	background-color: #B6F5FA;
	color: #333;
}

#maincol table tr:hover a {
	background-color: #FFF;
}

/*end of table styles*/

#footer {
	padding: 10px 10px 10px 10px;
	color: #666;
	background-color: transparent;
	text-align: center;
	font: .8em/1.4em "Bistream Vera Sans", "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
 
.clearfix {
	display: inline-table;
}

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


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}