﻿body 
{
    margin: 0px 0px; padding:0px;
	text-align:center;
	background-color: Maroon;
	height: auto;
}


    

#maincontainer
{
    
    top: 0px;
    height: auto;
    width: 750px;
    border-left: black solid 4px;
    border-right: black solid 4px;
    background-color: white;
    overflow: hidden;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-color: #F0F4B5;
    margin: 0px auto;
    text-align: left;
    padding: 0px 0px 0px 0px;
    border: solid 2px black;
    
}
.h1
{
    font-family: Georgia;
}
#notice
{
    top: -15px;
    left: 0px;
    height: 115px;
    width: 300px;
    text-align: left;
    margin: 0px auto;
    margin-top: 5px; 
    margin-left: 4px;
    overflow: hidden;
}
#special
{
    
    left: 0px;
    height: 125px;
    width: 150px;
    text-align: left;
    margin: 0px auto;
    margin-top: 45px; 
    margin-left: 5px;
}
#Valentine
{
    
    left: 0px;
    height: 115px;
    width: 150px;
    text-align: left;
    margin-top: -150px; 
    margin-left: 210px;
    
}
#vday
{
    left:0px;
    height: 50px;
    width: 100px;
    text-align: left;
    margin-left: 205px;
    margin-top: 25px;
}
#grape
{
    left: 0px;
    height: 330px;
    width: 175px;
    text-align: left;
    margin: 0px auto;
    margin-top: -175px; 
    margin-left: 625px;
    background-image: url('images/graphanging.jpg');
    background-repeat: no-repeat;
    background-position: 0px -15px;
    overflow: visible;
   
}
#matcher
{
    left: 0px;
    height: 272px;
    width: 300px;
    text-align: left;
    margin: 0px auto;
    margin-top: 45px; 
    margin-left: 330px;
    border: solid 2px black;
}
.infop 
{
    padding: 2px 5px;
    text-align: center;
}
#info
{
    top: 0px;
    left: 0px;
    height: 395px;
    width: 400px;
    text-align: left;
    margin: 0px auto;
    margin-top: 75px;
    margin-left: 348px;
    background-image: url('images/grapeleave2.jpg');
    background-position: 0px 0px;
    overflow: hidden;
    
  
}
#cab
{
    top: 0px;
    left: 0px;
    height: 291px;
    width: 170px;
    text-align: left;
    margin: 0px auto;
    margin-top: 20px; 
    margin-left: 150px;
    background-image: url('images/screw.jpg');
    background-position: 155px;
    background-repeat: no-repeat;
    background-color: White;
    border: ridge 2px black;
    padding: 0px 5px 0px 0px;
    
    
}
#catawba
{
    top: 0px;
    left: 0px;
    height: 291px;
    width: 170px;
    text-align: left;
    margin: 0px auto;
    margin-top: -294px; 
    margin-left: 70px;
    background-image: url('images/screw.jpg');
    background-position: 155px;
    background-repeat: no-repeat;
    background-color: White;
    border: ridge 2px black;
    padding: 0px 5px 0px 0px;
}
#blush
{
    top: 0px;
    left: 0px;
    height: 291px;
    width: 170px;
    text-align: left;
    margin: 0px auto;
    margin-top: 25px; 
    margin-left: 475px;
    background-image: url('images/screw.jpg');
    background-position: 155px;
    background-repeat: no-repeat;
    background-color: White;
    border: ridge 2px black;
    padding: 0px 5px 0px 0px;
}
#red
{
    top: 0px;
    left: 0px;
    height: 291px;
    width: 170px;
    text-align: left;
    margin: 0px auto;
    margin-top: -295px; 
    margin-left: 275px;
    background-image: url('images/screw.jpg');
    background-position: 155px;
    background-repeat: no-repeat;
    background-color: White;
    border: ridge 2px black;
    padding: 0px 5px 0px 0px;
}
#apple
{
    top: 0px;
    left: 0px;
    height: 291px;
    width: 285px;
    text-align: left;
    margin: 0px auto;
    margin-top: -0px; 
    margin-left: 125px;
    background-image: url('images/leaves.jpg');
    background-position: 232px;
    background-repeat: no-repeat;
    background-color: White;
    border: ridge 2px black;
    padding: 0px 5px 0px 0px;
}
#blackberry
{
    top: 0px;
    left: 0px;
    height: 291px;
    width: 285px;
    text-align: left;
    margin: 0px auto;
    margin-top: 10px; 
    margin-left: 325px;
    background-image: url('images/leaves.jpg');
    background-position: 232px;
    background-repeat: no-repeat;
    background-color: White;
    border: ridge 2px black;
    padding: 0px 5px 0px 0px;
}
#cherry
{
    top: 0px;
    left: 0px;
    height: 291px;
    width: 285px;
    text-align: left;
    margin: 0px auto;
    margin-top: 10px; 
    margin-left: 125px;
    background-image: url('images/leaves.jpg');
    background-position: 232px;
    background-repeat: no-repeat;
    background-color: White;
    border: ridge 2px black;
    padding: 0px 5px 0px 0px;
}
#peach
{
    top: 0px;
    left: 0px;
    height: 291px;
    width: 285px;
    text-align: left;
    margin: 0px auto;
    margin-top: 10px; 
    margin-left: 325px;
    background-image: url('images/leaves.jpg');
    background-position: 232px;
    background-repeat: no-repeat;
    background-color: White;
    border: ridge 2px black;
    padding: 0px 5px 0px 0px;
}
#rasberry
{
    top: 0px;
    left: 0px;
    height: 291px;
    width: 285px;
    text-align: left;
    margin: 0px auto;
    margin-top: 10px; 
    margin-left: 125px;
    background-image: url('images/leaves.jpg');
    background-position: 232px;
    background-repeat: no-repeat;
    background-color: White;
    border: ridge 2px black;
    padding: 0px 5px 0px 0px;
}
#vidal
{
    top: 0px;
    left: 0px;
    height: 291px;
    width: 190px;
    text-align: left;
    margin: 0px auto;
    margin-top: 20px; 
    margin-left: 150px;
    background-image: url('images/leaves2.jpg');
    background-position: 195px;
    background-repeat: no-repeat;
    background-color: White;
    border: ridge 2px black;
    padding: 0px 5px 0px 0px;
}
#chambourcin
{
    top: 0px;
    left: 0px;
    height: 291px;
    width: 190px;
    text-align: left;
    margin: 0px auto;
    margin-top: 10px; 
    margin-left: 375px;
    background-image: url('images/leaves2.jpg');
    background-position: 195px;
    background-repeat: no-repeat;
    background-color: White;
    border: ridge 2px black;
    padding: 0px 5px 0px 0px;
}
#chardonnay
{
    top: 0px;
    left: 0px;
    height: 291px;
    width: 190px;
    text-align: left;
    margin: 0px auto;
    margin-top: 10px; 
    margin-left: 150px;
    background-image: url('images/leaves2.jpg');
    background-position: 195px;
    background-repeat: no-repeat;
    background-color: White;
    border: ridge 2px black;
    padding: 0px 5px 0px 0px;
}
#merlot
{
    top: 0px;
    left: 0px;
    height: 291px;
    width: 190px;
    text-align: left;
    margin: 0px auto;
    margin-top: 10px; 
    margin-left: 375px;
    background-image: url('images/leaves2.jpg');
    background-position: 195px;
    background-repeat: no-repeat;
    background-color: White;
    border: ridge 2px black;
    padding: 0px 5px 0px 0px;
}
#riesling
{
    top: 0px;
    left: 0px;
    height: 291px;
    width: 190px;
    text-align: left;
    margin: 0px auto;
    margin-top: 10px; 
    margin-left: 150px;
    background-image: url('images/leaves2.jpg');
    background-position: 195px;
    background-repeat: no-repeat;
    background-color: White;
    border: ridge 2px black;
    padding: 0px 5px 0px 0px;
}
    
