/*This is the style sheet for Lost Meadow Farm CSS/XHTML.*/
/* Ann Williams 11 August 2006  (last updated 14 August 2006) */
/* layout based on http://www.westciv.com/style_master/academy/hands_on_tutorial/index.html */

/* Basic setup */

body {
background-color: #D6CAC0;  /*tan */
color: black;
font-family: Arial, sans-serif;
font-size: 1em;
background-image: url(images/TanTile.gif);
margin: 0;
}

h1 {
font-size: 1.2em;
text-align: center;
font-style: italic;
letter-spacing: 5px;
}

h2 {
font-size: 1.1em;
text-decoration: underline;
font-weight: normal;
}

h3 {
font-size: .9em;
font-weight: normal;
}

p{
font-size: .8em;
text-align: left;
line-height: 1.7em;
}

p.smaller{
font-size: .7em;
}
 
p.linkline {
font-size: .8em;
text-align: center;
font-weight: bold;
}

p.center{
text-align: center;
}

p.redcenter{
text-align: center;
color: red;
background-color: white;
font-weight: bold;
}

p.blackboldcenter{
text-align: center;
color: black;
background-color: white;
font-weight: bold;
font-size: 1em;
}

p.greenbold{
color: #6D8736;
background-color: white;
font-weight: bold;
font-size: 1em;
}

.red {color: red;
background-color: white;
}

a:link {
color: blue;
background-color: white;
}

a:visited {
color: purple;
background-color: white;
}

a:hover {
color: fuchsia;
background-color: white;
}

a:active {
color: red;
background-color: white;
}

/* for pages linked to from thumbnails */

div.largerimg {
margin-top: 5px;
margin-left: 150px;
margin-right: auto;
}

div.largerimg p {
font-size: 1.1em;
}

/* containers to make floating images work (e.g. Horses page) */

div.spacer {
  clear: both;
  }

div.float {
  float: left;
  }
  
div.float p {
   text-align: center;
   font-weight: bold;
   margin-top: 2px;
   }

div.float img {

margin-left: 45px;
margin-top: 10px;
}

/* Set up structure of page: */

/* Set up decorative images banner at top of page  */

#outer-image {height: 228px;
background-image: url(images/PastureBanner.jpg); 
border-bottom: 1px #000000 solid; 
}

#inner-image {height: 228px;
background-image: url(images/LMFBanner.jpg);
background-repeat: no-repeat;
background-position: 173px 0px;
}

/* Set up positioning of main content */

#content {
position: relative;
width: 746px;       /* 173px wide left nav bar + 573px wide banner image = 746px */
/* width designed to work so at 800x600 resolution with a side Office toolbar, */
/* all that is lost is the right-side column, and there will be no scroll bar */
}

/* Set up left column navigation bar */

#navbar {
position: absolute;
top: 0px;
left: 0px;
width: 173px;
}

#navbar ul li {
list-style-type: none;
margin: 0;
padding: 0;
}

#navbar ul li.here {
list-style-type: none;
display: block;
color: white;
background-color: #556B2F;
text-decoration: none;
font-weight: bold;
border-bottom: solid #000000 1px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 20px;
}

#navbar ul {
margin: 0;
padding: 0;
}

#navbar ul li a:link,  #navbar ul li a:visited {
display: block;
color: white;
background: #6D8736;
text-decoration: none;
font-weight: bold;
border-bottom: solid #000000 1px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 20px;
}

#navbar ul li a:hover {
color: white;
background-color: #899E5B;
}

#navbar ul li a:active {
color: yellow;
background-color: #899E5B;
}

/* Set up main text area */

#main-text {
color: black;
background-color: white;
border-left: 1px #000000 solid;
border-right: 1px #000000 solid;
border-bottom: 1px #000000 solid;
margin-left: 173px;
padding: 15px;  /* adding this padding is what fixed the Firefox problem with background above the main text */
  line-height: 1.0;   /* fixes IE6 bug - disappearing header when using floats (horses page) */
}

#main-text h1, #main-text h2 {
color: #6D8736;
background-color: white;
}

#main-text ul li {
font-size: .8em;
line-height: 1.7em;
}

/* Set up bottom area containing contact information */

#bottombar {
color:white;
background-color: #6D8736;  /* green */
border-left: 1px #000000 solid;
border-right: 1px #000000 solid;
border-bottom: 1px #000000 solid;
padding-left: 2px; 
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;
margin-left: 173px;
}

#bottombar p {
font-family: Arial, sans-serif;
text-align: center;
font-weight: bold;
line-height: 1.1em;
font-size: 0.8em;
}

/* Set up area at very bottom of page for copyright; background is transparent */

#verybottom {
color:black;
background-color: transparent;
padding-left: 2px; 
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;
margin-left: 173px;
}

#verybottom p {
font-family: Arial, sans-serif;
text-align: center;
line-height: 1.5em;
font-size: 0.6em;
margin-top: 5px;
}