/*******************************************************************************
 * GARDEN SIMPLY.COM
 ******************************************************************************/

body {
font:normal 12px verdana, arial, helvetica;
color: #030;
margin: 0px;
}
TD, LI, UL, Table{
background: transparent;
color: #030;
font:normal 12px verdana, arial, helvetica;
}
p {
background: transparent;
color: #030;
font:normal 13px verdana, arial, helvetica;
margin:10px 0;
text-align:justify;
}
/*******************************************************************************
 *   LINK STYLES
 ******************************************************************************/
a:link {
color: #600;
background: transparent;
font-family: helvetica,verdana, arial;
font-weight:bold;
letter-spacing: 1px;
text-decoration: none;
}
a:visited, a:active {
color: #063;
text-decoration: none;
}
a:hover {
color: #93784E;
text-decoration: underline;
}
a:active {
color: #695638;
}
a.menu:link 	{
color: #600;
background: transparent;
font:bold 12px verdana, arial, helvetica;
padding: 3px;
line-height: 20px;
text-decoration: none;
}
a.menu:visited {
color: #963;
background: transparent;
font:bold 12px verdana, arial, helvetica;
padding: 3px;
line-height: 20px;
text-decoration: none;
}
a.menu:hover {
color: #93784E;
background: transparent;
font:bold 12px verdana, arial, helvetica;
padding: 3px;
line-height: 20px;
text-decoration: underline;
}
a.menu:active{
color: #695638;
background: transparent;
font:bold 12px verdana, arial, helvetica;
padding: 3px;
line-height: 20px;
text-decoration: none;
}
a.nav:link,a.nav:active {
color: #600;
background: transparent;
font:normal 11px/15px verdana, arial, helvetica;
letter-spacing: 1px;
text-decoration : none;
}
a.nav:visited {
color: #063;
text-decoration : none;
}
a.nav:hover {
color: #93784E;
text-decoration: underline;
}
a.art:link {
color: #600;
font:bold 14px/24px verdana, arial, helvetica;
letter-spacing: .1em;
text-decoration: none;
}
a.art:visited {
color: #063;
font:bold 14px/24px verdana, arial, helvetica;
letter-spacing: .1em;
text-decoration: none;
}
a.art:hover {
color: #93784E;
font:bold 14px/24px verdana, arial, helvetica;
letter-spacing: .1em;
text-decoration: underline;
}
a.art:active {
color: #695638;
font:bold 14px/24px verdana, arial, helvetica;
letter-spacing: .1em;
text-decoration: none;
}
/*   HEADER TABLE   */
 .navigation {
background: #fff;
color: #695638;
font:normal 11px/18px verdana, arial, helvetica;
letter-spacing: .1em;
text-align: left;
}
.topnav {
background: #fff;
color: #695638;
font:bold 12px/20px verdana, arial, helvetica;
text-align: center;
padding: 3px;
}
.topnav2 {
background: #ffffff;
color: #695638;
text-align: center;
font-weight: 500;
padding: 1px;
font-size: 11px;
line-height: 15px;
}
.botnav {
background: transparent;
color: #003300;
text-align: center;
letter-spacing: 1px;
font-size: 10px;
padding: 5px;
}
.copyright {
background: transparent;
color: #003300;
text-align: left;
font-size: 8px;
letter-spacing: 1px;
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
padding-bottom: 3px;
border-top: solid 1px #93784e;
}
.greentext {
background: #eaf7e5;
text-align: left;
font-size: 10px;
letter-spacing: 1px;
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
padding-bottom: 3px;
}
.greenbotnav {
background: #eaf7e5;
color: #003300;
text-align: center;
font-size: 10px;
letter-spacing: 1px;
}
.greencopyright {
background: #eaf7e5;
color: #003300;
text-align: center;
font-size: 8px;
letter-spacing: 2px;
padding: 3px;
}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
table#tabbar tr td#tabs a {
    float: none;
}
/* End IE5-Mac hack */ 
/* 
 * Text placed in spans will not be displayed in CSS-compliant browsers, but
 * will be displayed in text-only or audio browsers
 */
