/*
CSS for Co-op
*/

body  {
      background-color: #eeeebb;
      }

img {
    margin: 2px;
    }
    
h1	{
	font-family: verdana, "Trebuchet MS", sans-serif;
	font-size: 230%;
    font-weight: normal;
    color: #666600;
   	padding-top: .6em;
   	padding-bottom: .6em;
   	padding-left: .4em;
   	margin: 0;
    }

h2, h3 {
    font-family: Arial, sans-serif;
    font-weight: normal;
    }

h2  {
    color: #777700;
    font-size: 130%;
    font-weight: normal;
   }
 
h3 {
    color: #777700;
    font-size: 105%;
    font-weight: normal;
    }
   
p, li {
  font-size: 100%;
  color: #444400;
}    
    
/
a:link, a:visited, a:hover, a:active {
        color: #008000;
        }
 
 /* Navigation buttons */
    
.navformat {
}

.navformat2  {
}

.navformat3  {
}


a.navformat:link, a.navformat:visited  {
  float: left;
  margin: 1px 5px 4px 5px;
  padding: 12px;
  width: 100%;
  border-top: 2px solid #ddddbb;
  border-bottom: 2px solid #9999bb;
  border-left: 3px solid #ddddbb;
  border-right: 3px solid #9999bb;
  background: #c9cc99;
  text-align: center;
  text-decoration: none;
  font: bold small arial;
  color: #666600;
  }

a.navformat:hover
{
  background: #acb099;
  color: #eeeeff;
  }

a.navformat:active
{
  background: #ccda88;
  color: #eeeeff;
  border-top: 2px solid #e9e9bb;
  border-bottom: 2px solid #bdbdbb;
  border-left: 3px solid #e9e9bb;
  border-right: 3px solid #bdbdbb;
}

a.navformat2:link, a.navformat2:visited  {
  float: left;
  margin: 1px 5px 4px 5px;
  padding: 12px;
  width: 80%;
  border-top: 3px solid #ddddbb;
  border-bottom: 3px solid #9999bb;
  border-left: 3px solid #ddddbb;
  border-right: 3px solid #9999bb;
  background: #fab326;
  text-align: center;
  text-decoration: none;
  font: bold small georgia;
  color: #666600;
  }

a.navformat2:hover
{
  background: #fcd006;
  color: #eeeeff;
  }

a.navformat2:active
{
  background: #ccda88;
  color: #eeeeff;
  border-top: 3px solid #e9e9bb;
  border-bottom: 3px solid #bdbdbb;
  border-left: 3px solid #e9e9bb;
  border-right: 3px solid #bdbdbb;
}

a.navformat3:link, a.navformat3:visited  {
  float: left;
  margin: 1px 3px 3px 3px;
  padding: 6px;
  width: 10%;
  border-top: 2px solid #ddddbb;
  border-bottom: 2px solid #9999bb;
  border-left: 3px solid #ddddbb;
  border-right: 3px solid #9999bb;
  background: #c9dd99;
  text-align: center;
  text-decoration: none;
  font: bold 8pt arial;
  color: #666600;
  }

a.navformat3:hover
{
  background: #acb099;
  color: #eeeeff;
  }

a.navformat3:active
{
  background: #ccda88;
  color: #eeeeff;
  border-top: 2px solid #e9e9bb;
  border-bottom: 2px solid #bdbdbb;
  border-left: 3px solid #e9e9bb;
  border-right: 3px solid #bdbdbb;
}

a.navformat4:link, a.navformat4:visited  {
  float: left;
  margin: 1px 5px 4px 5px;
  padding: 12px;
  width: 100%;
  border-top: 2px solid #ddddbb;
  border-bottom: 2px solid #9999bb;
  border-left: 3px solid #ddddbb;
  border-right: 3px solid #9999bb;
  background: #c9bb44;
  text-align: center;
  text-decoration: none;
  font: bold small arial;
  color: #666600;
  }

a.navformat4:hover
{
  background: #acb099;
  color: #eeeeff;
  }

a.navformat4:active
{
  background: #ccda88;
  color: #eeeeff;
  border-top: 2px solid #e9e9bb;
  border-bottom: 2px solid #bdbdbb;
  border-left: 3px solid #e9e9bb;
  border-right: 3px solid #bdbdbb;
}


/* Positioning */

#header, #navigation, #farmnav, #logo, #news, #news2, #bodycontent, #contact, #aboutcontent, #communitycontent, #newsletters, #tablehurst, #plawhatch, #tablehurstname, #plawhatchname, #tablehurstcontent, #plawhatchcontent, #rightsidebar, #leftsidebar, #apprenticescontent, #phshopcontent  {
          position: absolute;
          }

#header {
        left: 0px;
        top: 0px;
        }
        
#navigation  { 
           left: 0px;
           top: 160px;
           }
       
#farmnav  { 
           left: 20px;
           top: 100px;
           }      
           
#logo  {
	top: 0px;
	left: 570px;
    }

 #news  {
	top: 180px;
	left: 615px;
    }
  
 #news2  {
	top: 480px;
	left: 615px;
    } 
  
 #tablehurstcontent, #plawhatchcontent  {
                     top: 150px;
                     left: 10px;
                     }    

 #rightsidebar  {
                top: 150px;
                left: 550px;
                }    
 
 #leftsidebar  {
                top: 150px;
                left: 10px;
                }  
    
 #bodycontent, #contact, #aboutcontent, #communitycontent, #newsletters, #tablehurst, #apprenticescontent  {
              left: 165px;
              top: 175px;
              }
             
