@charset "utf-8";
/* CSS Document */
body {
    background-color: #F2e4b9;
    line-height: 18px;
    letter-spacing: 0.5px;
    text-align: justify;
    font-family: "Times New Roman", Times, serif;
    margin: 0;
    padding: 0;
    line-height: 1.25em
    }
body a {
    color: #967a64;
    /*light cream*/
    }
body a:hover {
    color: #B7B035;
    /*yellow*/
    }
body a:active {
    color: #fffbea;
    text-decoration: none
    }
/*a:active MUST come after hover*/
a img {
    border: none
    }
h1, h2, h3 {
    font-family: Century, "Adobe Garamond Pro"
    }
h1 {
    font-size: 16px;
    color: #000;
    /*pewter*/
    padding: 2px;
    font-style: normal;
    line-height: normal;
    font-variant: small-caps;
    font-family: Century, "Adobe Garamond Pro";
    letter-spacing: 0.1em;
    word-spacing: normal;
    width: auto;
    background-position: center;
    float: none;
    clear: none;
    text-align: center
    }
h2 {
    font-size: 1.4em;
    color: #000;
    /*black*/
    font-family: Century, "Adobe Garamond Pro";
    /*was 0px, changed to fix event space problem*/
    font-variant: normal
    }
h3 {
    font-size: 14px;
    color: #967a64;
    /*pewter*/
    font-family: Century, "Adobe Garamond Pro"
    }
h5 {
    font-family: "Times New Roman", Times, serif;
    font-size: 16px;
    color: #5d4f2f;
    font-style: normal;
    font-weight: normal
    }
h4 {
    font-size: 24px;
    color: #5d4f2f;
    /*dark pewter*/
    font-weight: normal;
    font-family: "Adobe Garamond Pro Bold", Georgia, "Times New Roman";
    font-style: oblique;
    text-decoration: underline
    }
.text {
    margin-left: 10px
    }
#container {
    width: 950px;
    background-color: #f2e4b9;
    /*light blue*/
    background-position: top;
    background-position: center;
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 100px;
    margin-left: auto
    }
#header {
    text-align: center;
    background-color: #f2e4b9;
    /*light blue*/
    padding: 0;
    margin: 0;
    height: 330px
    }
#header a, img {
    border: 0;
    float: none;
    padding: 0;
    height: 330px
    }
#header table {
    width: 940px;
    text-align: center
    }
#topHeader {
    width: 950px;
    vertical-align: middle;
    padding-bottom: 20px;
    height: 133px
    }
.button {
    padding: 0 10px;
    background-color: #D1C49E;
    border-color: #C49ED1;
    border-radius: 15px;
    color: black;
    text-align: center
    }
.logo {
    width: 190px
    }
p.pic {
    padding-right: 50px
    }
p.ex1 {
    padding-top: 10px
    }
ul#menu {
    width: 950px;
    background: #F2e4b9;
    color: #5d4f2f
    }
ul#menu ul {
    width: 600px;
    /*background info on sub nav*/
    background: #D1C49E;
    position: absolute;
    white-space: nowrap;
    font-size: 8px
    }
ul#menu, ul#menu ul {
    height: 30px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-family: "Times New Roman", Times, serif;
    font-weight: normal;
    text-transform: uppercase
    }
ul#menu li {
    line-height: 30px;
    width: 100px;
    /*width of words on nav bar*/
    float: left;
    text-align: center;
    font-size: 14px;
    margin: auto
    }
ul#menu li ul {
    display: none
    }
ul#menu li:hover ul {
    display: block
    }
ul#menu ul li a {
    background: #D1C49E;
    padding-right: 30px;
    padding-left: 20px;
    font-size: 13px
    }
ul#menu a {
    display: block;
    text-decoration: none;
    color: #5d4f2f;
    /*click nav bar*/
    background: #F2e4b9
    }
ul#menu a:hover {
    color: #000;
    /*nav bar*/
    }
ul#menu a:active {
    background: #F2e4b9;
    color: #fffbea
    }
