/*
Stylesheet for the FARM Club website

webmaster: Dick Sutton (rsutton43@comcast.net)

Color reminder"
   color: #b22037;   websites shade of 'red'
   color: #eee;      'off white'

*/

/* apply to all pages */
* {
  padding: 0;
  margin: 0;
}

body {
     background-color: #eee;
     background-repeat: repeat-x;
     font-family: Verdana, Arial, sans-serif;
     font-size: 0.6em;
}

a {
  color: #b22037;
  text-decoration: none;
}

a:hover { text-decoration: underline; }

/* General Utility Styles */
.alert {
       color: #b22037;
       font-weight: bold;
}

.attn {
      font-weight: bold;
      font-style: italic;
      text-decoration: underline;
}

.center { text-align: center; }

.red { color: red; }
.grn { color: green; }

/* general page layout: applies to all pages */

#header {
        margin: 0 auto;
        width: 800px;
        height: 105px;
        background-image: url('images/header.jpg');
        background-repeat: no-repeat;
}

#header h1 {
           padding-top: 20px;
           font-size: 3.5em;
           color: white;
           text-align: center;
           background-color: transparent;
           font-style: italic;
}

#header p {
          text-align: center;
          padding-top: 15px;
          font-size: 1.5em;
          color: white;
          background-color: transparent;
}

#topwrap {
         margin: 0 auto;
         width: 800px;
         height: 40px;
         background-image: url('images/topwrap.jpg');
         background-repeat: no-repeat;
}

#wrap {
      margin: 0 auto;
      width: 800px;
      background-image: url('images/midwrap.jpg');
      background-repeat: repeat-y;
}

#botwrap {
         margin: 0 auto;
         width: 800px;
         height: 40px;
         background-image: url('images/botwrap.jpg');
         background-repeat: no-repeat;
}

#content { padding: 0 30px; }

#email,
.pctr  {
       font-size: 0.8em;
       margin: 0 auto;
       padding: 10px 0;
       text-align: center;
       width: 66%;
       clear: both;
}

#notice {
        font-size: 11px;
        margin-left: 6em;
        margin-right: 6em;
}

.org {
     font-size: 0.8em;
     margin: 0 auto;
     padding: 10px 0;
     text-align: center;
     width: 66%;
}

.attn {
      font-weight: bold;
      font-style: italic;
      text-decoration: underline;
}

.info h2
        {
        margin-bottom: 0;
        padding: 1em 0 0 0.3em;
        text-align: left;
}

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

/* Styles for the 'navigation' pane */

#nav {
     float: left;
     margin: 0 10px;
     width: 160px;
     z-index: 99;
}
#nav ul {
        padding: 0 0 15px 0;
        margin: 0;
}

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

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

#nav img { display:block; margin: 10px auto; }

#nav li {
        position: relative;
        margin-bottom: 5px;
        list-style-type: none;
        color: white;
        background-color: #b22037;
        padding: 5px;
}

#nav li li {
           border: 1px solid white;  /* separate menu items with background color */
           margin-bottom: 0;
           margin-left: 2px;
}

#nav li a {
          display:block;   /* allows entire item to be clickable */
          color: white;
          background-color: transparent;
}

/* Styles for the 'right' column */

#right {
       float: right;
       width: 540px;
       padding: 0.5em;
       font-size: 1.4em;
       color: black;
}

#right h2 { color: #b22037; font-size: 1.5em; margin-bottom: 10px; }
#right h3 { color: black; font-size: 14px; margin-bottom: 10px;	text-decoration: underline; }

#right hr {
          margin: 0 auto;
          text-align: center;
          width: 75%;
}


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

#right ol {
          padding: 0 0 15px 0;
          margin: 40px;
}
#right p { padding: 0.5em; }

#right ul {
          padding: 0 0 15px 0;
          margin:25px;
}

/* Styles for the 'newsletters' page */

#curyear {
         float: left;
         height: 265px;
}

#archive {
         float: left;
         padding-top: 2em;
         padding-left: 2em;
}

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

#archive input { padding: 0.2em; }
#btn { padding: 0 3em; }

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

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

/* Styles for the 'articles' page */
#articles a,
#reviews a  { font-weight: bold; }

#articles {
          float: left;
          top: 0;
          left: 0;
          font-size: 0.9em;
          overflow: visible;
          width: 287px;
}

#reviews {
         float: left;
         top: 0;
         left: 0;
         font-size: 0.9em;
         overflow: visible;
         width: 245px;
}

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

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

#photos td { width: 400px; }

/* Styles for the 'contacts' table */
table.contacts {
               margin-left: auto;
               margin-right: auto;
}
table.contacts caption {
                       color: maroon;
                       font-size: 1.5em;
                       font-weight: bold;
                       padding-bottom: 0.75em;
                       margin-left: auto;
                       margin-right: auto;
}
table.contacts td {
                  padding-left: 2%;
                  text-align: left;
                  width: 30%;
}

/* Styles for the 'calendar' table
table.cal {
          border-collapse: collapse;
          margin-left: auto;
          margin-right: auto;
}
table.cal td {
             border: 1px dotted silver;
             padding: 8px;
}
table.cal caption {
                  font-size: 2em;
                  font-weight: bold;
                  padding-bottom: 0.6em;
                  margin-left: auto;
                  margin-right: auto;
}

col.month { width: 80px; }
col.day {
        text-align: center;
        width: 75px;
}
col.desc { width: 320px; }
col.time { width: 75px; }
*/
/* Styles for the 'download' table page */
table.dnload td { padding: 8px; }
table.dnload caption {
                     color: green;
                     font-size: 1.5em;
                     font-weight: bold;
                     padding-bottom: 0.6em;
                     text-align: center;
}
col.files {
          text-align: center;
          width: 16%;
}

/*  the following is for debugging  */
/*
#header, #nav, #right {
  outline: invert solid thin;
} */