*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{margin:0;}
[class*=col-]{float:left;padding-right:20px;}
[class*=col-]:last-of-type{padding-right:0;}
.grid{width:100%;max-width:1140px;min-width:755px;overflow:hidden;-ms-border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;margin:0 auto;}
.grid:after{content:"";display:table;clear:both;}
.grid-pad{padding:5px 0 0 5px;}
.grid-history{padding:5px 50px 0 50px;}
.grid-pad > [class*=col-]:last-of-type{padding-right:20px;}
.push-right{float:right;}
.col-1-1{width:100%;}
.col-2-3,.col-8-12{width:66.66%;}
.col-1-2,.col-6-12{width:50%;}
.col-1-3,.col-4-12{width:33.33%;}
.col-1-4,.col-3-12{width:25%;}
.col-1-5{width:20%;}
.col-1-6,.col-2-12{width:16.667%;}
.col-1-7{width:14.28%;}
.col-1-8{width:12.5%;}
.col-1-9{width:11.1%;}
.col-1-10{width:10%;}
.col-1-11{width:9.09%;}
.col-1-12{width:8.33%;}
.col-11-12{width:91.66%;}
.col-10-12{width:83.333%;}
.col-9-12{width:75%;}
.col-5-12{width:41.66%;}
.col-7-12{width:58.33%;}
@media handheld,only screen and max-width 767px {
.grid{width:100%;min-width:0;margin-left:0;margin-right:0;padding-left:0;padding-right:0;}
[class*=col-]{width:auto;float:none;padding-left:20px;padding-right:20px;margin:10px 0;}
.grid-history{padding:5px 10px 0 10px;}
}

*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body{margin:0}
[class*='col-']{float:left;padding-right:20px}
[class*='col-']:last-of-type{padding-right:0}
.grid{width:100%;max-width:1140px;min-width:755px;margin:0 auto;overflow:hidden;-ms-border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}
.grid:after{content:"";display:table;clear:both}
.grid-pad{padding:5px 0 0 5px}
.grid-pad>[class*='col-']:last-of-type{padding-right:20px}
.grid-history{padding:5px 50px 0 50px;}
.push-right{float:right}
.col-1-1{width:100%}
.col-2-3,.col-8-12{width:66.66%}
.col-1-2,.col-6-12{width:50%}
.col-1-3,.col-4-12{width:33.33%}
.col-1-4,.col-3-12{width:25%}
.col-1-5{width:20%}
.col-1-6,.col-2-12{width:16.667%}
.col-1-7{width:14.28%}
.col-1-8{width:12.5%}
.col-1-9{width:11.1%}
.col-1-10{width:10%}
.col-1-11{width:9.09%}
.col-1-12{width:8.33%}
.col-11-12{width:91.66%}
.col-10-12{width:83.333%}
.col-9-12{width:75%}
.col-5-12{width:41.66%}
.col-7-12{width:58.33%}
@media handheld,only screen and (max-width:767px){.grid{width:100%;min-width:0;margin-left:0;margin-right:0;padding-left:0;padding-right:0}
[class*='col-']{width:auto;float:none;margin-left:0;margin-right:0;margin-top:10px;margin-bottom:10px;padding-left:20px;padding-right:20px}
.grid-history{padding:5px 10px 0 10px;}
}

