/*

main.css

*/

body{
     font: 101%/101% Helvetica, Tahoma, Arial, sans-serif;
     margin:0px;
     padding:0px;
     text-align: center;
     margin-top:5px;
     margin-bottom:5px;
     background-color:#cccccc;
     background:url("../images/background.jpg") repeat-x; 
}
h1 {
   font-size:1.4em;
   font-style:normal;
   line-height: 1.0em;
   color:#ff9933;
   text-align:center;
   padding-top:0.6em;
   margin:0px;
}
h2 {
   font-size:1.0em;
   font-style:normal;
   line-height: 0.6em;
   color:#666666;
   text-align:left;
   padding-top:0.8em;
   margin:0px;
   text-decoration:underline;
}
h3 {
   font-size:0.8em;
   font-style:normal;
   line-height: 0.8em;
   color:#666666;
   text-align:left;
   padding-top:0.6em;
   margin:0px;
   text-decoration:none;
}
p {
             color:#666666;
             font-size:0.8em;
             line-height: 1.4em;
             margin-top:0.6em;
}
p.small {
             font-size:0.7em;
             line-height: 1.2em;
             margin-top:0.6em;
}
p.img-title {
             font-size:0.7em;
             line-height: 1.2em;
             margin-top:0.6em;
}

.nav-side { font-size:0.8em; font-weight:bold; }
.nav-side:link {text-decoration: none; color: #cc3333; background-color:transparent;}
.nav-side:visited {text-decoration: none; color: #cc3333; background-color:transparent;}
.nav-side:hover {text-decoration: underline; color: #990000; background-color:transparent;}

.nav-list { 
          list-style-type: none;
          line-height: 1.4em;
          padding-top:20px;
          padding-left:15px;
          margin:0px;
}
 
img { border:0px; }
.img-left { float:left; margin:0px; padding:0px;}
.img-left2 { float:left; margin-right:20px; padding:0px;}
.img-right { float:right; margin:0px; padding:0px;}
.img-right2 { float:right; margin-left:20px; margin-top:5px; padding:0px;}
.space-left { float:left; }
.space-right { float:right; }

.main {
      width:800px;
	  margin:0 auto;
      padding:0px;
      text-align:left; 
      border:1px solid #ff9933;
      overflow:visible;
      background-color:#ccff99;      
} 
#header {
        width:800px; 
        height:140px; 
        background-color:#fff; 
        margin:0px; 
        padding:0px;
}
#left-pane {width:215px; height:100%; background-color:#ccff99; float:left;}
#left-pane-text {margin-top:20px; margin-left:7px; width:200px; float:left; text-align:left;}
#right-pane {width:215px; height:100%; float:right;}
#middle-default  { width:800px; height:530px; background-color:#ccff99; float:none; }
#middle-otaad    { width:800px; height:730px; background-color:#ccff99; float:none; }
#middle-directs  { width:800px; height:600px; background-color:#ccff99; float:none; }
#middle-farmhse  { width:800px; height:1000px; background-color:#ccff99; float:none; }
#middle-links    { width:800px; height:1000px; background-color:#ccff99; float:none; }
#middle-bparty   { width:800px; height:700px; background-color:#ccff99; float:none; }
#middle-contact  { width:800px; height:750px; background-color:#ccff99; float:none; }
#middle-school   { width:800px; height:600px; background-color:#ccff99; float:none; }
#middle-farmshop { width:800px; height:600px; background-color:#ccff99; float:none; }
   
#header-left {
               width:180px;
               height:109px;
               margin:0;
               padding:0;
               float:left;
}     
#header-center {
               width:440px;
               height:109px;
               background:url("../images/logo-back.gif") repeat-y;  
               margin:0;
               padding:0;
               float:left;             
}     
#header-right {
               width:180px;
               height:109px;
               margin:0;
               padding:0;
               float:right;
}    
.logo {
      padding-top:20px;
      padding-left:94px;
      padding-right:94px;
} 

#top-nav {
         width:800px;
         height:31px;
         padding:0;
         margin:0;
         background:url("../images/top-nav-back.jpg") repeat-x; 
         float:left; 
}


