body {
background-color:#FFE680 ;
}

#container
{
width: 90%;
margin: 10px auto;
font: 100%   Verdana, Arial, Helvetica, sans-serif;
background: #FFFAE6;
color: #333;
#border: 2px solid gray;
line-height: 130%;
clear: both;
}

#top
{
padding: 0;
background-color: #FFF2BF;
border-bottom: 2px solid gray;
height: 133px;
}

#grapes {
position: absolute;
top: -1%;
left: 80%;
z-index: 99;
}

#leftnav
{
float: left;
width: 160px;
margin: 0;
padding: 1em;

}

#rightnav
{
float: right;
width: 160px;
color: #333;
text-align: center;
margin: 2px 2px 10px 2px;
padding: 1em;
font-size: 85%;
}

#content
{
margin-left: 200px;
#border-left: 1px solid gray;
margin-right: 200px;
#border-right: 1px solid gray;
padding: .7em;
font-size: 95%; 
max-width: 36em;

}

#footer
{
clear: both;
margin: 0;
padding: .7em;
color: white;
text-align: right;
background: #BFAC60 url("images/storevan.jpg") no-repeat;
border-top: 1px solid gray;
}

#photocontent
{

border-left: 1px solid gray;
margin-left: 190px;
padding: .7em;
font-size: 95%; 
max-width: 36em;

}
.dropcap {
float: left;
width: 1em;
font-size: 3em;
line-height: 83%;
}

.block{
background:#FFF2BF;
padding:15px;
margin: 25px 0 25px 0;
}

 .floatleft
{
float: left;
margin: 0 10px 10px 0;
padding: 2px;
}

 .floatright
{
float: right;
margin: 0 20px 10px 10px;
padding: 2px;
}

#vertmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
width: 160px;
padding: 0px;
margin: 0px;
}

#vertmenu h1 {
display: block;
background-color:#FFCC66;
font-size: 90%;
padding: 3px 0 5px 3px;
border: 1px solid #000000;
color: #333333;
margin: 0px;
width:159px;
}

#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}

#vertmenu ul li {
margin: 0px;
padding: 0px;
}

#vertmenu ul li a {
font-size: 80%;
display: block;
border-bottom: 1px dashed #C39C4E;
padding: 5px 0px 2px 4px;
text-decoration: none;
color: #666666;
width:160px;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #000000;
background-color: #eeeeee;
}

#leftnav p, #rightnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }



#rightnav ul
{
list-style-type: circle;
padding: 0;
margin: 0 0 30px 0 ;
text-align: left;
}


#rightnav li
{
color: #333;
background-repeat: no-repeat;
background-position: .02em;
padding-right: .03em;
margin: 1em 0 0 1em;
}

#rightnav h1 {
display: block;
background-color:#FFCC66;
font-size: 90%;
padding: 3px 0 5px 3px;
border: 1px solid #000000;
color: #333333;
margin: 0px;
margin-top: 40px;
width:159px;
}

#rightnav h2 {
color: #333;
font-size: 90%
}


#photocontainer {position:relative; width:425px; height:430px; background:#FFCC66 url(back1.gif); border:1px solid #000; margin: 0 auto;}
a.gallery, a.gallery:visited {display:block; color:#FFCC66; text-decoration:none; border:1px solid gray; width:75px; height:47px; float:left; margin:3px; z-index:50;}
a.slidea {background:url(images/bestvalueleftsm.jpg);}
a.slideb {background:url(images/wineroomfullsm.jpg);}
a.slidec {background:url(images/wineroomleftsm.jpg);}
a.slided {background:url(images/californiasm.jpg);}
a.slidee {background:url(images/cordialsm.jpg);}
a.slidef {background:url(images/beerwall1sm.jpg);}
a.slideg {background:url(images/beerroomsm.jpg);}
a.slideh {background:url(images/beerwall2sm.jpg);}
a.slidei {background:url(images/liquorsm.jpg);}
a.slidej {background:url(images/vodkasm.jpg);}

a.gallery span {display:block; position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#efedec url(back1.gif);z-index:100;}
.slidek {display:block; position:absolute; width:400px; height:250px; top:125px; left:10px; padding:0; border:1px solid #000;}
a.gallery:hover {white-space:normal; border:1px solid #fff;}
a.gallery:hover img {border:1px solid #000; position:relative; z-index:100;}
a.gallery:hover span {display:block; position:absolute; width:402px; height:300px; top:120px; left:5px; padding:5px; font-style:italic; color:#000; background:#efedec url(back1.gif); z-index:100;}
a.gallery:active {border:1px solid #eee;}
a.gallery:active img, a.gallery:focus img {border:1px solid #000; position:relative; z-index:50;}
a.gallery:active span, a.gallery:focus span {display:block; position:absolute; width:402px; height:300px; top:120px; left:5px; padding:5px; font-style:italic; color:#000; background:#efedec ; z-index:50;}

a:link, a:visited {
color: #000000;
text-decoration: underline;
}

a:hover, a:active {
color: #D58644;
text-decoration: none;

}