/*
Stylesheet for the 'New' FARM Club website (01/03/2011)
           02/10/2011    'tabs' added  RMS

webmaster: Dick Sutton (rsutton43@comcast.net)

Color reminder:
   color: #061C37;   'blue-black'
   color: #420000;   'redish-brown'
   color: #B22037;   'rose'
   color: #EED7D7;   'light purple'
   color: #FACFCF;   'light rose'
   color: #EEEEDD;   'light grey'

*/

/* mini 'reset' */

html, body, div, span, h1, h2, h3, h4, h5, h6, hr, p, a, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
table { border-spacing: 2px; border-collapse: separate; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style: disc; }
q:before, q:after { content:''; }

/* end mini 'reset' */

body {
     color: #061C37;
     font: 0.9em Arial, Helvetica, sans-serif;
     text-align: left;
     background: #FACFCF url(images/background.png) repeat-x;
}

h1 {font-size: 2em; font-weight: bold;}
h2 {font-size: 1.5em; font-weight: bold; }

a { border: none; }
p { padding: 0.5em; }

/* General Utility Styles */
.center { text-align: center; }

.red { color: red; }
.grn { color: green; }
.big span {
          font-size: 4em;
          font-weight: bold;
          margin: 0;
          padding: 0;
          }

#spclnote {
          margin: 0 12em;
          font-size: 11px;
          background: white;
          border: 1px solid black;
          -moz-box-shadow: 7px 7px black;
          -webkit-box-shadow: 7px 7px black;
          box-shadow: 7px 7px black;
          }

#address {
         margin: 0 12em;
         font-size: 11px;
         }

#clear {
       width: 100%;
       height: 1px;
       overflow: hidden;
       clear: both;
}

/* General Page Styles */
#container {
           position: relative;
           margin: 0 55px;
           height: auto;
           width: 960px;
}

#header {
        width: 960px;
        height: 85px;
        color: #061C37;
        text-align: center;
}

#header p {
          padding-top: 0.1em;
          color: white;
}

#header a { color: white; }

/* Styles for the top 'navigation' pane */
#menu {
      float: left;
      width: 960px;
      height: 54px;
      clear: both;
}

#menu ul {
         margin-left: auto;
         padding: 0px;
         width: 960px;
         list-style: none;
}

#menu li {
         display: inline;
         padding: 0px;
         list-style: none;
}

#menu a {
	float: left;
	height: 36px;
	padding: 18px 13px 0 13px;
	color: white;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

#menu a:focus { outline: none; }

#menu a:hover{
             color:#EED7D7;
             background: url(images/link_background.png) repeat-x;
}

/* Styles for the left 'navigation' pane */
#leftmenu {
          float: left;
          margin-top: 15px;
          width: 204px;
          z-index: 99;
}

#leftmenu_top {
              width: 204px;
              height: 13px;
              background-image: url(images/leftmenu_top.png);
}

#leftmenu_bottom {
                 width: 204px;
                 height: 13px;
                 background-image: url(images/leftmenu_bottom.png);
}
#leftmenu_main {
               width: 204px;
               height: auto;
               background-color: #420000;
}

#leftmenu_main img { display: block; margin: 0 auto; }

#leftmenu_main ul {
                  padding: 0px;
                  width: 204px;
                  list-style: none;
}
#leftmenu_main a:focus { outline: none; }

#leftmenu_main ul ul {
                     position: absolute;
                     display: none;
                     top: 0;
                     left: 100%;
                     width: 100%;
                     z-index: 99;
}

#leftmenu_main ul li:hover ul {
                              position: absolute;
                              display: block;
                              top: 0;
                              left: 100%;
                              width: 100%;
}

#leftmenu_main li {
                  position: relative;
                  color: white;
                  list-style-type: none;
}

#leftmenu_main li li {
                     border: 1px solid black;  /* separate menu items with background color */
                     margin-bottom: 0;
                     margin-left: 2px;
                     padding: 0px;
                     height: 30px;
                     background: url(images/leftmenu_link.png) repeat-x;
}

#leftmenu_main ul li {
                     padding: 0px;
                     width: 204px;
                     text-align: left;
                     list-style: none;
}

#leftmenu_main ul li a {
                       display: block;
                       margin-top: 5px;
                       padding: 4px 0 0 12px;
                       width: 192px;
                       height: 30px;
                       color: white;
                       font-size: 15px;
                       font-weight: bold;
                       text-align: left;
                       text-decoration: none;
                       list-style: none;
                       background: url(images/leftmenu_link.png) repeat-x;
}

/* new new new */
#leftmenu_main ul ul li a {
                          margin-top: 0;
                          padding: 8px 0 0 12px;
                          }
#leftmenu_main ul li a:hover { color:#EED7D7; }

/* Styles for the general 'content' page */
#content {
         margin-left: 200px;
         margin-top: 54px;
         padding: 15px 10px 5px 10px;
         width: 689px;
         height: auto;
}

#content ol {
            margin: 40px;
            padding: 0 0 15px 0;
}
#content ul {
            margin: 23px;
            padding: 0 0 9px 0;
}

#content li {
          padding: 5px;
          list-style-type: inherit;
}

#content p { padding: 0.5em; color: #420000; }

#content_top {
             width: 689px;
             height: 23px;
             background: url(images/main_top.png) no-repeat;
}

