html {overflow-y: scroll;}
body {background-color:#4C0901;}
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background-color: #4C0901;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
font-size:14px;
color: #4C0901;
margin-top:25px;
}
.twoColFixRtHdr #container {
width: 1044px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
background:#000000;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
text-align: left; /* this overrides the text-align: center on the body element. */
border: 5px solid #000000;
background-image:url(images/wood5.jpg);
background-repeat:repeat-y;
behavior: url(/styles/PIE.htc);
box-shadow: 0px 0px 5px 5px #000000;
-moz-box-shadow: 0px 0 5px 5px #000000;
-webkit-box-shadow: 0 0 5px 5px #000000;
}
.twoColFixRtHdr #header {
color: #2A3D05;
padding: 0 0px 0 0px; /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.twoColFixRtHdr #sidebar1 {
float: right; /* since this element is floated, a width must be given */
width: 676px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
background: #FFFFFF; /* the background color will be displayed for the length of the content in the column, but no further */
padding: 0px 0px;
margin-top:0px;
}
.twoColFixRtHdr #mainContent {
margin: 0px 676px 0px 0px; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
padding: 0 ; /* remember that padding is the space inside the div box and margin is the space outside the div box */
background:#fff;
margin-top:0;
}
.twoColFixRtHdr #footer {
padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
color:#000;
}
.twoColFixRtHdr #footer p {
margin: 0px; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.black { background-color:#000;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
background-color:#FFF;
}
.side1 {float:left; background-image:url(images/barnl1.jpg); background-repeat:no-repeat; width:368px; height:285px;
}
.side1g{overflow:hidden; text-indent:100%; white-space:nowrap;}
.side11 {width:368px; height:285px; background-image:url(images/barnl2.jpg); background-repeat:no-repeat;
float:left;}
.side2 {width:338px; height:285px; background-image:url(images/wine.jpg); background-repeat:no-repeat;
float:left;}
.side22 {width:338px; height:285px; background-image:url(images/newpavilion.jpg); background-repeat:no-repeat;
float:left;}
.side3 {width:338px; height:285px; background-image:url(images/event.jpg); background-repeat:no-repeat;
float:right;}
.side33 {width:338px; height:285px; background-image:url(images/bay7.jpg); background-repeat:no-repeat;
float:right;}
.clear {clear:both}
/* remove the list style */
#nav {
margin:0;
padding:0;
list-style:none;
}
/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */
#nav li {
float:left;
display:block;
width:91px;
background:#600;
position:relative;
z-index:500;
margin:0 0px;
}
/* this is the parent menu */
#nav li a {
display:block;
padding:8px 5px 2px 5px;
font-weight:none;
height:23px;
text-decoration:none;
color:#fff;
text-align:center;
}
#nav li a:hover {
color:#fff;
background:#000;
}
/* you can make a different style for default selected value */
#nav a.selected {
color:#ffffff;
}
/* submenu, it's hidden by default */
#nav ul {
position:absolute;
left:0;
display:none;
margin:0 0 0 -1px;
padding:0;
list-style:none;
z-index: 999;
}
#nav ul li {
width:165px;
float:left;
border-bottom:1px solid #fff;
border-left:1px solid #fff;
border-right:1px solid #fff;
}
/* display block will make the link fill the whole area of LI */
#nav ul a {
display:block;
background:#600;
height:11px;
padding: 10px 5px;
color:#fff;
font-size: 12px;
text-align:left;
}
#nav ul a:hover {
text-decoration:none;
background:#000;
font-size:12px;
text-align:left;
}
/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul {
margin:0 0 0 -2px;
}
.question {color: #660000;
font-weight: bold;
}
.bold {
font-size: 14px;
font-weight: bold;
}
.signupframe {
border: 1px solid #000000;
background: #ffffff;
color: #300303;
font-family: Arial, Helvetica, sans-serif;
margin-left:25px;
}
H1 {font-family: arial, helvetica, sans-serif;
font-size: 24px;
color: #660000;
margin-left:10px;
}
H2 {
font-family: arial, helvetica, sans-serif;
font-size: 18px;
color: #660000;
margin-left:10px;
}
H3 {
font-family: arial, helvetica, sans-serif;
font-size: 15px;
color: #660000;
margin-left:10px;
}
.style19, .subhead { font-size: 16px;
font-weight: bold;
color: #660000;
}
.header {
font-size: 24px;
color: #660000;
font-weight: bold;
}
.para {
font-family: Helvetica, sans-serif;
font-size: 12px;
color: #333333;
margin-left:10px;
margin-right:10px;
text-align: left;
}
.para2 {
font-family: Helvetica, sans-serif;
font-size: 11px;
color: #333333;
margin-left:10px;
margin-right:10px;
text-align: left;
}
.para22 {
font-family: Helvetica, sans-serif;
font-size: 12px;
color: #333333;
margin-left:10px;
margin-right:10px;
text-align: left;
}
.para3 {
font-family: Helvetica, sans-serif;
font-size: 11px;
color: #ffffff;
float:left;
margin-top:10px;
margin-left:0px;
margin-right:10px;
padding-right:10px;
text-align: left;
border-right-width:1px;
border-right-style:solid;
border-right-color:#FFFFFF;
}
.para4 {
font-family: Helvetica, sans-serif;
font-size: 11px;
color: #ffffff;
float:left;
margin-top:10px;
margin-left:0px;
margin-right:12px;
padding-right:10px;
padding-left:5px;
text-align: left;
border-right-width:1px;
border-right-style:solid;
border-right-color:#FFFFFF;
}
.paradiv {
font-family: Helvetica, sans-serif;
font-size: 11px;
color: #333333;
margin-left:5px;
margin-right:5px;
text-align: left;
float:left; margin-top:180px;
}
.paradivy {
position:absolute;
width:365px;
height:185px;
float:left; margin-top:5px;
background-color:transparent;
}
.paradivy2 {
position:absolute;
width:350px;
height:220px;
float:left; margin-top:5px;
background-color:transparent;
}
.paradivy3 {
position:absolute;
width:325px;
height:225px;
float:left; margin-top:5px;
background-color:transparent;
}
.paradivy4 {
position: absolute;
width: 71px;
height: 182px;
float: right;
margin-top: 5px;
background-color: transparent;
left: 470px;
top: 113px;
}
.paradiv2 {
font-family: Helvetica, sans-serif;
font-size: 11px;
color: #ffffff;
margin-left:20px;
margin-right:20px;
text-align: left;
float:left;
margin-top:225px;
}
.paradiv3 {
font-family: Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
margin-left:10px;
margin-right:10px;
text-align: left;
float:left;
margin-top:257px;
}
.paradiv4 {
font-family: Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
margin-left:10px;
margin-right:10px;
text-align: left;
float:left;
margin-top:242px;
}
.paradiv5 {
font-family: Helvetica, sans-serif;
font-size: 12px;
color: #000;
margin-left:5px;
margin-right:5px;
text-align: left;
float:left;
margin-top:0;
width:165px;
}
.paradiv6 {
font-family: Helvetica, sans-serif;
font-size: 12px;
color: #000;
margin-left:0px;
margin-right:0px;
text-align: left;
float:right;
margin-top:0;
width:155px;
}
p {
font-family: Helvetica, sans-serif;
font-size: 12px;
margin-left:5px;
margin-right:5px;
color: #333333;
text-align: left;
}
.style3 {
font-family: Helvetica, sans-serif;
font-size: 12px;
margin-left:5px;
margin-right:5px;
color: #000000;
text-align: left;
}
.tab {
margin-left:5px;
}
.nav2 {
background-color: #000;
clear: both;
height: 31px;
width: 1044px;
}
a[href^=tel]{
color:inherit;
text-decoration:none;
}
a:link {
color: #600; text-decoration:none;
}
a:visited {
color: #600; text-decoration:none;
}
a.yellow:link {
color: #FFC; text-decoration:none;
}
a.yellow:visited {
color: #FFC; text-decoration:none;
}
.rs-slideshow {
border: 0px solid #444;
height: 248px;
margin-left: 28px ;
overflow:visible;
position: relative;
width: 778px;
}
.rs-slideshow .slide-container {
background-color: #444;
height: 100%;
overflow: hidden;
position: absolute;
top: 0px;
width: 100%;
}
.rs-slideshow .slide-container img {
position: absolute;
}
/* Hide the slide data container */
.rs-slideshow .slides {
display: none;
}
!--[if IE 5]>