/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin: 0; padding: 0; }

html,body { margin:0;
            padding:0;
            font-family: arial, helvetica, verdana, sans-serif;
            color: #000;
            background: #D3E4C2;
          }

body { font-size: 62.5%; /*set to this to make em calculations based on 10-pixel em square*/ } 

div#container { position:relative; /* needed for footer positioning*/
                width:775px;
                margin:0 auto; /* center, not in IE5 */
                margin-top: 10px; 
                margin-bottom: 10px;
                background: #fff url(../images/menu/faux-column.gif) repeat-y left;
                border: solid #fff;
                border-width: 2px;
              }

#headermain { width: 775px;
              float: left;
              margin-top: 0px;
              padding-top: 0;
              padding-bottom: 0px;
            }

#pagetitle {  width: 565px;
              float: right;
              margin-top: 0px;
              padding-top: 0;
              padding-bottom: 0px;
            }

#navigation { width: 208px;
              height: auto; /* this has to be here for safari - worked without in all other browsers */
              padding: 0px;
              float: left; 
            }

#menu { position: relative;
        padding: 0;
      }

#menu ul { list-style-type: none;
           margin: 0;
           padding-left: 4px;
           padding-right: 4px;
           width: 200px;
         }

#menu li { background: #4e930b;
           font: bold 1.2em arial, helvetica, verdana, sans-serif;
           line-height: 2.7em;
           margin-bottom: 0px;
         }

#menu a { display: block; height: 1%;
          color: #fff;
          background-color:inherit; 
          text-decoration: none;
          border-bottom-width: 1px;
          border-bottom-style: solid;
          border-bottom-color: #8bba6b;
          margin: 0;
          padding: 2px 3px;
          text-align: left;
          text-indent: 7px;
        }

#menu a:hover { background: #8bba6b;
                border-bottom-width: 1px;
                border-bottom-style: solid;
                border-bottom-color: #fff;
              }

div#content { float: right;
              width: 540px;
              padding-left: 10px;
              padding-right: 10px;
              padding-top: 10px;
              padding-bottom: 10px;
              font-size: 1.2em; 
            }

div#contentmain { float: left; 
                  width: 390px;
                  padding-left: 15px;
                  padding-right: 10px;
                  padding-top: 10px;
                  padding-bottom: 10px;
                  font-size: 1.2em; 
                }

div#contentcolumn { float: right;
                      width: 140px;
                      margin-right: 0px;
                      margin-top: 0px;
                    }

/************ text and heading coding ************************/

h1 { font-size: 1.6em;
     color: #6aa741;
     padding-top: 4px;
     padding-bottom: 10px;
   }

h2 { font-size: 1.3em;
     color: #6aa741;
     padding-top: 4px;
     padding-bottom: 8px;
   }

h3.callout { font-size: 1.2em;
             display: inline;
             background: #8bba6a;
             color: #fff;
             padding: 5px;
             border: 1px solid #CCCCCC;
           }

h4 { font-size: 1.1em;
     font-weight: bold;
     text-align: center;
     color: #000;
     padding-top: 3px;
     padding-bottom: 0px;
   }
   
h4.workshop { font-size: 1.1em;
              font-weight: bold;
              text-align: left;
              color: #000;
              padding-top: 3px;
              padding-bottom: 0px;
            }
            
p { text-align: justify;
    font-size: 1.0em;
    padding-bottom: 10px;
  }
  
p.registerby { text-align: left;
               font-size: 1.0em;
               font-weight: bold;
               color: #ff6600;
               padding-bottom: 10px;
             }
  
p.workshop { text-align: left;
             font-size: 1.0em;
             padding-bottom: 10px;
           }
           
b { font-weight: bold; }

b.earlybird { color: #ff6600; }

#content ul, #contentmain ul { list-style-type: square;
                               padding-left: 20px;
                               margin-left: 0;
                             } 

#content li, #contentmain li { padding-left: 5px;
                               margin-bottom: 10px;
                             }

ul.callout { list-style-type: square;
             margin-top: 5px;
             margin-bottom: 10px;
             padding-top: 15px;
             padding-bottom: 5px;
             padding-left: 20px;
             padding-right: 20px;
             margin-left: 0;
             background:#EEF5E7;
             color: #000;
             border: 1px solid #CCCCCC;
           }

b.callout { color: #4F930C; }

ul.workshop { list-style-type: none;
              padding-bottom: 15px;
              padding-left: 0;
              margin-left: 0;
            }

ul.workshop li { display: inline;
                 float: left;
                 background: url(../images/workshopbullet.gif) no-repeat;
               }

div#columncopy { font-size: 1.0em;
                 background: #e5e5d2;
                 color: #000;
                 float: right;
                 width: 140px;
               }

div#columncopy p { text-align: center;
                   padding: 5px; }


#columncopy ul { list-style-type: square;
                 padding-top: 5px;
                 padding-left: 22px;
                 margin-left: 0;
               } 

#columncopy li { padding-left: 5px;
                 margin-bottom: 5px;
               }

div#columnservices { font-size: .9em;
                     background: #e5e5d2;
                     color: #000;
                     float: right;
                     width: 140px;
                     margin-top: -8px;
                     margin-right: -10px;
                     margin-left: 20px;
                     margin-bottom: 20px;
                     padding-top: 2px;
                     padding-bottom: 2px;
                   }

#columnservices ul { list-style-type: square;
                     padding-top: 5px;
                     padding-left: 22px;
                     margin-left: 0;
                   } 

#columnservices li { padding-left: 5px; margin-bottom: 5px; }

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

a:visited, a:hover {color: #7b7b4d; }

a.boldlink { color: #4F930C; font-weight: bold; text-decoration: underline;}

a.boldlink:hover { color: #7b7b4d; }

a.sitemap { color: #6aa741; text-decoration: underline; }

a.sitemap:hover {color: #7b7b4d; }

table { width: 100%;
        background:#EEF5E7;
        color: #000;
        border-collapse: collapse;
        border: 1px solid #CCCCCC;
        margin-bottom: 10px;
      }

th { font-size: .95em; text-align: left; border: 1px solid #CCCCCC; padding: 8px;} 

td { font-size: .95em; text-align: left; border: 1px solid #CCCCCC; padding: 8px; }

.extraspace { white-space: pre; }

/*********** photo coding **********/

img { border: none; }

.photo {
	float: right;
	margin-right: 0px;
	margin-top: 2px;
	margin-bottom: 3px;
	border: 0px;
       }

.pullquote { float: left;
             width: 390px;
             margin-right: 0px;
             margin-top: 0px;
             margin-bottom: 15px;
           }

/******** footer and bottom border coding ****************/

div#footer { clear: both;
             background: url(../images/footer-bg.gif) repeat-y left;
             padding-top: 5px;
             border-top-width: 2px;
             border-top-style: solid;
             border-top-color: #fff;
           }

div#footer p { font-size: 1.0em;
               text-align: right;
               color: #fff;
               background-color:inherit; 
               padding-right: 10px;
               padding-top: 5px;
               padding-bottom: 10px;
               margin-bottom: 0;
             }

div#footer a { text-decoration: none; }

div#footer a:link, div#footer a:active {color: #fff;}

div#footer a:visited, div#footer a:hover {color: #caecb3; background-color:inherit; }

p.copyright { text-align: center;
              font-size: 1.0em;
              padding-bottom: 15px;
            }