@charset "UTF-8";
/* CSS Document */


body
{
background-color:#b48f5f;
}


div#topnav ul li a#indexnav, div#topnav ul li a#csanav, div#topnav ul li a#aboutnav, div#topnav ul li a#photonav, div#topnav ul li a#contactnav
{
color:#ffff66;
}

div#leftbox ul li a.csanavi, div#leftbox ul li a.costsnavi, div#leftbox ul li a.aboutnavi, div#leftbox ul li a.gardennavi, div#leftbox ul li a.internsnavi, div#leftbox ul li a.cropsnavi, div#leftbox ul li a.energynavi, div#leftbox ul li a.harvestnavi, div#leftbox ul li a.biodynamicnavi
{
background-color:#ffff66;
}

/*
div#topbanner {
margin-top:10px;
margin-right:auto;
margin-bottom:0px;
margin-left:22px;
width:780px;
height:210px;
background-color:#48969e;
border-color:#003366;
border-style:groove;
border-width:thick;
}

div#loonsonglogo
{
position:relative;
float:right;
margin-top:2px;
margin-right:20px;
background-color:#48969e;
}

div#topbanner>#loons

{
border:thin;
border-color:#000000;
margin:0;
padding:0;
position:absolute;
background-color:#48969e;
}

*/

table#topbanner
{
margin-top:0;
margin-bottom:0;
margin-left:22px;
padding-bottom:5px;
background-color:#48969e;
border-color:#003366;
border-style:groove;
border-width:thick;
}

table#topbanner tr
{
padding:0;
}


table#topnav {
	margin-top:0;
	margin-right:auto;
	margin-left:22px;
	width:777px;
	height:50px;
	background-color:#FF9900;
}

table#topnav tr td
{
border:none;
padding-right:15px;
padding-left:15px;
line-height:50px;
display:inline;
text-decoration:none;
text-align:center;
}

table#topnav tr td a:link{

color:#3c0005;
text-decoration:none;
font-family:Verdana, Herculanum, "Chalkboard Bold", Lithos Pro, sans-serif;
font-size:12pt;
font-weight:bold;
}

table#topnav tr td a:visited{

color:#999933;
text-decoration:none;
font-family:Verdana, Herculanum, "Chalkboard Bold", Lithos Pro, sans-serif;
font-size:12pt;
font-weight:bold;
}

table#topnav tr td a:hover{

color:#FFFF66;
text-decoration:none;
font-family:Verdana, Herculanum, "Chalkboard Bold", Lithos Pro, sans-serif;
font-size:12pt;
font-weight:bold;
}

table#topnav tr td a:active{

color:#99FF00;
text-decoration:none;
font-family:Verdana, Herculanum, "Chalkboard Bold", Lithos Pro, sans-serif;
font-size:12pt;
font-weight:bold;
}










body#index div#leftbox, body#photos div#leftbox, body#contact div#leftbox, body#site div#leftbox
{
margin-top:0px;
}



#leftbox
{
	background-color:#3c0005;
	width:250px;
	height:350px;
	margin-top:-16px;
	margin-left:22px;
	position:relative;
	}
	
#leftbox ul li
{
list-style-type:none;
}

#leftbox ul.gardeningpractices
{
margin-left:-10px;
}


#leftbox li a:link 
{
text-decoration:none;
border-color:#ffffff;
border-bottom-width:thick;
border-style:double;
background-color:#FF9900;
color:#000066;
font-size:12pt;
font-family:"Copperplate Gothic Bold", "Chalkboard Bold", Gadget, Verdana,sans-serif;
width:145px;
line-height:50px;
padding:3px;

}

#leftbox li a:visited
{
text-decoration:none;
background-color:#999933;
border-color:#ffffff;
border-bottom-width:thick;
border-style:double;
color:#000066;
font-size:12pt;
font-family:"Copperplate Gothic Bold", "Chalkboard Bold", Gadget, Verdana,sans-serif;
width:145px;
line-height:50px;
padding:3px;
}

#leftbox li a:hover{
text-decoration:none;
background-color:#FFFF66;
border-color:#ffffff;
border-bottom-width:thick;
border-style:double;
color:#000066;
font-size:12pt;
font-family:"Copperplate Gothic Bold", "Chalkboard Bold", Gadget, Verdana,sans-serif;
width:145px;
line-height:50px;
padding:3px;
}

#leftbox li a:active{
text-decoration:none;
background-color:#99FF00;
border-color:#ffffff;
border-bottom-width:thick;
border-style:double;
color:#000066;
font-size:12pt;
font-family:"Copperplate Gothic Bold", "Chalkboard Bold", Gadget, Verdana,sans-serif;
width:145px;
line-height:50px;
padding:3px;
}




