/*  GardenNotes Style Sheet - designed by Dana Noonan - info@infomaven.com */

/*  DOCUMENT STRUCTURE  */
#header, #footer, #content, #sidebar { display : block; }

#headerprint, #footerprint { display : none; }

body {
width: 760px;
background: #696;
color: #000;
FONT: 12px/16px 'Lucida Grande', Verdana, Sans-Serif;
/*font-family:  "Trebuchet MS", 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;*/
text-align: center;
margin-left: auto; 
margin-right: auto;
}

#clearer {
height: 0;
clear: both;
}


/* HEADER */

#header h1 { font: normal 60px Georgia, "Times New Roman", Times, serif; /*margin-left: 100px;*/ padding-top: 40px; text-align: center; color: #ffffff; /*padding: 20px 0 20px 0;*/ } 

#header h1 a { color:  #C1FFC1; text-decoration : none;}
#header h1 a:hover { color: #F0FFFF; text-decoration : underline;}

#topbar 
{ width: 760px;
float: left;
/*clear:both;*/
margin: 0;
padding: 2px 0 2px 0 ;
font-size: 16px; font-weight: normal;
color: #008; background: #bd9;
font-family:  "Trebuchet MS", Verdana, sans-serif;
}

.navtop a { padding : 0px 3px; background: #bd9; color : #008; text-decoration : none; }
.navtop a:visited { padding : 0px 3px; background: #bd9; color : #008; text-decoration : none; }
.navtop a:hover { padding : 0px 3px; background: #a94; color : #fff; text-decoration: none;  }


/* CONTENT */
#content {
width: 760px;
background: #fff url(i/background-g.gif) repeat-y left;
float: left;
margin: 0;
}

#main {
width: 520px;
margin: 0;
padding: 5px 20px 5px 10px;
text-align: left;
float: right;
clear: right;
color: #000; background: transparent;
}


/* SIDEBAR */

#sidebar {
background: #fff url(i/background-g.gif) repeat-y left;
float: left;
width: 210px;
margin: 0; 
clear: both;
text-align: center;
font: 1.2em "Trebuchet MS", verdana, arial, sans-serif; }

.navblock a { 
 margin: 0px; padding-bottom: 8px; color: #282; background-color: transparent; text-transform: uppercase; text-align: center; text-decoration: none; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold;  display: block; cursor: default; }

.navblock a:hover { color: #994; background-color: transparent; text-decoration: underline;  }

.navdiv {height: 4px; width: 115px;  border-top: 4px solid #cda; padding-bottom: 8px;  } 


/* FOOTER */

#footer
{
width: 760px;
float: left;
clear:both;
margin:0 auto;
padding: 1px 0 1px 0;
font-size: 12px;
text-align: left;
font-size: 12px; font-weight: normal;
color: #008; background: #bd9;
font-family:  "Trebuchet MS", Verdana, sans-serif;
}

.navfoot a { background: #bd9; color : #008; text-decoration : none; }
.navfoot a:visited { background: #bd9; color : #008; text-decoration : none; }
.navfoot a:hover { background: #bd9; color : #008; text-decoration: underline; }


/* HEADINGS */

h1 {font: 24px/28px "Trebuchet MS", Arial,Helvetica,sans-serif; font-weight: normal;  text-align: left; color: #060; background-color : transparent; font-variant: normal; }

h2 {font: 20px/24px Arial,Helvetica,sans-serif; font-weight: 500;  text-align: left; color: #060; background-color : transparent; font-variant: normal;  }

h3 {font: 16px/20px Arial,Helvetica,sans-serif; font-weight: normal; text-align: left; margin-bottom: -10px; font-variant: small-caps }


/* Links */

#main a { color: #008; background-color: transparent; text-decoration: none; font-weight:bold;  }
#main a:visited { color: #008; background-color: transparent; text-decoration: none;  font-weight: normal;  }
#main a:hover { color: #060; background-color: transparent; text-decoration: underline; }

a img {  border-width:0;  }


/*  IMAGES  first the old way then the new way */
img.center { display: block; margin-top: 10px; margin-bottom: 10px; margin-right: 0px; margin-left: 0px; }
img.left { display: block; margin-top: 5px; margin-bottom: 10px; margin-right: 10px; }
img.right {	 display: block; margin-top: 5px; margin-bottom: 10px; margin-left: 15px; }

.imgcenter { display: block; margin-top: 10px; margin-bottom: 10px; margin-right: 0px; margin-left: 0px; }
.imgleft { display: block; margin-top: 5px; margin-bottom: 10px; margin-right: 10px; float:left;padding: 5px 10px 0px 0px; }
.imgright {	 display: block; margin: 0px; float: right; padding: 2px 10px 5px 2px;}


/* MISC */

.left { float: left;width: 50%; text-align: left; }
.right { float: right;width: 50%;text-align: right }

.center { text-align: center; }

.alert { color: #f00; background-color: transparent; } 
.highlight { color: #000; background-color: #FF0; }

.boxtitle {font-family: Arial,Helvetica,sans-serif; font-weight: normal; font-size: 16px; text-align:left;}


/* FORMS */

div.row {   clear: both;   padding-top:4px;   }

.label { float: left; width: 30px; text-align: left; padding-top: 5px; }

.formw { float: left; width: 200px; text-align: left; padding: 0 0 0 1em; } 

/* ADS */

.adblockright {float: right; margin: 0 0 10px 5px;}
.adblockleft {float: left; margin: 0 5px 10px 0;}