/*       MONTHLY TABLE         */  
.mtable {
background: transparent;
text-align:left;
border:none;
padding:10px; 
width:100%;
}
.mtable a, .mtable a:active 	{
color: #600;
background: transparent;
font:bold 14px/24px helvetica,verdana, arial;
letter-spacing:.1em;
text-decoration: none;
}
.mtable a:visited {
color: #963;
}
.mtable a:hover {
color: #93784E;
}
/*       RIGHT NAV COLUMN         */  
.rightcol {
background:#fff url("graphics/rightcol.jpg")  repeat-x right;
margin:0;
padding:0;
}
/*          GENERAL STYLES          */
h1 { 
color: #030;
background: transparent;
font: bold 150%  helvetica, verdana, arial;
letter-spacing: .1em;
}
h1.center { 
color: #030;
background: transparent;
font: bold 150%  helvetica, verdana, arial;
letter-spacing: .1em;
text-align:center;
}
h1.border { 
font: bold 160%  helvetica, verdana, arial;
border-top: solid 1px #030;
border-bottom: solid 1px #030;
background:#eaf7e5; 
width:100%;
text-align:center;
padding:5px 0;
}
h1.rrroom { 
color: #030;
background: #f3f3f3;
font:bold 16px trebuchet ms,verdana, helvetica;
letter-spacing: .2em;
border-top: solid 1px #ccc;
border-bottom: solid 1px #ccc;
margin:5px 0 10px 0;
padding:2px;
text-align:right;
}
h1.lrroom { 
color: #030;
background: #f3f3f3;
font:bold 16px trebuchet ms,verdana, helvetica;
letter-spacing: .2em;
border-top: solid 1px #ccc;
border-bottom: solid 1px #ccc;
margin:5px 0 10px 0;
padding:2px;
text-align:left;
}
h2 {
color: #030;
background: transparent;
font:bold 17px verdana, arial, helvetica;
letter-spacing: .1em;
}
h3 {
background: transparent;
color: #003300;
font-family: verdana, arial, helvetica;
font-size: 22px;
font-weight: 700;
letter-spacing: 2px;
}
h4 {
background: transparent;
color: #003300;
font-family: verdana, arial, helvetica;
font-size: 10px;
font-weight: 500;
letter-spacing: 1px;
color: #003300;
}
h5 {
background: #ffffff;
color: #003300;
font-family: verdana, arial, helvetica;
font-size: 12pt; 
font-weight: bold; 
width: auto;
border-top-width: thin;
border-bottom-width: thin;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #ece9dd;
border-bottom-color: #ece9dd;
}
h6 {
color: #003300;
background: transparent;
font-family: trebuchet ms,verdana, arial, helvetica;
font-size: 16px;
font-weight: 600;
letter-spacing: 2px;
border-top: solid 1px #ece9dd;
border-bottom: solid 1px #ece9dd
}

