BODY
{
margin:10px; 
padding:0;
font-size: small;
background-image: url('borders/bkg.gif');
}

/* Colors:

Dark Green: 286D0A
Bright Green: 6DCD42
Light Green: DEF2D5
*/

/*---------------------------------------------------------MAIN TABLES */

/*-------------------------------------------------------------WIDTH OF PAGE */

table.maintable
{
	TABLE-LAYOUT:FIXED;
	WIDTH:760PX;
	BORDER-COLLAPSE:COLLAPSE;
	PADDING:0px;
}

/*-------------------------------------------------------------RIGHT SIDE BAR */
td.rightsidebar
{
	WIDTH:2PX;
	background-color:#286D0A;
	PADDING:0px;
}

/*-----------------------------------------------------LEFT SIDE BAR FOR MENU */
td.leftsidebar
{
	WIDTH:159PX;
	background-image: url('borders/left.gif');
	PADDING:0px;
}

.leftsidetop
{
	position:absolute;
	top:100px;
	WIDTH:0px;
	background-image: url('borders/left-top.gif');
	background-repeat: no-repeat;
}



.buttonscontainer {width: 157px;}

.buttons a 
{
color: #FFF;
border-left: 2px solid #286D0A;
border-right: 1px solid #286D0A;
border-bottom:1px solid #286D0A;
background-color: #6DCD42;
padding: 1px 0;
font: 75% Verdana, sans-serif;
font-weight:bold;
text-decoration: none;
display: block;
width: 100%;
margin:1px 0;
text-align: left;
line-height: 150%;}

.buttons a:hover 
{
border-left: 2px solid #286D0A;
background-color: #286D0A;
color: #FFF;
text-decoration: none;
}



/*add id to buttoncontainers div for each page - in editable area. */
#home .buttons .active1 {border-left: 2px solid #286D0A;background-color: #286D0A;color: #FFF;text-decoration: none;}
#gardencenter .buttons .active2{border-left: 2px solid #286D0A;background-color: #286D0A;color: #FFF;text-decoration: none;}
#gallery .buttons .active3{border-left: 2px solid #286D0A;background-color: #286D0A;color: #FFF;text-decoration: none;}
#landscaping .buttons .active4{border-left: 2px solid #286D0A;background-color: #286D0A;color: #FFF;text-decoration: none;}
#ponds .buttons .active5{border-left: 2px solid #286D0A;background-color: #286D0A;color: #FFF;text-decoration: none;} 
#walls .buttons .active6{border-left: 2px solid #286D0A;background-color: #286D0A;color: #FFF;text-decoration: none;}
#pavingstones .buttons .active7{border-left: 2px solid #286D0A;background-color: #286D0A;color: #FFF;text-decoration: none;}
#genstone .buttons .active8{border-left: 2px solid #286D0A;background-color: #286D0A;color: #FFF;text-decoration: none;}
#quote .buttons .active9{border-left: 2px solid #286D0A;background-color: #286D0A;color: #FFF;text-decoration: none;}
#questions .buttons .active10{border-left: 2px solid #286D0A;background-color: #286D0A;color: #FFF;text-decoration: none;}
#about .buttons .active11{border-left: 2px solid #286D0A;background-color: #286D0A;color: #FFF;text-decoration: none;}
#directions .buttons .active12{border-left: 2px solid #286D0A;background-color: #286D0A;color: #FFF;text-decoration: none;}
#contact .buttons .active13{border-left: 2px solid #286D0A;background-color: #286D0A;color: #FFF;text-decoration: none;}


/*--------------------------------------------------MAIN PART OF TEXT PAGE */
td.mainpage
{
	WIDTH:598PX;
	background-color: #fff;
	background-image: url('borders/shadow-left.gif');
	background-repeat:repeat-y;
	vertical-align:top;
	
}

td.mainpage .topshadow
{
	background-image: url('borders/shadow-top.gif');
	/*background-repeat:no-repeat;	*/
	
}

td.mainpage p
{
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	color:#000000;
	text-align:left;
	font-size:80%;
	padding:0 15px 0 20px;
	margin-top: 10px;
}


td.mainpage p.returntotop
{
font-size:60%;
font-family:Verdana, Arial, Helvetica, Sans-Serif;
color:#000000;
text-align:RIGHT;
padding-bottom: 10px;
}

td.mainpage .pagetitle
{
font-size:90%;
font-family:Verdana, arial, helvetical, sans-serif;
font-weight:bold;
text-align:right;
color:#C1A862;
}




td.mainpage ul 
{ 
	list-style-image: url('borders/bullet-small.gif');
	font-family:Verdana, Arial,Helvetica, Sans-Serif;
	font-size:80%;
	padding:0 0 0 5em;
	margin:0 5em 0 0;
	
}