#footer { 
        width:800px;
        height:30px;
        margin-top:0px;
        background:url("../images/footer-back.jpg") repeat-x;
}
#footer-inner { width:750px; padding-top:7px; font-size:0.6em; color:#fff; text-align:center; float:left;}
#footer-img-left { float:left; }
#footer-img-right { float:right; }

#side-nav-main {
          width:180px;
          height:300px;
          border-right:1px solid #fff; 
          border-bottom:1px solid #fff; 
          background:url("../images/side-nav-back.jpg") repeat-x;
}
#side-nav-inner { 
          padding-top:20px;
          padding-left:13px;
}
#page-title { height:40px; width:380px; float:left;}

.nav-bar { font-family:arial, sans-serif; font-size:1.0em; font-weight:normal; text-decoration:none; }
.nav-bar:link {color: #ffffff; background-color:transparent;}
.nav-bar:visited {color: #ffffff; background-color:transparent;}
.nav-bar:hover {text-decoration: underline; color: #ff9933; background-color:transparent;}
.nav-bar { font-family:arial, sans-serif; font-size:1.0em; font-weight:normal; text-decoration:none; }
.nav-bar-active { font-family:arial, sans-serif; font-size:1.0em; font-weight:normal; text-decoration:none; }
.nav-bar-active:link {color: #ff9933; background-color:transparent;}
.nav-bar-active:visited {color: #ff9933; background-color:transparent;}
.nav-bar-active:hover {text-decoration: underline; color: #ff9933; background-color:transparent;}
.side-nav-list { 
          list-style-type: none;
          line-height: 1.6em;
          padding-top:20px;
          padding-left:15px;
          margin:0px;
}

.side-nav-block {           
          display:block; 
          width:155px; 
          height:20px; 
}
.side-nav-bar { 
          display:block;
          width:100%;
          height:100%;
          font-family:arial, sans-serif; font-size:1.0em; 
          font-weight:normal; text-decoration:none; 
          padding-top:2px;
          padding-left:2px;
          margin-top:4px;
}
.side-nav-bar:link  { color: #ffffff; background-color:transparent; }
.side-nav-bar:visited  { color: #ffffff; background-color:transparent; }
.side-nav-bar:hover { color: #ffffff; background-color:#ff9933; text-decoration:underline; }
.side-nav-bar-active { 
          display:block;
          width:100%;
          height:100%;
          font-family:arial, sans-serif; font-size:1.0em; 
          font-weight:normal; text-decoration:none; 
          padding-top:2px;
          padding-left:2px;
          margin-top:4px;
}
.side-nav-bar-active:link  { color: #ff9933; background-color:transparent; }
.side-nav-bar-active:visited  { color: #ff9933; background-color:transparent; }
.side-nav-bar-active:hover { color: #ffffff; background-color:#ff9933; text-decoration:underline; }

/*
*/
#top-nav-list {
          padding-top:0px;
          padding-left:15px;
          margin:0px;
}
#top-nav-list span {text-align:left; display: block; height:31px; padding-top:7px;}
#top-nav-list li {float: left; list-style: none; display: inline;}
#top-nav-list a { font-family:verdana, sans-serif; font-size:0.7em; font-weight:bold; } 
#nav-01 { width:70px; }
#nav-02 { width:210px; }
#nav-03 { width:100px; }
#nav-04 { width:70px; }
#nav-05 { width:65px; }
#nav-06 { width:110px; }

#side-news {
          width:200px;
          height:220px;
          margin-top:5px;
          background:url("../images/left-panel-top.gif") 0 0 no-repeat; 
          background-color:#ffffcc;
          float:left;
}
#news-panel {
            width:199px;
            min-height:130px;
            float:left;
            overflow:auto;
            float:left;
           color:#666666; 
           font-size:0.75em;              
}
#news-panel p {color:#666666; font-size:0.8em; text-align:justify;}

#t { height:31px; width:200px; background:url("../images/left-panel-top.gif") 0 0 no-repeat; float:left; }
#r { height:158px; width:1px; background:url("../images/orange-dot.gif") repeat-y; float:right;}
#b { height:31px; width:200px; background:url("../images/left-panel-bottom.gif") 0 0 no-repeat; float:left; }
.panel-title {
             font-size:1.0em;
             font-weight:bold;
             color:#666666;
             text-decoration:underline;
             padding-top:10px;
             margin-left:1.0em;
             height:27px;
             width:170px;
             float:left;
}
.news-text-a {width:171px; margin:0; padding:14px; background-color:#ccff99;}
.news-text-b {
           margin-left:1.4em; height:auto; width:168px; margin-top:5px;
           background-color:#ccffcc; 
}
.news-text-c {
           margin-left:1.4em; height:auto; width:170px; margin-top:5px;
           background-color:#ffffcc; 
           line-height:1.2em;
}
.news-text-d {
           line-height:1.0em;
           margin-top:0;
           padding:0;
}

.news-text {font-weight:normal; text-decoration:underline;}
.news-text:link {color:#666666; background-color:transparent;}
.news-text:visited {color:#666666; background-color:transparent;}
.news-text:hover {text-decoration: underline; color: #ff9933; background-color:transparent;}

#side-info {
           /*border:1px solid #000; */
           height:450px; width:193px;
           float:right;
           font-size:0.8em;
           font-style:normal;
           margin-top:50px;
           padding-right:0.8em;
           text-align:justify;
           color:#666666;           
}

.side-info-list { 
          list-style:disc;
          padding-left:15px;
          margin:0px;
          text-align:left;
}
.side-info-p { color:#ff9933; padding-top:1.0em;}
.side-info-o { color:#009933; padding-top:1.0em;}
.side-info-g { color:#666666; padding-top:1.0em;}

#print-me { width:180px; margin-top:20px; margin-right:5px; float:right; font-size:0.8em; text-align:right;}

/*  Center Frame pictures and links */
#circle-main {display:block; width:380px; height:380px; background:url("../images/circle-frame.gif"); overflow:hidden; padding:0; margin-left:0px; margin-top:30px; border:0; float:left;}
#circle-main a {color:#666666; font-family:arial, sans-serif; font-size:1.0em; font-weight:bold; text-decoration:none; text-align:center;}
#circle-main a:hover {color:#FFF;}

#teashop-block {display:block; overflow:hidden; width:160px; height:152px; position:relative; left:30px; top:3px; background:transparent;}
a#teashop {display:block; width:160px; height:152px; padding-left:0px; padding-top:30px; position:relative; left:0px; top:0px; background:transparent;}
a#teashop:hover {background:url("../images/restaurant.gif") no-repeat;}

#farmshop-block {display:block; overflow:hidden; width:160px; height:152px; position:relative; left:192px; top:-149px; background:transparent;}
a#farmshop {display:block; width:160px; height:152px; padding-left:0px; padding-top:30px; position:relative; left:0px; top:0px; background:transparent;}
a#farmshop:hover {background:url("../images/farmshop.gif") no-repeat;}

#museum-block {display:block; overflow:hidden; width:129px; height:187px; position:relative; left:2px; top:-208px; background:transparent;}
a#museum {display:block; width:129px; height:187px; padding-left:0px; padding-top:80px; position:relative; left:0px; top:0px; background:transparent;}
a#museum:hover {background:url("../images/museum.gif") no-repeat;}

#wedding-block {display:block; overflow:hidden; width:127px; height:187px; position:relative; left:250px; top:-395px; background:transparent;}
a#wedding {display:block; width:127px; height:187px; padding-left:0px; padding-top:80px; position:relative; left:0px; top:0px; background:transparent;}
a#wedding:hover {background:url("../images/wedding.gif") no-repeat;}

#farm-block {display:block; overflow:hidden; width:131px; height:131px; position:relative; left:125px; top:-554px; background:transparent;}
a#farm {display:block; width:131px; height:131px; padding-left:0px; padding-top:100px; position:relative; left:0px; top:0px; background:transparent;}
a#farm:hover {background:url("../images/farm.gif") no-repeat; color:#000;}

#bparty-block {display:block; overflow:hidden; width:160px; height:151px; position:relative; left:29px; top:-584px; background:transparent;}
a#bparty {display:block; width:160px; height:151px; padding-left:0px; padding-top:100px; position:relative; left:0px; top:0px; background:transparent;}
a#bparty:hover {background:url("../images/bparty.gif") no-repeat;}

#school-block {display:block; overflow:hidden; width:160px; height:151px; position:relative; left:191px; top:-735px; background:transparent;}
a#school {display:block; width:160px; height:151px; padding-left:0px; padding-top:100px; position:relative; left:0px; top:0px; background:transparent;}
a#school:hover {background:url("../images/school-visit.gif") no-repeat;}


/* Open Times, Admision Directions page */

.normal { font-size:0.8em;
   font-style:normal;
   line-height: 1.4em;
   color:#666666;
   text-align:left;
   padding:0px;
   margin-top:0.6em;
}

#middle-text {
        margin-top:10px;
        margin-left:0px;
        width:500px;
        height:auto;
        float:left;
        color:#666666;
        font-style:normal;
        text-align:justify;
}
/*
#middle-text table {
   font-size:0.8em;
   font-style:normal;
   color:#666666;
   line-height: 1.2em;
   border:1px solid #FFF;
   padding-left:5px;
   padding-right:5px;
   background-color:#ccffcc;
}
*/
#middle-text table { color:#666666; font-size: 0.7em; background-color:#ccffcc; border:1px solid #FFF; margin-top:0.6em;}
#middle-text textarea { background-color:#F5F5F5; font-family: Arial, Helvetica, sans-serif;}
#middle-text input { background-color:#F5F5F5; font-family: Arial, Helvetica, sans-serif;}
.fstart {color:#D3CC72;}
.fblack {color:#000000;}


#middle-text p {
             color:#666666;
             font-size:0.8em;
             line-height: 1.4em;
             margin-top:0.6em;
}
#middle-text thead { padding-top:5px; font-weight:bold; text-decoration:underline; }
#middle-text ol { list-style-type:decimal; padding:0px; margin-left:25px; margin-top:0px; text-align:left;}    
#middle-text li { font-size:0.8em;           
             padding-left:5px;
             padding-top:2px;   
             line-height: 1.4em;
 }

#middle-text em {color:#cc3333;font-weight:bold;}
 
#middle-text ul {
          list-style-type: dot;
          line-height: 1.4em;
          padding-top:0px;
          padding-bottom:0px;
          padding-left:15px;
          margin:0px;
}
#middle-text span {
   display:block;
   font-size:0.7em;
   text-align:justify;
   color:#666666;
   line-height: 1.2em;
   border:1px solid #FFF;
   padding-right:30px;
   padding-top:5px;
   padding-bottom:5px;
   background-color:#ccffcc;
   
}

#tractor-mv { width:380px; height:75px; float:left; }

.page-nav { font-style:normal; font-weight:normal; text-align:right;}
.page-nav:link {color:#009933; background-color:transparent; text-decoration:none;}
.page-nav:visited {color:#009933; background-color:transparent; text-decoration:none;}
.page-nav:hover {text-decoration: underline; color: #ff9933; background-color:transparent;}

#credits { width:800px; font-size:0.6em; margin:0px; color:#666666; text-align:right; }
#credits span { padding-top:10px; padding-left:15px; }
/* .credits { text-decoration:none; color:#666666; } */
#credits a { text-decoration:none; color:#666666;}


#imgd1 { float:left; margin:0px; padding:0px; height:170px; width:260px; text-align:center; font-size:0.7em; color:#666666; }
#imgd2 { float:right; margin:0px; padding:0px; height:170px; width:225px; text-align:center; font-size:0.7em; color:#666666; }
#imgd3 { float:left; margin:0px; padding:0px; height:220px; width:150px; text-align:center; font-size:0.7em; color:#666666; }
#imgd4 { float:left; margin:0px; padding:0px; height:220px; width:158px; text-align:center; font-size:0.7em; color:#666666; }