#content_main {
              padding: 20px 40px;
              width: 629px;
              color: #420000;
              background: url(images/main_back.png) repeat-y;
}

#content_main a { color: #420000;}
#content_main a[href$=".pdf"] {
                              background: url(images/acrobat.png) no-repeat right bottom;
                              padding-right: 21px;
}

#content_bottom {
                width: 689px;
                height: 23px;
                background: url(images/main_bottom.png) no-repeat;
}

#email  {
        margin: 0 auto;
        padding: 10px 0;
        width: 66%;
        text-align: center;
        clear: both;
}
#email p {
         margin: 0 auto;
         text-align: center;
}

#footer {
        width: inherit;
        height: auto;
}

#footer h3 a {
             display: block;
             color: #999;
             font-size: 12px;
             text-align: center;
             text-decoration: none;
}

/*
********************************
  Styles for the 'tabs' panels
********************************
*/
#tabset div {
            position: relative;
            margin: 0;
            padding: 0;
            }

#tabset-nav {
            margin: 0;
            padding: 0;
            list-style: none;
            }

#tabset-nav li {
               float: left;
               margin: 0 8px 0 0;  /* space between tabs */
               padding: 0;
               }
#tabset-nav a {
              font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
              font-weight: bold;
              color: #420000;
              text-decoration: none;
              display: block;
              padding: 5px 15px 5px 15px;
              border: 1px solid #999;
              border-bottom: none;
              background: white;
              -moz-border-radius: 5px 5px 0 0;
              -webkit-border-radius: 5px 5px 0 0;
              border-radius: 5px 5px 0 0;
              -moz-box-shadow: 3px 0 black;
              -webkit-box-shadow: 3px 0 black;
              box-shadow: 3px 0 black;
              }

#tabset-nav a:focus { outline: none; }

#tabset-nav a.active {
                     position: relative;
                     top: 1px;  /* value (1px) for hiding top border of active tab */
                     color: #420000;
                     background: #FFFAE5;
                     z-index: 15;
                     }

#tabset .tab {
             margin: -3px 0 0 0;  /* value (-3px) establishes location of top border of active tab */
             padding: 10px;
             width: 600px;
             color: #420000;
             background: #FFFAE5;
             border: 1px solid #999;
             -moz-box-shadow: 7px 7px black;
             -webkit-box-shadow: 7px 7px black;
             box-shadow: 7px 7px black;
             }

/* Styles for the 'about' page */
#info   { padding: 0 40px; }
#info p { text-align: justify; }
#info h2
        {
        margin-bottom: 0;
        padding: 1em 0 0 0.3em;
        text-align: left;
}

/* Styles for the 'newsletters' page */
#curyear {
         float: left;
         height: 265px;
}

#archive {
         float: right;
         margin: 0;
         padding-top: 0;
         padding-right: 6em;
}

#archive fieldset { border: 1px ridge black; }

#archive legend {
                font-size: .85em;
                font-weight: bold;
}

#archive input { margin: 7px 50px; }

/* Styles for the 'For Sale' page */
.sold {
      color: red;
      text-decoration: line-through;
}

/* Styles for the 'articles' & 'Photo Album' page */
#articles,
#reviews  {
          float: left;
          padding-left: 30px;
          top: 0;
          left: 0;
          width: 287px;
          font-size: 0.9em;
          overflow: visible;
}

#reviews { width: 245px; }

#articles a,
#reviews a  { font-weight: bold; }

#articles h3,
#reviews h3  { font-size: 1.5em; font-weight: bold;}

#articles ul,
#reviews ul  { margin: 0; padding: 0; }

/* Styles for the 'CKoustenis' page */
#photos img { border: 2px ridge black; }

#photos td { width: 400px; }

/* Styles for the 'contacts' table */
#contacts { margin: 0 100px; border-collapse: collapse; }
#contacts caption {
                  margin: 0 auto;
                  padding-bottom: 0.75em;
                  color: maroon;
                  font-size: 1.5em;
                  font-weight: bold;
                  text-align: center;
}
#contacts .col1 {width: 140px; }
#contacts .col2 {width: 105px; }
#contacts .col3 {width: 105px; }
#contacts td {
             padding-left: 2%;
             text-align: left;
}

.odd { background-color: #eed; }
/* #contacts tr:nth-child(even) { background-color: #eed; } */

/* Styles for the 'calendar' table */
#calendar { margin: 10px; border-collapse: collapse; }
#calendar caption {
                  margin: 0 auto;
                  padding-bottom: 0.75em;
                  color: maroon;
                  font-size: 1.5em;
                  font-weight: bold;
                  text-align: center;
                  }
#calendar .col1 {width: 10em; }
#calendar .col2 {width: 9em; }
#calendar .col3 {width: 42em; }
#calendar .col4 {width: 11em; }
#calendar td {
             padding-left: 2%;
             text-align: left;
             }

/* Styles for the 'download' table page */
#dnload table {width: 600px; border-collapse: separate; border: 1px outset black; }
#dnload caption {
                padding-bottom: 0.6em;
                color: green;
                font-size: 1.5em;
                font-weight: bold;
                text-align: center;
}
#dnload col.fname {
                  width: 10%;
                  text-align: center;
}
#dnload td { padding: 8px; border: 1px outset black; }

#dnload p {
          padding-top: 20px;
          width: 600px;
          color: #B22037;
          font-weight: bold;
          text-align: justify;
}