.cabp p
{
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    margin-top: -265px;
    margin-right: auto;
    margin-left: 180px;
    overflow: auto;
   
}
.fruitp p
{
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    margin-top: -265px;
    margin-right: auto;
    margin-left: 300px;
    overflow: auto;
}
#bar
{
    top: 0px;
    left: 0px;
    height: 395px;
    width: 395px;
    text-align: left;
    margin: 0px auto;
    margin-top: -395px;
    margin-left: 4px; 
    background-image: url('images/newpic3.jpg');
    background-repeat: no-repeat;
    overflow: visible;
}
#opening
{
    top: 0px;
    left: 0px;
    height: 300px;
    width: 337px;
    text-align: left;
    margin: 0px auto;
    margin-top: -302px;
    margin-left: 6px; 
    background-image: url('images/opening.jpg');
    background-repeat: no-repeat;
    overflow: visible;
}
#BrolmoCalendar3129
{
    visibility: visible;
}

#calendar
{
    top: 0px;
    float: inherit;
    margin-left: 75px;   
    
}
#music
{
    top: 0px;
    left: 500px;
    height: 2500px;
    width: 202px;
    text-align: left;
    margin: 0px auto;
    margin-left: 525px;
    margin-top: -2500px; 
    background-image: url('images/music.jpg');
    
   
   
}
    
