/*

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:#ffffff;
}
h1 {
   font-family: Helvetica, Tahoma, Arial, sans-serif;
   font-size:1.4em;
   font-style:normal;
   line-height: 1.0em;
   color:#000;
   text-align:left;
   padding-top:0.6em;
   margin:0px;
}
h2 {
   font-family: Helvetica, Tahoma, Arial, sans-serif;
   font-size:1.0em;
   font-style:normal;
   line-height: 0.6em;
   color:#000;
   text-align:left;
   padding-top:0.6em;
   margin:0px;
   text-decoration:underline;
}

.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-right { float:right; margin:0px; padding:0px;}
.space-left { float:left; }
.space-right { float:right; }
.main {
      width:800px;
      height:700px;
      padding:0px;
      margin-right:0;
      margin-left:0;
      text-align:left; 
      border:0;
      overflow:visible;
      background-color:#fff;      
} 
#header {
        width:800px; 
        height:140px; 
        background-color:#fff; 
        margin:0px; 
        padding:0px;
}
#left-pane {width:0; height:0; background-color:#ccff99; float:left; display:none;}
#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; }
   
#header-left {
               width:180px;
               height:109px;
               margin:0;
               padding:0;
               float:left;
               display:none;
}     
#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;
               display:none;
}    
.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:500px;
        height:30px;
        margin-top:0px;
}
#footer-inner { width:500px; padding-top:5px; font-size:0.8em; color:#000; text-align:left; float:left;}
#footer-img-left { display:none; }
#footer-img-right { display:none; }

#side-nav {
          width:180px;
          height:300px;
}
#page-title { height:auto; width:600px; 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;}
.side-nav-list { 
          list-style-type: none;
          line-height: 1.6em;
          padding-top:20px;
          padding-left:15px;
          margin:0px;
}

#top-nav-list {
          padding-top:0px;
          padding-left:15px;
          margin:0px;
          display:none;
}
#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:130px; }
#nav-03 { width:90px; }
#nav-04 { width:100px; }
#nav-05 { width:70px; }
#nav-06 { width:65px; }
#nav-07 { width:110px; }

#side-news {
          width:215px;
          height:220px;
          margin-top:5px;
          background:url("../images/left-panel-top.gif") 0 0 no-repeat; 
          background-color:#ffffcc;
          float:left;
}
#news-panel {
            width:214px;
            height:158px;
            float:left;
            overflow:auto;
            float:left;
           font-size:0.7em;              
           color:#666666; 
}
#t { height:31px; width:215px; 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:215px; background:url("../images/left-panel-bottom.gif") 0 0 no-repeat; float:left; }
.panel-title {
             font-size:1.0em; 
             font-weight:bold;
             color:#666666; 
             padding-top:10px;
             margin-left:15px;
             height:27px;
             width:184px;
             border-bottom:1px dotted #666666; 
             float:left;
}
.news-text-a {
           margin-left:1.4em; height:auto; width:178px; margin-top:5px;
           background-color:#ccff99;          
}
.news-text-b {
           margin-left:1.4em; height:auto; width:178px; margin-top:5px;
           background-color:#ccffcc;          
}
.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 {visibility:hidden;}

/*  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;}



/* 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:600px;
        height:auto;
        float:left;
        color:#000;
        font-style:normal;
        text-align:left;
}
#middle-text table {
        color:#000;
   font-size:0.8em;
   font-style:normal;
   line-height: 1.2em;
   border:1px solid #FFF;
   padding-left:5px;
   padding-right:5px;
}
#middle-text p {
   color:#000;
   font-size:0.8em;
   line-height: 1.4em;
   padding:0px;
   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:10px;
             padding-top:10px;   
             line-height: 1.4em;
 }
#tractor-mv { width:380px; height:75px; float:left; }
.page-nav {visibility:hidden;}
#credits {visibility:hidden;}