/* CSS for The Wind and the Willow Farms */


/* Fonts */
/**************/

td.titleDarkBrown {
   font-family: Georgia, Times, serif;
   font-size: 14px;
   font-weight: bold;
   line-height: 16px;
   color: #392613;

}

td.titleBrown {
   font-family: Georgia, Times, serif;
   font-size: 14px;
   font-weight: bold;
   line-height: 16px;
   color: #7D4927;

}

td.titleGreen {
   font-family: Georgia, Times, serif;
   font-size: 14px;
   font-weight: bold;
   line-height: 12px;
   color: #587a07;

}

td.body {
   font-family: Segoe UI, Arial, san-serif;
   font-size: 11px;
   color: #392613;
   text-align: left;
   line-height: 16px;   
   vertical-align: top;
}

	    td.body a:link{
				color:#669900;
				text-decoration: none;
		}
		td.body a:visited{
				color:#669900;
				text-decoration: none;
		}
		td.body a:hover{
				color:#669900;
				text-decoration: underline;
		}


td.off {
   height: 22px;
   font-family: Georgia, Times, serif;
   font-size: 12px;
   font-weight:bold;
   font-stretch:expanded;
   color: #663300;
   text-align: center;
}

		td.off a:link{
				color: #663300;
				text-decoration: none;
		}
		td.off a:visited{
				color: #663300;
				text-decoration: none;
		}
		td.off a:hover{
				color: #CC9966;
				text-decoration:underline;
				font-weight:bold
		}

td.on {
   height: 22px;
   font-family: Georgia, Times, serif;
   font-size: 12px;
   font-stretch: expanded;
   color: #CC9966;
   text-decoration:underline;
   font-weight:bold;
   text-align: center;
}

		td.on a:link{
				color: #CC9966;
		}
		td.on a:visited{
				color: #CC9966;
		}
		td.on a:hover{
				color: #CC9966;
		}
		
td.footer {
   font-family: Georgia, Times, serif;
   font-size: 12px;
   color: #fdffd8;
   text-align: center;
   line-height: 1.75em;   
   vertical-align: top;
   
}		



/* Positioning */
/**************/

html, body { 
	height: 100%;
	background-color: #CC9966;
	background-image: url(../Images/bg.gif);
	background-repeat: repeat-x;
}

body {
   min-width: 624px;
   margin-top: 0px;
   margin-bottom: 0px;
   }
   

   
#wrapper {
   position: relative;
   margin: 0 auto;
   width: 624px;
   height:39px!important; /* real browsers */
   height:100%; /* IE6: treaded as min-height*/
   min-height:100%; /* real browsers */
}

#head {
	position: absolute;
	float: left;
	left: 0px;
	top: 18px;
	width: 624px;
	height: 280px;
  	background-image: url(../Images/bfheader.gif);
   	background-repeat: no-repeat;
	/*padding-top: 15px;
	padding-right: 10px;*/
	vertical-align: top;
	visibility: visible;
	z-index: 1;
}


#content {
	position: absolute;
	float: left;
	text-align: left;
	left: 0px;
	top: 282px;
	width: 624px;
	visibility: visible;
	z-index: 6;
	height: 129px;
	background-color:#EBEBDF;
}

#menu {
	position: absolute;
	float: left;
	left: 0px;
	top: 109px;
	height: 42px;
	width: 624px;
	background-position: center;
	background-image: url(../images/sfmenu.png);
	background-repeat: no-repeat;
	/*padding-top: 18px;*/
	z-index: 10;
	visibility: visible;
}

#tab {
	position: absolute;
	float: left;
	left: 2px;
	top: 261px;
	width: 623px;
	z-index: 9;
	visibility: visible;
}

#name {
	position: absolute;
	float: left;
	left: 456px;
	top: 42px;
	height: 42px;
	width: 161px;
	padding-top: 5px;
	z-index: 10;
	visibility: visible;
}


#sml-01 {
	float: left;
	width: 320px;
	height:400px;
}

#footer {
	position: absolute;
	float: left;
	left: 0px;

	height: 25px;
	width: 625px;
	background-position: center;
	background-image: url(../images/footer.png);
	background-repeat: no-repeat;
	padding-top: 20px;
	z-index: 8;
	visibility: visible;
	font-family: Georgia, Times, serif;
    font-size: .75em;
    color: #fdffd8;
    text-align: center;
    line-height: 1.75em;   
    vertical-align: top;
}