body, p, h1, h2, h3, h4, h5, ul, ol, dl, li, div {
                                                  margin: 0;
                                                  padding: 0;
 
}
body {color: black;
      background: #cedfd5;
      background-image: url(images/nav_bg.jpg);
      background-repeat: repeat-y;      
      background-position: top left;
      font-family: "Trebuchet MS", Helvetica, sans-serif;
      font-size: 1em;
}


h1 {font-size: 1.6em;
    padding: 0.4em 0 0.4em 0; 
    color: #141915;
    background: inherit;  
}

h2 {font-size: 1.3em;
    padding: 0.4em 0 0.4em 0; 
    color: #141915;
    background: inherit; 
}

h3 {font-size: 1.2em;
    padding: 0.4em 0; 
}

h4 {font-size: 1.1em;  
    padding: 0.4em 0;
}

p {padding: 0.4em 0;
}

p.picture img {border: 1px solid #141915;
}

.floatright img {border: 1px solid #141915;
}

.center {text-align: center;
}

.indent {margin-left: 1em;
}

a:link {color: #141915;

}


a:visited {color: #53006B;

}

a:hover {color: white;
         background: #497A59;

}

#nav {float: left;
      width: 250px
      padding-top: 0.5em;      
      padding-left: 1em;
      height: 100%;
      background: #9ec1a9;
     
}


#nav li {padding: 0.3em 0 0.3em 16px;
         font-size: 0.95em;
         list-style-type: none;
         background-image: url(images/nav.gif);
         background-position: left center;
         background-repeat: no-repeat;
}

#nav li.indent {list-style-type: none;
                background-image: none;
                padding-left: 1.2em;
}


#nav a:visited {color: #53006B;

}

#nav a:hover {color: black;
              background: #DBE8E0;

}



#nav li#here {font-weight: bold;
              
}

#subnav {font-style: italic;
         padding: 0.5em 0;
}



#subnav li {display: inline;
            padding-left: 1em;
}

#content {margin-left: 250px;
          color: black;
          background: #cedfd5;
          padding-right: 10%;
          padding-left: 1em;         
          height: 100%;
          position: relative;
}


#main {padding-left: 1em;
       padding-bottom: 130px;
}

.totop {text-align: right;
}


p.totop a:link, p.totop a:visited, p.totop a:hover  {color: #141915;
               background: #cedfd5;
}


sup {vertical-align: top;
}


span.reduce {font-size: 0.8em;
               
}

.clear {clear: both;
}

#footer {position: absolute;
         bottom: 0; left: 0;
         padding: 0 0 0.5em 1em;
         font-size: 0.9em;   
                
}

#grapes {position: absolute;
         bottom: 0; right: 10%;
}  


/*home styles*/


#home #main {padding-bottom: 250px;
}

#home .floatright {float: right;
                   width: 250px;
                   padding-left: 15px;

}

#home .floatright .center {text-align: center;
}

#home .floatright .indent {padding-left: 1em;
}

#awwd {font-variant: small-caps;
       font-size: 0.8em;
       width: 200px;
       margin-top: 2em;
}

/* Newsletters Styles */

#newsletters #content {padding-bottom: 5%;
}

#newsletters #content li {list-style-type: none;
                         padding: 0.1em 0 0.2em 0.4em;
}

#newsletters .floatleft {float: left;
                         width: 25%;

}

/* Contact Us Styles */



#contact .address {margin-left: 1em;
}

#contact .directions {margin-left: 1em;
                      margin-top: 0.5em;
                      
}

#contact p.indent {margin-left: 1em;
}

/* show styles */


#show dl {margin-top: 1em;
          margin-bottom: 1em;
}

#show .floatright {float: right;
                   width: 474px;
                   padding-left: 15px;
}

/* calendar styles */

#calendar #content li {list-style-type: none;
}


#calendar dt {font-weight: bold;
              padding-bottom: 0.3em;
             
}

#calendar dt span.subject {padding-left: 2em;
}

#calendar dd {padding-bottom: 1em;
} 

#calendar p.indent {margin-left: 2em;
}

#calendar .floatright {float: right;
                      width: 250px;
                      padding-left: 15px;
}

/* documents styles */


#documents #content {padding-bottom: 10%;
                     
}

#documents #content li {list-style-type: none;
                        border: 2px solid #9ec1a9;
                        margin-bottom: 0.1em;
                        padding: 0.3em;
}

#documents #content li a {color: #3d1d46;
}

#documents #content li a:hover {color: white;
}

#documents #content ul {margin: 0 0.5em 0 0;
                         

}

#documents #doc_column1 {width: 30%;
                         float: left;
                         height: 100%; 
                         margin: 0; 
}


#documents #doc_column2 {width: 30%;
                         float: left;
                         height: 100%;
                         margin: 0;  



}
#documents #doc_column3 {min-width: 30%;
                         height: 100%;
                         margin: 0;     


}

/* new members' guide styles */

#guide #main li {list-style-type: disc;
}

#guide #main ul {padding: .5em 0 .5em 1em;
}

/* registration form styles */

#associate {border-top: 1px dashed black;
            border-bottom: 1px dashed black;
            margin: 2em 0;
            padding: 1em 0;
}
 

.box {border: 1px solid black;
              padding: 0.4em;
              margin: 1em 0;
}

.underline {border-bottom: 1px solid black;
            font-weight: bold;
}

.extrapad {padding: 1em 0;
}

#form p {border-bottom: 1px solid black;
            font-weight: bold;
}

#form p .normal {font-weight: normal;
                 font-style: italic;
                
}

#form .left {float: left;
             width: 35em;
}

#form .leftsmall {float: left;
                  width: 10em;
}

/* membership styles */

#membership dt {float: left;
                width: 10em; 
}

/*about us styles*/

#about .floatright {float: right;
                    width: 250px;
                    padding-left: 15px;

}