/*background color on nav when click and color change to black when hover*/
#navigation {
    padding: 0;
    height: 20px;
    text-align: center;
    background-color: #fffbea;
    margin: 0
    }
#nav table {
    table-layout: auto;
    padding-top: 0;
    margin-top: 0
    }
#event {
    background-color: #fffbea;
    float: right;
    width: 260px;
    text-align: center;
    padding: 5px;
    margin-top: 5px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 15px;
    clear: both
    }
a.event, a.event:visited {
    font-size: 1em;
    color: #967a64;
    padding: inherit;
    word-spacing: normal;
    text-decoration: underline;
    line-height: normal
    }
a.event:hover {
    background: #fff;
    color: #B7B035;
    /*yellow*/
    border-bottom: 2px solid #B7B035;
    /*yellow*/
    word-spacing: normal
    }
#maincontent {
    margin-right: auto;
    /*Set left margin to   Left Column Width plus a little for padding*/
    margin-top: 0;
    background-color: #fffbea;
    padding-top: 25px;
    padding-right: 20px;
    padding-bottom: 25px;
    padding-left: 25px
    }
.event_img {
    height: inherit;
    background-color: #fffbea;
    width: 225px;
    border: thin solid #d1c49e;
    background-position: top;
    padding-right: 0;
    padding-left: 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0
    }
.content_img {
    height: auto;
    width: auto;
    position: relative
    }
#event_img {
    position: relative;
    box-shadow: 10px 10px 5px black;
    padding: 0;
    margin: 0;
    vertical-align: top;
    width: 280px
    }
#content {
    background-color: #fffbea;
    padding-top: 25px;
    padding-right: 20px;
    padding-bottom: 25px;
    padding-left: 25px
    }
#outer {
    float: none;
    background-color: #fffbea;
    clear: none;
    margin: 0;
    padding-top: 5px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0
    }
#inner {
    padding: 5px
    }
#event_inner/*********Changes to #inner to float whole div left!***********/ {
    float: none;
    padding: 2px;
    clear: none;
    text-align: center;
    margin: 5px;
    border: thin double #d1c49e;
    /*putty*/
    height: auto;
    width: auto
    }
.mail_list {
    height: auto;
    width: auto
    }
#inner img {
    float: left;
    padding: 0;
    border: 1px solid #5d4f2f;
    margin-right: 5px;
    background-color: #666;
    height: auto;
    margin-top: 8px;
    display: table-caption
    }
#inner h2 {
    border-bottom: 2px solid #B7B035
    }
/******** new rule to hold index and home page image and caption *****/
.image_div {
    text-align: center;
    height: auto;
    background-color: #d1c49e;
    width: auto;
    margin: 0;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: #666;
    border-right-color: #666;
    border-bottom-color: #666;
    border-left-color: #666
    }
.caption {
    font-size: smaller;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    padding: 5px
    }
/****** new id for a little div on the contact pages ***/
#contact {
    width: 220px;
    float: right
    }
#crossfade > img {
    width: 100%;
    height: 330px;
    position: absolute;
    top: 0;
    left: 0;
    color: transparent;
    opacity: 0;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 30s linear infinite 0s;
    -moz-animation: imageAnimation 30s linear infinite 0s;
    -o-animation: imageAnimation 30s linear infinite 0s;
    -ms-animation: imageAnimation 30s linear infinite 0s;
    animation: imageAnimation 30s linear infinite 0s
    }
#crossfade > img:nth-child(2) {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s
    }
#crossfade > img:nth-child(3) {
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s
    }
#crossfade > img:nth-child(4) {
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s
    }
#crossfade > img:nth-child(5) {
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s
    }
@-webkit-keyframes imageAnimation {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: ease-in;
        } 8% {
        opacity: 1;
        -webkit-animation-timing-function: ease-out;
        } 17% {
        opacity: 1
        } 25% {
        opacity: 0
        } 100% {
        opacity: 0
        }
    }
@-moz-keyframes imageAnimation {
    0% {
        opacity: 0;
        -moz-animation-timing-function: ease-in;
        } 8% {
        opacity: 1;
        -moz-animation-timing-function: ease-out;
        } 17% {
        opacity: 1
        } 25% {
        opacity: 0
        } 100% {
        opacity: 0
        }
    }