td.mainpage ol 
{ 
	list-style: decimal;
	font-family:Verdana, Arial,Helvetica, Sans-Serif;
	font-size:80%;
	padding:0 0 0 5em;
	margin:0 5em 0 0;
}


td.mainpage ol ul 
{ 
	list-style-image: url('borders/bullet-small.gif');
	padding:0 0 0 3em;
	margin:0 3em 0 0;
	font-size: 100%;
}



td.mainpage p.question
{
	color:#286D0A;
	font-size:100%;
	font-weight:bold;
}

td.mainpage p.answer
{
	padding:0 0 0 30px;
}


table.columns 
{
	width: 100%;
	padding: 0px;
	border-collapse:collapse;
}


table.columns td
{
	width: 50%;
	padding: 0px;
}


table.companies 
{
	width: 100%;
	padding: 0px;
	border-collapse:collapse;
}


table.companies td
{
	width: 198px;
	padding: 0px;
	text-align:center;

}

table.companies td p
{
	text-align:center;
	padding: 5px;
	font-size: 70%;
}

	
table.companies td.middle
{
	width: 210px;
	padding: 0px;
	border-left:1px solid #6DCD42;
	border-right:1px solid #6DCD42;
	text-align:center;
}


table.gallery td
{
	width: 198px;
	padding: 0px;
	text-align:center;

}

table.gallery td p
{
	text-align:center;
	padding: 5px;
	font-size: 70%;
}


/*----------------------------------------------------------FOOTER -------- */
td.footer
{
	WIDTH:100%;	
	background-color: #72D348;
	background-image: url('borders/footer.gif');
	background-repeat: no-repeat; 
	border-bottom: 2px solid #286D0A;
	border-top: 2px solid #286D0A;

}

td.footer p
{
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-size:70%;
	color:#FFF;
	text-align:center;
	padding: 5px;
}

td.footer a:visited
{
	text-decoration:underline;
	color: #fff;
}


td.footer a:hover
{
	text-decoration:underline;
	color: #fff;
}


td.footer a:link
{
	text-decoration:underline;
	color: #fff;
}


.footerlarge
{
	font-size:100%;
	font-weight:bold;
}

td.footerlinks
{
	WIDTH:100%;	
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	text-align:center;
	padding: 5px;
	color: #286D0A;
	font-size:60%;
}

td.footerlinks a:visited
{
	text-decoration:none;
	color: #286D0A;
}


td.footerlinks a:hover
{
	text-decoration:none;
	color: #286D0A;
}


td.footerlinks a:link
{
	text-decoration:none;
	color: #286D0A;
}


#designedby
{
text-align: center; 
color: #286D0A;
font-size:90%;
margin: 3px;
}


#designedby a
{
text-align: center; 
color: #286D0A;
text-decoration: none;
}

/*-------------------------------------------------------------------HEADER -------- */
table.header
{
	TABLE-LAYOUT:FIXED;
	WIDTH:760PX;
	HEIGHT:100PX;
	BORDER-COLLAPSE:COLLAPSE;
	PADDING:0px;
	background-image: url('borders/header.jpg');
	background-repeat:no-repeat;
}

#topmenu
{
	background-color: #6DCD42;
	color:#fff;
	border-bottom: 1px solid #286D0A;
	width:100%;
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-size:70%;
	font-weight:bold;
	color:#FFF;
	text-align:right;
	padding: 0 0 3px 0;
}

#topmenu a:hover
{
	text-decoration:none;
	color:#FFF;

}




#topmenu a:visited
{
	text-decoration:none;
	color:#FFF;

}




#topmenu a
{
	text-decoration:none;
	color:#FFF;

}




/* -------------------------------------------------- HEADINGS FOR STATIC PAGES */

H1
{
font-size:125%;
font-weight: bold;
font-family: Verdana, arial, helvetical, sans-serif;
color:#286D0A;
padding:0 15px 0 20px;
margin-top: 0;
}

H2
{
font-size:115%;
font-weight: bold;
font-family: Verdana, arial, helvetical, sans-serif;
color:#286D0A;
padding:0 15px 0 20px;
}

H3
{
font-size:105%;
font-weight: bold;
font-family: Verdana, arial, helvetical, sans-serif;
color:#286D0A;
padding:0 15px 0 20px;
}

H4

{
font-size:100%;
font-weight: bold;
font-family: Verdana, arial, helvetical, sans-serif;
color:#286D0A;
padding:0 15px 0 20px;
}

H5
{
font-size:90%;
font-weight: bold;
font-family: Verdana, arial, helvetical, sans-serif;
color:#286D0A;
padding:0 15px 0 20px;
}