/*

width:160px;
text-decoration:none;
color:#FF9933;
background-color:#f9efcc;
padding:15px;
line-height:50px;
font-size:14pt;
font-family:Arial, Helvetica, sans-serif
*/


#leftbox img
{
margin-left:15px;

}

#join 
{
border-color:#330000;
border-bottom-width:thick;
border-style:double;
background-color:#fce7d6;
color:#000066;
font-size:12pt;
font-family:"Copperplate Gothic Bold", "Chalkboard Bold", Gadget, Verdana,sans-serif;
margin-top:40px;
margin-right:auto;
margin-left:40px;
width:145px;
height:15px;
padding:3px;

}

#join a:link 
{
text-decoration:none;
}

#join:hover 
{
text-decoration:none;
background-color:#99FF00;
}




/*
C8DEC1 original background

a7a26c  nice brown
*/


#bannertext {
position:relative;
margin-top:-120px;
margin-left:10px;
padding:10px;
font-size:12pt;
font-weight:200;
font-style:italic;
color:#ffffff;
font-family: Sample, NuptialScript, Vivaldi, "Myriad Italic",  "Nueva Std Light Italic", "Lucida Calligraphy", "Lithos Pro Light", serif;
}
/*
#bannertext2 {
width: 400px;
float:left;
font-size:18pt;
font-weight:200;
color:#000033;
font-family: Sample, NuptialScript, Vivaldi, "Myriad Italic",  "Nueva Std Light Italic", "News Gothic Std Oblique", "Lucida Calligraphy", "Lithos Pro Light", sans serif
}*/


body#index #rightbox, body#site #rightbox
{
margin-top:-380px;
}

#rightbox
{
position:relative;
background-color:#f9efcc;
width:525px;
height:350px;
margin-top:-365px;
margin-left:274px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
color:#330000;
}

#rightbox a{

text-decoration:none;
}

#rightbox ul
{
list-style-type:none;
}

p.small, div.small 
{
font-size:8pt;

}

#text
{
margin-top:30px;
padding:30px;

}

#text h4
{
color:#663333;
line-height:0px;
}

h4.short
{
margin-bottom:-5px;
}

#text h3
{
margin-top:-24px;
margin-bottom:-10px;
}


#text a:link
{
text-decoration:underline;
color:#663333;
}

#text a:visited
{
text-decoration:underline;
color:#663333;
}

#text a:hover
{
text-decoration:underline;
color:#FF9900;
}

#text a:active
{
text-decoration:underline;
color:#663333;
}

#text p>strong{
color:#663333;
}


body#biodynamic #text p, body#costs #text p
{
font-size:8pt;
line-height:10px;
}



#bottomnav 
{
margin-top:105px;
font-family:Verdana, Arial, sans-serif;
font-size:8pt;
color:#663333;
word-spacing:10px;
}

#bottomnav a:link
{
text-decoration:none;
color:#663333;
}

#bottomnav a:visited
{
text-decoration:none;
color:#663333;
}

#bottomnav a:hover
{
text-decoration:none;
color:#FF9900;
}

#bottomnav a:active
{
text-decoration:none;
color:#663333;
}



/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/photo_click.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#gallery {width:775px; height:360px; position:relative; border:1px solid #ddd; background:#f9efcc;  margin-left:22px;}


#gallery ul {list-style:none; padding:5px; margin:0; width:195px; float:right; height:219px; overflow:auto;}

#gallery ul li {display:inline; width:50px; height:50px; float:left; margin:0 4px 4px 0; border:1px solid #444; cursor:pointer;}

#gallery ul li img {display:block; width:50px; height:50px;}

#gallery ul li span {display:none; position:absolute; left:587px; top:235px; width:200px;font-family:verdana, arial, sans-serif; color:#06a; font-size:11px; line-height:15px; text-align:justify;}

#gallery ul li span b {color:#444;}




/* required for IE5.x and IE6 to display the start image size correctly */
#gallery ul li.click i img.default {margin:5px auto 0 auto; width:320px; height:240px; border:1px solid #fff;}

#gallery ul li.off {display:none;}

#gallery ul li.click {border-color:#fc0; background:#f8f8f8; cursor:default;}

#gallery ul li.click i {position:absolute; left:0; top:0; width:545px; height:355px;}

#gallery ul li.click i img {margin:5px auto 0 auto; width:auto; height:auto; border:1px solid #fff;}

#gallery ul li.click span {display:block;}