body {
	color: #000000; 
	background-image: url(../images/back.gif);
	background-repeat: repeat;
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 100%;
}


#header, #footer, #navleft, #content {
	background-color: transparent;
}

#header, #footer {
	clear: both;
	margin: 0.5em;
	background: url(../images/banner.gif) repeat-x center;
	width: 100%;
}


#footer {
	padding-bottom: 1em;
}	


#navleft {
	clear: both;
	float: left;
	width: 30%;
	padding: 0.5em 0.5em 0.5em 0.5em;
	height: 70%;
}

#navleft ul {
	list-style: none;
	width: 100%;
	margin: 2em 0 0 0;
	padding: 0;
	font-size: 80%;
	font-weight: bold;
}

.nl, .onlink {
	width: 100%;
	padding-left: 44px;
	height: 40px;
}

.nl {
	vertical-align: center;
}
.onlink {
	color: #771111;
	background: url(../images/onlink.gif) no-repeat left center;

}	

.leaf1 {background: url(../images/dkbrownleaf.gif) no-repeat;}
.leaf2 {background: url(../images/redleaf.gif) no-repeat;}
.leaf3 {background: url(../images/pinkleaf.gif) no-repeat;}
.leaf4 {background: url(../images/yellowleaf.gif) no-repeat;}
.leaf5 {background: url(../images/brgreenleaf.gif) no-repeat;}
.leaf6 {background: url(../images/brownleaf.gif) no-repeat;}
.leaf7 {background: url(../images/beigeleaf.gif) no-repeat;}
.leaf8 {background: url(../images/dkgreenleaf.gif) no-repeat;}
.leaf9 {background: url(../images/salmonleaf.gif) no-repeat;}

.email {background: url(../images/email.gif) no-repeat;
	padding-left: 30px;
	height: 24px;
}

.infobox {
	background-color: #ddeedd;
	padding: 0.5em;
	margin: 0.5em 0;
	border-top: 2px solid #ddffdd;
	border-left: 2px solid #aaddaa;
	border-right: 2px solid #336633;
	border-bottom: 2px solid #336633;
}

#content {
	padding: 1em;
	height: 70%;
}

a {
	color: #339900;
}


a:visited {
	
	color: #808000;
}

a:hover {
	
	color: #404000;
}

p {
}

h1, h2 {
	padding: 0.5em 0 0 0;
	margin: 0;
	font-weight: bold;	
	text-align: center;
}	

/*width*/
.w100 {width: 100%;}
.w90 {width: 90%;}
.w80 {width: 80%;}
.w70 {width: 70%;}
.w60 {width: 60%;}
.w50 {width: 50%;}
.w40 {width: 40%;}
.w30 {width: 30%;}
.w25 {width: 25%;}
.w20 {width: 20%;}
.w15 {width: 15%;}
.w10 {width: 10%;}
.w5 {width: 5%;}



/*size*/
.s145 {font-size: 145%;}
.s140 {font-size: 140%;}
.s135 {font-size: 135%;}
.s130 {font-size: 130%;}
.s125 {font-size: 125%;}
.s120 {font-size: 120%;}
.s115 {font-size: 115%;}
.s110 {font-size: 110%;}
.s105 {font-size: 105%;}
.s100 {font-size: 100%;}
.s95 {font-size: 95%;}
.s90 {font-size: 90%;}
.s85 {font-size: 85%;}
.s80 {font-size: 80%;}
.s75 {font-size: 75%;}
.s70 {font-size: 70%;}
.s65 {font-size: 65%;}
.s60 {font-size: 60%;}
.s55 {font-size: 55%;}
.s50 {font-size: 50%;}

/*text decoration*/
.b {font-weight: bold;}
.i {font-style: italic;}
.u {text-decoration: underline;}

/*alignment*/
.ac {text-align: center;}
.ar {text-align: right;}
.aj {text-align: justify;}

/*float*/
.fl {float: left;}
.fr {float: right;}
.c {clear: both;}
.cl {clear: left;}
.cr {clear: right;}

/*padding*/
.np {padding: 0;}
.pp2em {padding: 0.2em;}
.pp5em {padding: 0.5em;}
.p1em {padding: 1em;}
.p2em {padding: 2em;}
.p3em {padding: 3em;}

.plp2em {padding-left: 0.2em;}
.plp5em {padding-left: 0.5em;}
.pl1em {padding-left: 1em;}
.pl2em {padding-left: 2em;}
.pl3em {padding-left: 3em;}

