/* default.css - Default style sheet for westsidegardener.com */

body { font-family: Helvetica, Arial, sans-serif;
       background-color: #ffffff; background-image: url(../images/bg-dual.gif);
       margin: 0;
       padding: 0;
       }
p,ul,ol,li,td { text-align: justify;
                font-size: 10pt;
                line-height: 13pt;
                }
                 
h1 { text-align: left;
     font-size: 18pt;
     font-weight: bold;
     line-height: 20pt;
     }
h2 { text-align: left;
     font-size: 15pt;
     font-weight: bold;
     line-height: 17pt;
     }
h3 { text-align: left;
     font-size: 12pt;
     font-weight: bold;
     line-height: 14pt;
     }
/* hr { width: 640px; } */

a:link {color: blue; text-decoration: none; }
a:visited {color: blue; text-decoration: none; }
a:active {color: blue; text-decoration: none; }
a:hover {color: black; text-decoration: underline; }

/* Page top logos */

div.mainlogo { width: 590px;
               height: 220px;
               margin-left: 80px;
               display: block;
               position: float;
               }
div.mainlogo img { padding-right: 20px;
                   padding-top: 10px;
                   float: left;
                   }

div.logo { width: 590px;
           height: 170px;
           margin-left: 80px;
           display: block;
           position: float;
           }
div.logo p { text-align: left; }
div.logo h1 { text-align: left; 
              padding-top: 10px;
              }
div.logo img { padding-right: 20px;
               padding-top: 10px;
               float: left;
               }
div.logo table { padding-right: 20px;
                 padding-bottom: 20px;
                 float: left;
                 }

/*  Main document body */

div.mainbody { width: 640px; 
               margin-left: 80px;
               display: block;
               }
             
div.mainbody hr { display: block;
                  line-width: 2px;
                  margin-top: 15px;
                  margin-bottom: 15px;
                  }

/*   Navigation   */

div.navigation { position: absolute;
                 z-index: 2;
                 top: 30px;
                 left: 695px;
                 width: 110px;
                 }
body>div.navigation {position: fixed; }
div.navigation p { text-align: center; 
                   width: 110px;
                   font-weight: bold; 
                   border-style: ridge;
                   background: url(../images/nav_background.png);
                   }
div.navigation a:link { display: block; 
                        border-top: 2px ridge #900;
                        color: white;
                        text-decoration: none;
                        }
div.navigation a:visited { display: block; 
                           border-top: 2px ridge #900;
                           color: white;
                           text-decoration: none;
                           }
div.navigation a:hover { display: block; 
                         border-top: 2px ridge #900;
                         color: black;
                         text-decoration: none;
                         }
hr.subbar { margin-right: 350px;
			   }

/* Ads */

div.google_ad_rightside { position: absolute;
                          float: right;
                          z-index: 1;
                          top: 240px;
                          left: 760px;
                          width: 120px;
                          }

div.google_ad_bottom { position: relative;
                       float: center;
                       margin-left: 70px;
							  width: 480px;
                       }

/* Special use classes */

.date { font-family: Helvetica, Arial, sans-serif; font-style: italic;
  font-size: 10pt; line-height: 12pt; color: #808080; }

.lead1 { font-family: Verdana, sans-serif; 
         font-weight: bold; 
         font-size: 10pt; 
         }

.leftside {float: left;
           text-align: left;
			  margin-right: 15px;
			  margin-top: 10px;
			  margin-bottom: 10px;
           }
.rightside { float: right;
             text-align: right;
				 margin-left: 15px;
				 margin-top: 10px;
				 margin-bottom: 10px;
             }
.center {text-align: center; }
.justified {text-align: justify; }
.emphasized {font-style: italic; }

.super { font-size: 8pt; vertical-align: super; }
.sub   { font-size: 8pt; vertical-align: sub; }

.notation { font-family: Helvetica, Arial, sans-serif; font-style: italic;
  font-size: 10pt; line-height: 12pt; color: #808080; }

.notation2 { font-family: Helvetica, Arial, sans-serif; font-size: 8pt; }

.alert { color: #FF0000; font-weight: bold; }

.alert2 { color: #FF0000; font-style: italic; }

.spamhalt { }

/* Images */
 
 .image_caption { color: gray;
                  font-style: italic;
                  font-weight: bold;
                  text-align: center;
						font-size: 10pt;
                	line-height: 13pt;
                  }

.image_left_200 { float: left;
                  width: 200px;
                  text-align: center;
                  border: thin silver solid;
                  padding: 5px;
                  margin-right: 10px;
                  text-align: center;
                  }
.image_left_225 { float: left;
                  width: 225px;
                  border: thin silver solid;
                  padding: 5px;
                  margin-right: 10px;
                  text-align: center;
                  }
.image_left_250 { float: left;
                  width: 250px;
                  text-align: center;
                  border: thin silver solid;
                  padding: 5px;
                  margin-right: 10px;
                  text-align: center;
                  }
.image_left_275 { float: left;
                  width: 275px;
                  text-align: center;
                  border: thin silver solid;
                  padding: 5px;
                  margin-right: 10px;
                  text-align: center;
                  }
.image_left_300 { float: left;
                  width: 300px;
                  text-align: center;
                  border: thin silver solid;
                  padding: 5px;
                  margin-right: 10px;
                  text-align: center;
                  }

.image_right_200 { float: right;
                  width: 200px;
                  text-align: center;
                  border: thin silver solid;
                  padding: 5px;
                  margin-left: 10px;
                  text-align: center;
                  }
.image_right_225 { float: right;
                  width: 225px;
                  text-align: center;
                  border: thin silver solid;
                  padding: 5px;
                  margin-left: 10px;
                  text-align: center;
                  }
.image_right_250 { float: right;
                  width: 250px;
                  text-align: center;
                  border: thin silver solid;
                  padding: 5px;
                  margin-left: 10px;
                  text-align: center;
                  }
.image_right_275 { float: right;
                  width: 275px;
                  text-align: center;
                  border: thin silver solid;
                  padding: 5px;
                  margin-left: 10px;
                  text-align: center;
                  }
.image_right_300 { float: right;
                  width: 300px;
                  text-align: center;
                  border: thin silver solid;
                  padding: 5px;
                  margin-left: 10px;
                  text-align: center;
                  }
.image_centered {	text-align: center;
						float: center;
						border: thin silver solid;
						padding: 5px;
						margin-left: auto;
						margin-right: auto;
						width: auto;
						}
.image_leftside {	text-align: center;
						float: left;
						border: thin silver solid;
						padding: 5px;
						margin-left: auto;
						margin-right: auto;
						width: auto;
						}
.image_rightside { text-align: center;
						 float: right;
						 border: thin silver solid;
						 padding: 5px;
						 margin-left: auto;
						 margin-right: auto;
						 width: auto;
						 }

.invisible_centered_box {	text-align: center;
									float: center;
									padding: 0;
									margin-left: auto;
									margin-right: auto;
									width: auto;
									}