/* -------------------------------------------------------------- Greenbox */

#greenbox
{
	border: 2px solid #286D0A;
	background-color: #DEF2D5;
	margin: 10px 5px 10px 10px;
	float:right;
	width:216px;
}

#greenbox h1
{
	width:216px;
	background: url('borders/greenbox-header.jpg') repeat-x top left;
	margin 0;
	padding:3px 0;
	color: #FFF;
	font-weight: bold;
	text-align:center;
	font-size: 110%;
}

#greenbox p
{
	font-size: 70%;
	color: #286D0A;
	text-align:left;
	font-family: Verdana, arial, helvetical, sans-serif;
	padding:0px 8px 0px 8px;
	margin: 14px 0px;

}


#greenbox h2
{
	font-size: 110%;
	color: #286D0A;
	text-align:center;
	font-family: Verdana, arial, helvetical, sans-serif;
	padding:0px 8px 0px 8px;
	margin: 14px 0px;
	font-weight:bold;

}


#greenbox h3
{
	font-size: 80%;
	color: #286D0A;
	text-align:center;
	font-family: Verdana, arial, helvetical, sans-serif;
	padding:0px 8px 0px 8px;
	margin: 14px 0px;
	font-weight:bold;

}


#greenbox ul
{
	font-size: 70%;
	color: #286D0A;
	text-align:left;
	font-family: Verdana, arial, helvetical, sans-serif;
	padding:0px 8px 0px 30px;
	margin: 14px 0px;
	list-style-image: url('borders/bullet-greenbox.gif'); /* links to non-existant image because
	it shows the mainpage bullet unless sytle links to another image. */
}



/* -------------------------------------------------------------- Greenbox  No Float*/

td.mainpage div.greenboxholder
{
	float:right;
	width:240px;
	margin: 0 0 0 10px;
}

td.mainpage div.greenboxnofloat
{
	border: 2px solid #286D0A;
	background-color: #DEF2D5;
	margin: 10px 5px 10px 10px;
	width:216px;
}

td.mainpage div.greenboxnofloat h1
{
	width:216px;
	background: url('borders/greenbox-header.jpg') repeat-x top left;
	margin 0;
	padding:3px 0;
	color: #FFF;
	font-weight: bold;
	text-align:center;
	font-size: 110%;
}

td.mainpage div.greenboxnofloat p
{
	font-size: 70%;
	color: #286D0A;
	text-align:left;
	font-family: Verdana, arial, helvetical, sans-serif;
	padding:0px 8px 0px 8px;
	margin: 14px 0px;

}


td.mainpage div.greenboxnofloat h2
{
	font-size: 110%;
	color: #286D0A;
	text-align:center;
	font-family: Verdana, arial, helvetical, sans-serif;
	padding:0px 8px 0px 8px;
	margin: 14px 0px;
	font-weight:bold;

}


td.mainpage div.greenboxnofloat h3
{
	font-size: 80%;
	color: #286D0A;
	text-align:center;
	font-family: Verdana, arial, helvetical, sans-serif;
	padding:0px 8px 0px 8px;
	margin: 14px 0px;
	font-weight:bold;

}


td.mainpage div.greenboxnofloat ul
{
	font-size: 70%;
	color: #286D0A;
	text-align:left;
	font-family: Verdana, arial, helvetical, sans-serif;
	padding:0px 8px 0px 10px;
	margin: 14px 5px 14px 10px;
	list-style-image: url('borders/bullet-greenbox.gif'); 
}





/* -------------------------------------------------------------- hr */

hr
{
	color:#286D0A; background: #286D0A; border: 0; Height:2px;
}


/* --------------------------------------------------Text FOR STATIC PAGES */

.normalsmall
{
font-size:70%;
font-family:Verdana, Arial, Helvetica, Sans-Serif;
color:#000000;
}



.signature
{
font-size:80%;
font-family:Georgia, 'Times New Roman', Times,Serif;
font-style:italic;
color:#000000;
text-align:right;
}

.requestquote
{
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-size:80%;
	font-weight:bold;
	text-align:center;
}

.rotating
{
	width: 216px;
	height: 140px;
	float:right;
	margin: 5px 5px 5px 10px;
	border:2px solid #286D0A;
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-size:70%;
	font-weight:bold;
	text-align:center;
	color:#286D0A;

}


td.mainpage img
{
	margin: 0 0 10px 10px;
	border:2px solid #286D0A;
}


div.rotating img
{
	margin: 0;
	border:0;
}


table.companies img
{
	margin: 0;
	border:0;
}


span.shadow img
{
	margin: 0;
	border:0;
}