html{
height:100%;
}

body{
background-color:white;
height:100%;
margin: 0 auto;
padding: 0em;
min-width: 760px;
}

div#main {
   width: 960px;
// width:60em;
    margin: 0px auto;
    text-align: center;
    padding: 0em;
//    border: 1px solid #000000;
    background-color: #DBFFDB;
}

div.banner{
position:relative;
left:0em;
top:0em;
height:101px;
width:960px;
//width:96em;
background-image:url('http://meadowsweetranch.com/banner_green.jpg');
background-repeat: no-repeat;
background-position: 0em 0em;
}


#home-link { 
position: absolute; 
top: 1em; 
left: 0em; 
width: 10em; 
height: 4em; 
background-color: transparent; 
//border: 1px solid yellow; 
border: none;
}	


#menuline{
position:relative;
border:0;
top:-.5em;
color:yellow;
background-color:yellow;
height:.25em;
}

#menutable a:link, 
#menutable a:visited 
{ 
font-family:arial;
font-weight:bold;
font-size:1.4em;
color:#228B22;
background-color:#FFFF66;
text-align:center;
padding:1px;
text-decoration:none;
text-transform:uppercase;
width:100%;
} 

#menutable a:hover, 
#menutable a:active 
{ 
background-color:#76A77C;
color:yellow;
} 

#menutable{
border:0; 
cellspacing:0;
cellpadding:0;
width:100%;
background-color:#FFFF66;
border-spacing:.4em .2em;
text-align:center;
border-collapse:collapse;
}

#menutablespacer{
cellspacing:0;
cellpadding:0;
width:1em;
background-color:#FFFF66;
text-decoration:none;
text-align:center;
}

#menutablecell{
border:0; 
cellspacing:0;
cellpadding:0;
background-color:#FFFF66;
text-decoration:none;
text-align:center;
}



#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	z-index:1000;
}

#nav a {
	display: block;
	width: 10em;
}

#nav li {
	float: left;
	width: 10.5em;
}

#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

#nav li:hover ul {
	left: auto;
}


#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}