.prp2em {padding-right: 0.2em;}
.prp5em {padding-right: 0.5em;}
.pr1em {padding-right: 1em;}
.pr2em {padding-right: 2em;}
.pr3em {padding-right: 3em;}

.ptp2em {padding-top: 0.2em;}
.ptp5em {padding-top: 0.5em;}
.pt1em {padding-top: 1em;}
.pt2em {padding-top: 2em;}
.pt3em {padding-top: 3em;}

.pbp2em {padding-bottom: 0.2em;}
.pbp5em {padding-bottom: 0.5em;}
.pb1em {padding-bottom: 1em;}
.pb2em {padding-bottom: 2em;}
.pb3em {padding-bottom: 3em;}

/*margins*/
.nm {margin: 0;}
.mp2em {margin: 0.2em;}
.mp5em {margin: 0.5em;}
.m1em {margin: 1em;}
.m2em {margin: 2em;}
.m3em {margin: 3em;}

.mlp2em {margin-left: 0.2em;}
.mlp5em {margin-left: 0.5em;}
.ml1em {margin-left: 1em;}
.ml2em {margin-left: 2em;}
.ml3em {margin-left: 3em;}

.mrp2em {margin-right: 0.2em;}
.mrp5em {margin-right: 0.5em;}
.mr1em {margin-right: 1em;}
.mr2em {margin-right: 2em;}
.mr3em {margin-right: 3em;}

.mtp2em {margin-top: 0.2em;}
.mtp5em {margin-top: 0.5em;}
.mt1em {margin-top: 1em;}
.mt2em {margin-top: 2em;}
.mt3em {margin-top: 3em;}

.mbp2em {margin-bottom: 0.2em;}
.mbp5em {margin-bottom: 0.5em;}
.mb1em {margin-bottom: 1em;}
.mb2em {margin-bottom: 2em;}
.mb3em {margin-bottom: 3em;}

/*background*/


.bgc {background-position: center;}


/*
Home page
*/

.img {
}	

#poster {
	background: url(../images/bookcover.jpg)  no-repeat center;
	height: 269px;
}

#dawnphoto {
	background: url(../images/dawnphoto.jpg)  no-repeat center;
	width: 252px;
	height: 235px;
}	

#arbor1 {
	background: url(../images/arbor1.jpg)  no-repeat center;
	width: 155px;
	height: 185px;
}	
#arbor2 {
	background: url(../images/arbor2.jpg)  no-repeat center;
	width: 155px;
	height: 185px;
}	
#arbor3 {
	background: url(../images/arbor3.jpg)  no-repeat center;
	width: 155px;
	height: 185px;
}	


#chair1 {
	background: url(../images/chair1.jpg)  no-repeat center;
	width: 155px;
	height: 185px;
}	
#chair2 {
	background: url(../images/chair2.jpg)  no-repeat center;
	width: 155px;
	height: 185px;
}	
#sofa1 {
	background: url(../images/sofa1.jpg)  no-repeat center;
	width: 155px;
	height: 185px;
}	
#sofa2 {
	background: url(../images/sofa2.jpg)  no-repeat center;
	width: 155px;
	height: 185px;
}	
#pottingbench1 {
	background: url(../images/pottingbench1.jpg)  no-repeat center;
	width: 155px;
	height: 185px;
}	
#shelf1 {
	background: url(../images/shelf1.jpg)  no-repeat center;
	width: 155px;
	height: 185px;
}	

#table1 {
	background: url(../images/table1.jpg)  no-repeat center;
	width: 155px;
	height: 185px;
}	
#table2 {
	background: url(../images/table2.jpg)  no-repeat center;
	width: 155px;
	height: 185px;
}	
#planter1 {
	background: url(../images/planter1.jpg)  no-repeat center;
	width: 155px;
	height: 185px;
}	
#planter2 {
	background: url(../images/planter2.jpg)  no-repeat center;
	width: 155px;
	height: 185px;
}	
#obelisk1 {
	background: url(../images/obelisk1.jpg)  no-repeat center;
	width: 155px;
	height: 185px;
}	
#obelisk2 {
	background: url(../images/obelisk2.jpg)  no-repeat center;
	width: 155px;
	height: 185px;
}	
#classes1 {
	background: url(../images/classes1.jpg)  no-repeat center;
	width: 155px;
	height: 185px;
}