#plawhatch {
           left: 480px;
           top: 175px;
           }

#tablehurstname, #plawhatchname {
                left: 100px;
                top: 0px;
                }           

#phshopcontent  {
                left: 200px;
                top: 150px;
                }                
                
/* End of positioning */

#navigation  {
         margin: 0;
         padding: 0;
         width: 110px;
         }  
      
#farmnav  {
         display: inline;
         margin: 0;
         padding: 0;
         width: 750px;
         }      
         
#sitename {
        width: 550px;
        text-align: center;
        }  
        
#header {
        width: 780px;
        border-bottom: 2px solid #444400
        }        
        
#news   {
        margin: 0;
        width: 150px;
        border: 1px solid #444400;
        padding: .4em;
        background: #FFFF30;
        }
 
 #news2   {
        margin: 0;
        width: 150px;
        border: 1px solid #444400;
        padding: .4em;
        background: #EAAE24;
        }
        
 /*       
 #news p {
       color: #eeeebb;
       }       
 
 #news h2 {
       color: #eeeebb;
       }  
 
 */
 
 #bodycontent {
              width: 400px;
              margin-top: .5em;
              text-align: justify;
              }
              
#aboutcontent, #communitycontent, #apprenticescontent {
              width: 600px;
              margin-top: .5em;
              text-align: justify;
              }

#newsletters {
             width: 500px;
             
             }               

#tablehurst, #plawhatch {
             width: 260px;
             }
    
#homebutton {
            width: 730px;
            }
            
#tablehurstname, #plawhatchname {
                 width: 600px;
                 font-size: 130%;
                 text-align: center;
                }
             
#contact {
         width: 730px;
         text-align: left;
         }
         
#tablehurstcontent, #plawhatchcontent  {
                    width: 750px;
                    text-align: justify;
                    }   

#phshopcontent  {
                width: 350px;
                text-align: justify;
                }          
                    
#rightsidebar  {
               width: 200px;
               text-align: justify;
                    }
 
#leftsidebar  {
               width: 200px;
               text-align: justify;
                    }
         
#homenav  {
          text-decoration: none;
          border: none;
          }

.flr {
     float: right;
     padding: 5px;
     }

.fll {
     float: left;
     padding: 5px;
     }

.diagram {
         border: 2px solid #666600;
         }
   
.home {
      border: 0 solid red;
      }
         
.caption {
         font-style: italic;
         font-family: Georgia, Times, serif;
         color: #444400;
         margin: 0;
         text-align: center;
       }
      
.comic {
       font-size: x-large;
       font-family: "comic sans ms", arial;
       color: #008000;
       }
       

/*

body {
	 font-family: Arial, sans-serif;
	 background-color: #ffffff;
	 line-height: 100%;
	 padding: 0;
     margin: 0;
}




h2  {
    color: #0000ff;
    font-size: 130%;
    font-weight: normal;
   }

h3  {
    color: #3333ff;
    font-size: 100%;
    font-weight: normal;
    margin-bottom: 5px;
   }

li {
   font-size: small;
   list-style-type: none;
   margin: 0px;
  }

p {
  font-size: small;
  color: navy;
}


}

#news  {
	border: 2px solid #0000ff;
	width: 350px;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: .5em;
	background-color: #ffff99;
	padding-right: .5em;
 }

#bodycontent  {
	width: 600px;
	text-align: justify;
}



/*
a {
  	display: block;
    font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding: 1em;
	border-bottom: 6px solid #ffffff;
    }

a:link  {
        color: black;
	}
       

a:visited  {
	  color: black;
}  
         
a:hover  {
         text-decoration: none;
         color: white;
         background-color: #a0a0ff;
}

/*
a:active  {
          color: aqua;
          background-color: navy;
}


.fun  {
      color: #339999;
      font-family: Georgia, Times, serif;
      letter-spacing: 0.05em;
 }



 #contactdetails  {
          margin: 0;
          padding: 0;
          width: 420px;
          text-align: justify;
 }
 
 #openinghours  {
                background: #ffff99;
 }

#practitioners  {
              margin-left: 20px;
              width: 650px;
              
 }

 #biography  {
             padding-left: 30px;
             width: 580px;
             text-align: justify;
 }
 
 img  {
      border: 0;
 }
 
  
 
 
 
 #contactdetails  {
                left: 170px;
                top: 170px;
                text-align: center;
 }
 
 #openinghours  {
                left: 590px;
                top: 170px;
                padding: 5px;
                border: #0000ff solid 2px
 }
 
  
 
 #header  {
          width: 100%;
 }

       
 
.floatleftt {
          float: left;
          margin: 10px;
 }         

.imagelink {    
 }         

 .small  {
         font-size: small;
 }
 
 .medium  {
          font-size: medium;
 }
 
 .biog  {
        float: left;
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 200px;
 }
 
 .xsmall  {
          font-size: small;
 }
 
strong  {
	color: #0000ff;
}

table  {
       border-collapse: collapse;

}

th  {
    text-align: left;
    color: navy;
    padding: 4px;
}

td  {
    text-align: left;
    color: navy;
    padding: 4px;
}

/*
.gnig  {
	font-size: medium; color: blue; font-weight: normal; background: #ffffff; padding: 0; margin: 0; border: 0; text-decoration: underline;
}
*/