@-o-keyframes imageAnimation {
    0% {
        opacity: 0;
        -o-animation-timing-function: ease-in;
        } 8% {
        opacity: 1;
        -o-animation-timing-function: ease-out;
        } 17% {
        opacity: 1
        } 25% {
        opacity: 0
        } 100% {
        opacity: 0
        }
    }
@-ms-keyframes imageAnimation {
    0% {
        opacity: 0;
        -ms-animation-timing-function: ease-in;
        } 8% {
        opacity: 1;
        -ms-animation-timing-function: ease-out;
        } 17% {
        opacity: 1
        } 25% {
        opacity: 0
        } 100% {
        opacity: 0
        }
    }
@keyframes imageAnimation {
    0% {
        opacity: 0;
        animation-timing-function: ease-in;
        } 8% {
        opacity: 1;
        animation-timing-function: ease-out;
        } 17% {
        opacity: 1
        } 25% {
        opacity: 0
        } 100% {
        opacity: 0
        }
    }
/*********new classes********/
.floatleft {
    float: left;
    background-color: #FFc
    }
.clearboth {
    clear: both
    }
/**********/
/**********/
/**********/
/**********/
/**********/
/**********/
/**********/
/**********Gallery Rules Below**********/
/**********/
div#photos {
    /*New rules for div replacing inner div for the photo gallery*/
    width: 530px;
    padding: 10px 5px 25px;
    text-align: center;
    margin: auto
    }
div#photos table {
    /*New rules for table for photo gallery*/
    width: 513px;
    background: #26488B;
    /*dark blue*/
    margin: auto
    }
div#photos table td {
    /*New rules for table cells for photo gallery*/
    padding: 25px 10px;
    width: 125px;
    border: 1px solid #B7B035;
    /*yellow*/
    background: white;
    text-align: center
    }
/**********/
/**********/
/*****Gallery Rules Above*****/
/**********/
/**********/
/**********/
/**********/
/**********/
/**********/
/**********/
#footer {
    clear: both;
    font-size: small;
    /*yellow*/
    text-align: center;
    color: #5d4f2f;
    padding-top: 15px;
    padding-right: 0;
    padding-bottom: 15px;
    padding-left: 0;
    background-color: #F2e4b9;
    /*cream*/
    top: 0;
    border-top-width: thin;
    border-bottom-width: thin;
    border-top-style: solid;
    border-right-style: none;
    border-bottom-style: solid;
    border-top-color: #fffbea;
    border-bottom-color: #fffbea;
    text-decoration: none
    }
#footer a, #footer a:visited {
    font-size: small;
    color: #5d4f2f;
    padding: inherit;
    padding: 5px;
    word-spacing: 0.25em;
    background-color: #f2e4b9
    }
#footer a:hover {
    color: #5d4f2f;
    /*pewter*/
    font-size: small;
    background-color: #f2e4b9;
    border-bottom-width: 5px;
    border-bottom-style: none;
    border-bottom-color: #d1c49e
    }
.winetable {
    vertical-align: top;
    float: none;
    text-align: center;
    height: auto;
    width: auto;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px
    }
.wineriesListPanel {
    position: relative;
    width: 885px;
    border-top-width: 0;
    border-right-width: 1px;
    border-bottom-width: 0;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #CFCFCF;
    border-right-color: #CFCFCF;
    border-bottom-color: #CFCFCF;
    border-left-color: #CFCFCF
    }
.wineriesListItem {
    float: left;
    height: 270px;
    border: 1px solid #CFCFCF;
    border-width: 1px 1px 1px 1px;
    position: relative;
    padding-left: 5px;
    padding-right: 5px;
    width: 207px
    }
.midPanel {
    width: 207px
    }
#inner img II {
    float: right;
    padding: 0;
    border: 1px solid #5d4f2f;
    background-color: #666;
    height: auto;
    display: table-caption;
    margin: 8px
    }
.tag1 {
    height: 1px;
    width: 1px
    }