/* Image Classes */
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
img, img a {
  border: none;
  text-decoration: none;
}
img.centered {
  text-align:center;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
  img.alignright {
float: right;
padding:0 0 0 10px;
}
  img.alignleft {
float: left;
padding: 0 5px 0 0;
}
.mright {
float: right;
}
.mleft {	
background-color:#fff;
background-image: url("graphics/beechleaf.gif");
background-position:left;
background-repeat: no-repeat;
padding:10px 0 5px 45px;
margin:5px 0;
}
.adsenseleft {
float: left; 
margin: 3px 3px 3px 0;
padding: 3px 0 0 10px;
width:336px;
height:280px;
background:#fff;
}
.adsenseright {
float: right; 
margin: 3px 3px 3px 0;
padding: 3px 0 0 18px;
width:336px;
height:280px;
background:#fff;
}
.articles {
text-align: justify;
}
.leftside {
background: #fff;
color: #003300;
padding: 3px;
text-align: left;
border-right: solid 1px #93784e;
}
.rightside {
background: #fff;
color: #003300;
padding: 3px;
text-align: left;
border-left: solid 1px #93784e;
}
.textarea {
background: #fff;
color: #003300;
font-size: 12px;
text-align: justify;
line-height: 20px;
padding: 15px;
}
.monthly {
background: #fff;
color: #030;
text-align: left;
font-size: 20px;
line-height: 25px;
padding: 5px;
}
.three {
background: transparent;
text-align: left;
font: normal 11px/12px verdana, arial, helvetica;
padding: 3px;
}
.three h1 {
background: transparent;
text-align: left;
font: bold 11px tahoma, verdana, helvetica;
margin:4px 0px;
}
.three ul {
background: transparent;
font: normal 10px verdana, arial, helvetica;
margin:0px;
list-style-type:none;
}
.three li {
font: normal 10px verdana, arial, helvetica;
background:#fff url("graphics/arrow-tinygr.gif") 0 3px no-repeat;
padding:0 0 0 10px;
list-style-type:none;
margin:5px 0;
}
/*  REMINDERS */
.reminders  {
margin:3px;
}
.reminders h1 {
color: #030;
background: transparent;
font:bold 140% verdana, arial, helvetica;
letter-spacing: 1px;
text-align:center;
margin:5px 0;
}
.reminders p {
background: transparent;
color: #030;
font: 120% verdana, arial, helvetica;
margin:5px 0px;
}
.reminders ul {
font: 12px verdana, arial, helvetica;
margin:10px 0px 15px 10px;
list-style-type:none;
}
.reminders li {
font: normal 12px verdana, arial, helvetica;
background:#fff url("graphics/arrow-tinygr.gif") 0 3px no-repeat;
padding:0 0 0 15px;
list-style-type:none;
margin:10px 0;
}
/*  BOOK OF THE MONTH  */
.bom {
font:bold 11px arial, helvetica;
color: #030;
background: transparent;
margin:3px;
text-align:justify;
}
.bom  p {
background: transparent;
margin:5px 0px;
}
/*  CREDITS */
.credits {
font:normal 9px/12px verdana, arial, helvetica;
letter-spacing: 1px;
padding: 10px 5px 10px 5px;
vertical-align: middle;
border-top: dashed 1px #f30;
border-bottom: dashed 1px #f30;
}
.credits a,.credits a:visited {
color: #030;
background: transparent;
font:bold 9px/12px verdana, arial, helvetica;
letter-spacing: .1em;
font-style: italics;
text-decoration : none;
}
.credits a:hover {
color: #f30;
text-decoration: underline;
}
.tiny {
font-size: 9px;
text-align: right;
padding: 1px;
}
.right {
font-size: 9px;
letter-spacing: 1px;
font-weight: bold;
display: block;
float: right;
margin:5px;
}
.left {
font-size: 9px;
letter-spacing: 1px;
font-weight: bold;
display: block;
float: left;
margin:5px;
}
.photo-caption {
font-size: 8px;
letter-spacing: 1px;
font-weight: bold;
text-align: left;
padding-top: 2px;
}
.nlcat {
font:bold 15px/18px trebuchet ms, arial, helvetica;
color: #030;
letter-spacing: 1px;
text-align: right;
vertical-align: bottom;
width:620px;
height:50px;
background-image: url(graphics/nlhead.gif);
background-position: top;
background-repeat: no-repeat;
}
/*******************************************************************************
 * FORM STYLES
 ******************************************************************************/
/*
input {
    border: 1px solid #429649;
    background-color: #D3F3C4;
    font-size: 1em;
}

input.alt {
    background-color: white;
}
*/

fieldset label {
    padding-bottom: 1em;
}

fieldset label .input {
    float: right;
    width: 66%;
}

fieldset label .input input, 
fieldset label .input select,
fieldset label .input textarea
{
    font-size: 0.8em;
    margin-bottom: 1em;
}

.error {
    font-weight: bold;
    color: red;
}

.required {
    font-weight: bold;
}