#party
{
    top: 0px;
    left: 0px;
    height: 636px;
    width: 315px;
    text-align: left;
    margin: 0px auto;
    margin-left: 10px; 
    margin-top: 27px;
    border: ridge 2px gray;   
    background-image: url('images/glasses.jpg');
    background-color: white;
    background-position: bottom;
    background-repeat: no-repeat;
}
.party h2
{
    padding-left: 20px;
    font-family: Georgia;
    font-size: 16;
    font-weight: bolder;
}
.party p
{
    padding-left: 20px;
    font-family: Georgia;
    font-size: 12px;
    font-weight: bold;
}
    
    
#images
{
    top: 0px;
    left: 0px;
    height: 600px;
    width: 700px; 
    background-position: 15px 0px;
    overflow: hidden;
    margin-left: 22px;
    margin-top: 15px;
    overflow: visible;
    /*border: black solid 4px;*/
}
#map
{
    top: 0px;
    left: 0px;
    height: 845px;
    width: 600px; 
    background-color: white;
    overflow: hidden;
    margin-left: 50px;
    margin-top: 15px;
    border: black solid 2px;
}
#menu 
{
    top: 0px;
    left: 0px;
    height: 935px;
    width: 730px; 
    background-color: white;
    overflow: hidden;
    margin-left: 8px;
    margin-top: 15px;
    border: black solid 2px;
}
#barrel
{
    top: 0px;
    left: 0px;
    height: 1000px;
    width: 700px;
    text-align: left;
    margin: 0px auto;
    margin-left: 25px; 
    margin-top: 25px;
}
.directions
{
    font-family: Georgia;
    font-size: 12px;
    font-weight: bold;
    padding: 0px 0px 0px 10px;
}
.directheading
{
    font-family: Georgia;
    font-size: 24px;
    font-weight: bolder;
    color: Purple;
    text-decoration: underline;
    padding: 0px 0px 0px 50px;
}
.directhours
{
    font-family: Arial;
    font-size: 22px;
    font-weight: bold;
    padding: 0px 0px 0px 100px;
    text-decoration: underline;
}
.directhours2
{
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    padding: 0px 0px 0px 15px;
}
#footer
{   
    top: 15px;      
    left: 0px;
    height: 35px;
    width: 685px;
    font-size: 6px;
    font-family: Georgia;
    margin: 0px auto;
    margin-left: 0px;
    margin-top: 50px; 
    background-repeat: no-repeat;
    border-top: ridge 2px black;
    padding: 5px 0px 0px 200px;
    
}
.foot
{
    text-align: center;
   
    font-size: 2px;
    font-weight: bold;
}
#assoc
{
    top: 0px;      
    left: 0px;
    height: 86px;
    width: 685px;
    text-align: left;
    margin-top: 45px; 
    margin-left: 45px;
    background-image: url('images/assoc.jpg');
    background-repeat: no-repeat;
}   
    
        
#logo
{
    top: 0px;
    height: 164px;
    width: 749px;
    background-image: url('images/newlogo2.jpg');
    background-repeat: no-repeat;
    margin: 0px 0px;
    text-align: left;
    border-bottom: solid 2px black;
   
}