body {
background-color: #395A91;
font-family: 'Nunito', sans-serif;
font: 14px/21px  Nunito,sans-serif;
color: #444;
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
-webkit-text-size-adjust: 100%;
 }
 .padding{padding-left:20px}
  .fmenu{padding-bottom:10px;}
 h1 {color:#ff0000;text-align:center; font-size:24px;}
  h2 {color:#800000;margin:0 0 10px 0}
h3 {color:#800000}
 h5 {color:#800000;font-size:1em;text-align:center;margin:0 0 10px 0}
 h5.drop {color:#800000;font-size:1em;text-align:center;margin:10px 0 0 5px}
 h6 {color:#C00000;font-size:1em;font-weight:400;text-align:left;margin:0 0 0 5px}
 a.drop,a.drop:link,a.drop:visited {color:#800000;font-size:1em;text-align:center;margin:10px 0 0 5px;text-decoration:none;}
 
.enlarge:hover {
	transform:scale(2,2);
	transform-origin:0 0;
}
.container {background-color: #2D405D; position: relative; margin: 0 auto; padding: 0;}
.page {background-color: #fff; position: relative; margin: 0 auto; padding: 0;
border:1px solid #808080;padding:5px;-o-border-radius: 8px;
-ms-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
.maptable {
padding: 0px 10px 10px 10px;
margin-bottom:5px
}
p.article {text-indent:15px; text-align:left; padding-top:0;margin: 10px 15px 15px 20px;}
.thumbnail {font-size:1.1em;color:#c00000;text-align:left;font-weight:450;margin-bottom:20px;padding-bottom:20px;}
a.thumbnail,a.thumbnail:link,a.thumbnail:visited {
text-align:left;
color:#00f;

text-decoration:none;
font-weight:500;
}

a.thumbnail:hover {
color:#00C0C0;
text-decoration:underline;
}
a.thumbnail3,a.thumbnail3:link,a.thumbnail3:visited {text-align:left;color:#00f;font-size:12px;text-decoration:none;font-weight:bold;}
a.thumbnail3:hover {color:#00C0C0;text-decoration:underline;}
a.mapmenu,a.mapmenu:link,a.mapmenu:visited {
display:block;
color:#000;
font-size:12px;
text-indent:10px;
text-decoration:none;
text-align:left;
}
h4.map {
color:maroon;
font-size:14px;
margin-bottom:2px;
margin-top:10px;
text-align:left;
}

img {border:0px}
img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
} 
img.floatleft { float: left; margin: 0 1em 0 0;border:1px solid #000; }
pre {font-weight: normal;text-align:left;font-size: 1em;line-height:1.2em;text-decoration:none;padding-left:30px;}
pre a{text-decoration:none;}
hr {color: #F4F4F4;width:90%;border-style: ridge;border-width: 3px;}

div.wine2 {background:#fff;font-size: .9em;min-height:120px;border-bottom:1px solid #800000;padding:10px;text-align:left;-o-border-radius: 8px;
-ms-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-o-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}

div.winery {background:#fff;font-size: .9em;min-height:120px;border:1px solid #395A91;padding:10px;text-align:left;-o-border-radius: 8px;margin-top:10px;
-ms-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-o-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}

.region-links:after{display:block;clear:both;content:''}
.region-links li{float:center;list-style:none;margin:0 1px}
.region-links a{display:inline-block;list-style:none;background:#fff;font-weight:300;color:#000;text-decoration:none}
.region-links a:hover{background:#7FB5DA;text-decoration:none}


li.active a,li.active a:hover{background:#fff;color:#4c4c4c}
.page-links:after{display:block;clear:both;content:''}
.page-links li{float:center;list-style:none;margin:0 1px}
.page-links a{display:inline-block;border-radius:3px 3px 0 0;color:green;background:#2D405D;font-size:12px;font-weight:600;color:#fff;transition:all linear .15s;padding:0 15px}
.page-links a:hover{background:#7FB5DA;text-decoration:none}

.history-links:after{display:block;clear:both;content:''}
.history-links li{float:center;list-style:none;margin:0 1px}
.history-links a{display:inline-block;background:#fff;font-size:12px;font-weight:300;color:#000;}
.history-links a:hover{background:#7FB5DA;text-decoration:none}
.hisbottom { text-align: center; }
.hisbottom ul  { list-style: none; padding: 0px; margin: 0px;font-weight:400;font-size:10px; }
.hisbottom ul li { display: inline-block; }
.hisbottom ul li a { display: block; text-decoration: none; transition: 0.4s ease background; padding: 0 7px; border-radius: 10px; }
.hisbottom ul li a:hover { background-color: #ccc;color:#000 }

#quicklinks {background:#fff;width : 100%;font-size : 1em;}
.quicklinks {background:#fff;width : 100%;font-size : 1em;}
.quicklinks { text-align: center; }
.quicklinks ul  { list-style: none; padding: 0px; margin: 0px;font-weight:400; }
.quicklinks ul li { display: inline-block; font: 14px/21px  Nunito, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.quicklinks ul li a { display: block; text-decoration: underline; transition: 0.4s ease background; padding: 0px 5px; border-radius: 2px; }
.quicklinks ul li a:hover { background-color: #ccc; }

.indextop-links:after{display:block;clear:both;content:''}
.indextop-links li{float:center;list-style:none;margin:1px}
.indextop-links a{display:inline-block;background:#3D577D;font-size:12px;font-weight:300;color:#fff;}
.indextop-links a:hover{background:#7FB5DA;text-decoration:none}
.indextop { text-align: center; }
.indextop ul  { list-style: none; padding: 0px; margin: 0px;font-weight:600; }
.indextop ul li { display: inline-block; }
.indextop ul li a { display: block; text-decoration: none; transition: 0.4s ease background; padding: 0 7px; border-radius: 10px; }
.indextop ul li a:hover { background-color: #ccc;color:#000 }

img.floatleft { float: left; margin: 0 10px 0 0;border:1px solid #000; }
img.floatright { float: right; margin: 0 0 0 10px; }
table { 
min-width: 280px;
border-spacing : 0;
margin-bottom : 1.4em; 
}

th, td, caption { border: 1px solid #ccc;
padding : .5em 10px .5em 5px; }

tfoot { 
font-style : italic; }

caption { 
background-color : transparent; }

a.link { 
color :#4040FF;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
text-decoration: none;
}

a.link:visited { 
color : #000080 ; }

a.link:focus { 
outline : thin dotted; 
color : rgb(0,0,0); }

a.link:hover, 
a:active { 
outline : 0;
color : #dd2233;
}

 
 


ul.topnav {
  list-style-type: none;
  margin: 0px 1px 0 1px;
  padding: 0;
  overflow: hidden;
  background-color: #395A91;
}

ul.topnav li {float: left;}

ul.topnav li a {
  display: inline-block;
  color: #f2f2f2;
  text-align: center;
  padding: 5px 10px; 
  text-decoration: none;
  transition: 0.3s;

  font: 14px/21px  Nunito, "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #fff;
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
-webkit-text-size-adjust: 100%;
}

ul.topnav li a:hover {background-color: #ccc;color:#000}

ul.topnav li.icon {display: none;}

@media screen and (max-width:680px) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
}

@media screen and (max-width:680px) {
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
}