#navigation
{
    top: 0px;
    left: 0px;
    height: 45px;
    width: 750px;
    text-align: left;
    margin: 0px auto;
    margin-top: -8px;
}
.container {
	padding: 10px;
	margin: 20px 0 20px 0;
	background: transparent;
	}
#minitabs {
	margin: 0;
	padding: 0 0 20px 10px;
	border-bottom: 2px solid black;
	}

#minitabs li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}
	
#minitabs a:link, #minitabs a:visited {
	float: left;
	font-size: 20px;
	line-height: 14px;
	font-weight: bold;
	margin: 0 10px 4px 10px;
	padding-bottom: 2px;
	text-decoration: none;
	color: black;
	}

#minitabs a.active:link, #minitabs a.active:visited, #minitabs a:hover {
	border-bottom: 4px solid #696;
	padding-bottom: 2px;
	background: #fff;
	color: purple;
	}

/* relative font-size version */

#miniflex {
	width: 100%;
	float: left;
	font-size: x-large; /* could be specified at a higher level */
	margin: 0;
	padding: 0 10px 0 10px;
	border-bottom: 1px solid black;
	}

#miniflex li {
	float: left;
	margin: 0; 
	padding: 0;
	display: inline;
	list-style: none;
	}
	
#miniflex a:link, #miniflex a:visited {
	float: left;
	font-size: 85%;
	line-height: 20px;
	font-weight: bold;
	margin: 0 10px 0 10px;
	text-decoration: blink;
	color: black;
	}

#miniflex a.active:link, #miniflex a.active:visited, #miniflex a:hover {
	border-bottom: 4px solid black;
	padding-bottom: 2px;
	color: black;
	}
    

    
#Links
{
    top: 0px;
    left: 15px;
    height: 110px;
    width: 750px;
    margin-top: 800px;
    margin-left: 0px;
    
}
#acounty
{
    top: 0px;
    left: 0px;
    height: 95px;
    width: 110px;
    margin-left: 55px;
    margin-top: -93px;
    
}
#ohio
{
    top: 0px;
    left: 0px;
    height: 95px;
    width: 110px;
    margin-left: 230px;
    margin-top: -93px;
}
#ogi
{
    top: 0px;
    left: 0px;
    height: 95px;
    width: 110px;
    margin-left: 590px;
    margin-top: -93px;
}
#ohiowine
{
    top: 0px;
    left: 0px;
    height: 95px;
    width: 110px;
    margin-left: 400px;
    margin-top: 5px;
}
    
    
    
    
    
.words p
{
    font-style: italic;
    font-family: Rockwell;
    font-weight: bold;
    font-size: medium;
    line-height: normal;
    letter-spacing: 1px;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    
    
    
}



#navlist
{
margin: 0;
padding: 75px 0 20px 10px;
border-bottom: 1px solid black;
color: black;
}

#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
color: White;
}

#navlist a:link, #navlist a:visited
{
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
color: white;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
border-bottom: 4px solid #000;
padding-bottom: 2px;
background: transparent;
color: white;
}

#navlist a:hover { color: red; }

div#calendarhub_events {
      font-family:Verdana, Arial, Helvetica, sans-serif;
      font-size:11px;
      border:1px solid #aaa;
      padding:5px;
      width:150px;
    }
    div#calendarhub_events ul {
      list-style-type:none;
      padding-left:0;
    }
    div#calendarhub_events p {
      padding: 2px 2px 2px 2px;
    }

