/* Layout */
/*-------------------------------*/
body {
font-size: 0.60em;
padding: 0 0 0 0px; 
margin:0 0 0 0px;
font-family:Arial, Helvetica, sans-serif;
background-color: #BEC199;
background-image:url(../media/images/page-bg.jpg);
background-repeat:repeat-y;
background-position:top center;
}
#head-wrapper {
width: 100% ;
text-align:center;
background-position:top center;
padding:0 0 0 0px;
background-image:url(../media/images/head-wrapper-bg.jpg);
background-repeat:repeat-x;
background-position:top center;
background-color: #BEC199;
height:auto;

}
#body-wrapper {
width: 100% ;
text-align:center;
padding:0 0 0 0px;
height:auto;
}
#head-container {
width: 698px; 
margin: 0px auto;  
padding:0 0 0 0px;
border-right:10px solid #ffffff;
border-left:10px solid #ffffff;
}
#container {
width: 698px; 
margin: 0px auto;  
padding-left:0px;
padding-right:0px;
height:auto;
}
#body-wrapper {
position:relative;
margin-top:400px;
width: 682px;
background-color:#006699;
height:300px;
}
img {
border:0px;
}
img a {
border:0px;
}
table p {
text-transform:none;
}
b {
font-weight:normal;
}

/* header */
/*-----------------------------------*/
#header{
clear: both; 
width: 698px; 
height: 185px; 
text-align:right;
background-image:url(../media/images/header-bg.jpg);
background-position:top;
background-repeat:no-repeat;
}
#header-valentines{
clear: both; 
width: 698px; 
height: 185px; 
text-align:right;
background-image:url(../media/images/header-bg-valentines.jpg);
background-position:top;
background-repeat:no-repeat;
}
#header-mothers{
clear: both; 
width: 698px; 
height: 185px; 
text-align:right;
background-image:url(../media/images/header-bg-mothers.jpg);
background-position:top;
background-repeat:no-repeat;
}
#header-weddings{
clear: both; 
width: 698px; 
height: 185px; 
text-align:right;
background-image:url(../media/images/header-bg-weddings.jpg);
background-position:top;
background-repeat:no-repeat;
}
#header-restaurant{
clear: both; 
width: 698px; 
height: 185px;
text-align:right;
background-image:url(../media/images/header-bg-restaurant.jpg);
background-position:top;
background-repeat:no-repeat;
}
#header-rest-christmas{
clear: both; 
width: 698px; 
height: 185px;
text-align:right;
background-image:url(../media/images/header-bg-chrs2008.jpg);
background-position:top;
background-repeat:no-repeat;
}
#header-wine{
clear: both; 
width: 698px; 
height: 185px;
text-align:right;
background-image:url(../media/images/header-bg-wine.jpg);
background-position:top;
background-repeat:no-repeat;
}
#header-bb{
clear: both; 
width: 698px; 
height: 185px;
text-align:right;
background-image:url(../media/images/header-bg-bb.jpg);
background-position:top;
background-repeat:no-repeat;
}
#header-winetasting{
clear: both; 
width: 698px; 
height: 185px;
text-align:right;
background-image:url(../media/images/header-bg-wine-tasting.jpg);
background-position:top;
background-repeat:no-repeat;
}
#header-food{
clear: both; 
width: 698px; 
height: 185px;
text-align:right;
background-image:url(../media/images/header-bg-food.jpg);
background-position:top;
background-repeat:no-repeat;
}
/*-----------------------------------*/

/*-----------------------------------*/
/* hoizontal header modules */
/*-----------------------------------*/
#tri-quad{
width: 674px;
padding-left:11px;
padding-right:13px;
padding-top:9px;
padding-bottom:6px;
font-size: 100%;
height:90px;
background-color:#FFFFFF;
background-image:url(../media/images/topnav-bg.jpg);
background-position:top;
background-repeat:no-repeat;
margin:0 0 0 0px;
border-top:7px solid #ffffff;
}
#tri-quad ul{
list-style: none;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
#tri-quad li{
display: inline;
list-style: none;
padding: 0 0 0 0;
font-weight: bold;
}
#tri-quad li  h2 {
font-weight: normal;
margin:0 0 0 0px;
color:#ffffff;
padding-left:5px;
padding-top:52px;
}
#tri-quad li  h2:hover {
color: #ffffff;
cursor:default;
}
#tri-quad li a, #tri-quad li a:link, #tri-quad li a:active, #tri-quad li a:visited {
float: left;
display: block;
width: 163px;
height: 62px;
text-decoration: none;
background-color: #B3B788;
overflow: hidden;
text-align:left;
font-size: 1.2em;
padding-top:10px;
padding-bottom:10px;
}
#tri-quad li a:hover {
}
#tri-quad .tri1 a, #tri-quad .tri1 a:link, #tri-quad .tri1 a:active, #tri-quad .tri1 a:visited  {
background-color: #B3B788;
margin-right:7px;
color: #ffffff;
background-image:url(../media/images/tri1-bg.jpg);
background-position:left top;
background-repeat:no-repeat;
}
#tri-quad .tri1 a:hover {
background-color: #ffffff;
color: #ffffff;
background-image:url(../media/images/tri1-over.jpg);
background-position:left top;
background-repeat:no-repeat;
} 
#tri-quad .tri2 a, #tri-quad .tri2 a:link, #tri-quad .tri2 a:active, #tri-quad .tri2 a:visited  {
background-color: #B3B788;
margin-right:7px;
background-image:url(../media/images/tri2-bg.jpg);
background-position:left top;
background-repeat:no-repeat;
color: #ffffff;
}
#tri-quad .tri2 a:hover {
background-color: #ffffff;
color: #ffffff;
background-image:url(../media/images/tri2-over.jpg);
background-position:left top;
background-repeat:no-repeat;
} 
#tri-quad .tri3 a, #tri-quad .tri3 a:link, #tri-quad .tri3 a:active, #tri-quad .tri3 a:visited  {
background-color: #B3B788;
margin-right:7px;
background-image:url(../media/images/tri3-bg.jpg);
background-position:left top;
background-repeat:no-repeat;
color: #ffffff;
}
#tri-quad .tri3 a:hover {
background-color: #ffffff;
color: #ffffff;
background-image:url(../media/images/tri3-over.jpg);
background-position:left top;
background-repeat:no-repeat;
}
#tri-quad .tri4 a, #tri-quad .tri4 a:link, #tri-quad .tri4 a:active, #tri-quad .tri4 a:visited  {
background-color: #B3B788;
background-image:url(../media/images/tri4-bg.jpg);
background-position:left top;
background-repeat:no-repeat;
color: #ffffff;
}
#tri-quad .tri4 a:hover {
background-color: #ffffff;
color: #ffffff;
background-image:url(../media/images/tri4-over.jpg);
background-position:left top;
background-repeat:no-repeat;
} 


/* Main Body Content*/
/*------------------------------------*/
#content {
clear: both;
float: left;
width:348px;
background-image:url(../media/images/content-bg.jpg);
background-position:top left;
background-repeat:repeat-y;
}
#content h1 {
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
padding-left:18px;
padding-right:10px;
padding-top:14px;
padding-bottom:10px;
height:12px;
background-image:url(../media/images/content-head.jpg);
background-position:top left;
background-repeat:no-repeat;
font-size: 1.2em;
font-weight: bold;
}
#content h2 {
font-weight: normal;
font-size: 1.1em;
color:#666633;
padding-left:18px;
padding-right:10px;
}
#content h3 {
font-weight: bold;
font-size: 1.1em;
color:#666666;
padding-left:16px;
padding-right:10px;
text-decoration:none;
border-bottom:none;
}
#content p {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
padding-left:18px;
padding-right:10px;
font-size: 1.1em;
width:320px;
}
#content a {
color:#61643C;
text-decoration:none;
font-weight:normal;
max-width:320px;
}
#content a:hover{
color:#333333;
text-decoration:underline
}
#content hr{
color:#999999;
text-align:left;
}
#content li {
color:#666666;
font-size: 1.1em;
margin:0 0 0 0px;
padding-right:10px;
}
#whatson-combo {
width:324px;
height:82px;
background-image:url(../media/images/whats-on-combo-bg.jpg);
background-position:top left;
background-repeat:no-repeat;
text-align:left;
padding-left:24px;
padding-top:137px;
padding-bottom:10px;
}
/* Middle Column (left Navigation)*/
/*------------------------------------*/
#navleft {
float: left; 
width: 173px;
background-color:#FFFFFF;
background-image:url(../media/images/sub-column-bg.jpg);
background-position:top left;
background-repeat:repeat-y;
margin:0 0 0 0px;
}
#navleft h1 {
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
padding-left:14px;
padding-right:10px;
padding-top:14px;
padding-bottom:10px;
height:12px;
background-image:url(../media/images/sub-column-head.jpg);
background-position:top left;
background-repeat:no-repeat;
font-size: 1.2em;
font-weight: bold;
margin-bottom:6px;
}
#navleft h2 {
font-weight: normal;
font-size: 1.1em;
color:#989C5F;
padding-left:10px;
padding-right:10px;
}
#navleft h2 a{
font-weight: normal;
color:#989C5F;
}
#navleft ul {
list-style-type:none;
list-style-position:outside;
margin:0px 0px 0px 9px;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
width:136px;
}
#navleft li {
list-style-position:outside;
height: 14px;
padding-top:3px;
padding-right:0px;
padding-bottom:3px;
padding-left:6px;
margin:0;
font-size: 1.1em;
width:130px;
list-style-type:none;
}
#navleft li a {
color:#989C5F;
text-decoration:none;
}
#navleft li a:hover {
color:#333333;
text-decoration:none;
padding-left:4px;
}
#navleft a {
color:#666666;
text-decoration:none;
}
#navleft a:hover {
color:#333333;
text-decoration:none;
padding-left:4px;
}
#navleft p {
text-decoration:none;
margin:0px 0px 0px 9px;
padding-top:3px;
padding-bottom:3px;
padding-left:13px;
height:4px;
width:123px;
font-size: 1.1em;
}

/* Middle Column (Events)*/
/*------------------------------------*/
#eventsshort {
color:#666666;
text-decoration:none;
padding-bottom:6px;

}
#eventsshort a {
color:#666666;
}
#events {
float: left; 
width: 173px;
background-image:none;
padding-bottom:36px;
}
#events h1 {
color:#ffffff;
background-color: #868A53;
background-image:none;
padding-left:10px;
padding-right:0px;
padding-top:4px;
padding-bottom:4px;
height:17px;
font-size: 1.2em;
font-weight: bold;
margin-left:7px;
margin-right:11px;
margin-top:6px;
}
#events h2 {
font-weight: normal;
font-size: 1.1em;
color:#989C5F;
padding-left:14px;
padding-right:10px;
}
#events a {
color:#989C5F;
text-decoration:none;
}
#events a:hover {
color:#000000;
text-decoration:none;
padding-left:0px;
}
#events p {
text-decoration:none;
color:#666666;
}
a.event-month  {
color:#989C5F;
text-decoration:none;
border: 1px solid #666666;
margin-right:3px;
padding:3px;
}
a:hover.event-month {
color:#ffffff;
text-decoration:none;
background-color:#92965A;
margin-right:3px;
padding:3px;
}
a.event-year  {
color:#989C5F;
text-decoration:none;
border: 1px solid #666666;
margin-right:3px;
padding:3px;
}
.eventListTitle {
color:#666666;
font-weight:bold;
text-decoration:none;
}
a.eventListTitle {
color:#666666;
font-weight:bold;
text-decoration:none;
}
.eventh2 {
color:#666666;
font-weight:bold;
text-decoration:none;
}



/*Right options */
/*-----------------------------------------------*/
#navright{
float: right; 
width: 173px; 
font-weight: normal;
color:#990000;
border:none;
background-image:url(../media/images/sub-column-bg.jpg);
background-position:top left;
background-repeat:repeat-y;
margin:0 0 0 0px;
}
#navright h1 {
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
padding-left:14px;
padding-right:10px;
padding-top:14px;
padding-bottom:10px;
height:9px;
background-image:url(../media/images/sub-column-head.jpg);
background-position:top left;
background-repeat:no-repeat;
font-size: 1.2em;
font-weight: bold;
margin:0 0 0 0px;
}
#navright h2 {
font-weight: normal;
font-size: 1.1em;
color:#989C5F;
padding-left:10px;
padding-right:10px;
margin:0 0 0 0px;
}

#fader{
width: 155px;
height:204px;
margin-left:7px;
margin-top:3px;
border:none;
}
/*-----------------------------------------------*/

/*right tab options */
/*-----------------------------------------------*/
#right-tab{
width: 173px; 
font-weight: normal;
color:#990000;
margin:0 0 0 0px;
}
#right-tab h1 {
color:#ffffff;
background-color: #868A53;
background-image:none;
padding-left:12px;
padding-right:0px;
padding-top:4px;
padding-bottom:4px;
height:17px;
font-size: 1.2em;
font-weight: bold;
margin-left:7px;
margin-right:11px;
margin-top:32px;
}
#right-tab h1 a {
color:#ffffff;
background-image:none;
text-decoration:none;
}
#right-tab h1 :hover {
color:#333333;
background-image:none;
padding-left:3px;
}
#right-tab h2 {
color:#ffffff;
background-color: #727546;
background-image:none;
padding-left:12px;
padding-right:0px;
padding-top:4px;
padding-bottom:4px;
height:17px;
font-size: 1.2em;
font-weight: bold;
margin-left:7px;
margin-right:11px;
margin-top:6px;
}
#right-tab h2 a {
color:#ffffff;
background-image:none;
text-decoration:none;
}
#right-tab h2 :hover {
color:#333333;
background-image:none;
padding-left:3px;
}
#right-tab h3 {
color:#ffffff;
background-color: #61643C;
background-image:none;
padding-left:12px;
padding-right:0px;
padding-top:4px;
padding-bottom:4px;
height:17px;
font-size: 1.2em;
font-weight: bold;
margin-left:7px;
margin-right:11px;
margin-top:6px;
}
#right-tab h3 a {
color:#ffffff;
background-image:none;
text-decoration:none;
}
#right-tab h3 :hover {
color:#333333;
background-image:none;
padding-left:3px;
}

/*-----------------------------------------------*/

/* Footer */
/*-------------------------------*/
#footer-container {
width: 100%; 
margin: 0px auto;  
padding:0 0 0 0px;
text-align:center;
padding:0 0 0 0px;
background-position:top center;
}
#footer {
clear: both;
text-align: center;
width: 698px; 
color: #666666;
padding-top:90px;
background-position:top center;
background-image:url(../media/images/footer-bg.jpg);
background-repeat:no-repeat;
font-size:1.1em;
}
#footer li{
direction:ltr;
display:inline;
}
#footer ul{
text-decoration:none;
display:inline;
direction:ltr;
margin:0 0 0 0px;
padding:0 0 0 0px;
}
#footer a {
color:#565149;
text-decoration: none;
padding-right:5px;
}
#footer a:hover {
color:#247E2B;
text-decoration: none;
padding-right:5px;
}
#footer li a {
color:#565149;
text-decoration: none;
padding-right:5px;
}
#footer li a:hover {
color:#247E2B;
text-decoration: none;
padding-right:5px;
}

/*-------------------------------*/

/* Latest News Sub*/
/*--------------------*/

#latest-sub {
position:relative;
clear:both;
width: 344px;
padding-top:76px;
background-image:url(/media/images/latest-body-head.jpg);
background-position:top;
background-repeat:no-repeat;
}
#latest-sub  p{
color:#003366;
}
#latest-sub  a{
color:#ffffff;
}
#latest-sub  a:hover {
color:#003366;
}
.latest-sub-body {
position:relative;
clear:both;
width: 320px;
background-image:url(/media/images/latest-body-bg.jpg);
background-position:top;
background-repeat:repeat-y;
padding-left:12px;
padding-right:12px;
padding-top:6px;
padding-bottom:4px;
text-align:left;
color:#ffffff;
}
.latest-sub-body p {
color:#003366;
}
.latest-sub-body a{
color:#003366;
}
.latest-sub-body a:hover {
color:#003366;
}

/* News
/*-----------------------*/

#news{
font-weight: normal;
width:325px;
color:#666666;
margin:0 0 0 0px;
border-bottom:#666666 dotted 1px;
}
#news h2{
padding-left:10px;
padding-right:0px;
padding-top:4px;
padding-bottom:4px;
height:16px;
padding-bottom:4px;
margin:0 0 0 0px;
font-weight:normal;
background-color:#66CC00;
color:#ffffff;
text-align:left;
}
#news p{
float: left; 
width: 147px; 
padding-left:10px;
padding-right:10px;
padding-top:4px;
padding-bottom:4px;
border-bottom: 1px dotted #cccccc;
color:#247E2B;
margin:0 0 0 0px;
}
#news a {
color:#666666;
text-decoration:none;
font-weight:normal
}
#news a:hover {
color:#339900;
text-decoration:none;
font-weight:normal
}
/*-----------------------*/
/* News
/*-----------------------*/


/* Generic styling */
/*-------------------------------*/
hr {
height:1px;
width:100%;
color:#cccccc;
}
h1 {
font-weight: normal;
font-size: 1.5em;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
height:15px;
background-color:#ffffff;
margin:0 0 0 0px;
color:#ffffff;
background-image:url(../media/images/title-bg.jpg);
background-repeat:repeat-x;
background-position:top left;
}
h2 {
font-weight: normal;
font-size: 1.0em;
color:#247E2B;
padding-left:10px;
padding-right:10px;
}
h3 {
font-weight: bold;
font-size: 1.0em;
color: #666666;
padding-left:10px;
padding-right:10px;
border-bottom: 1px dotted #666666;
}
h4 {
font-weight: bold;
font-size: 1.0em;
color:#666666;
line-height:10px;
margin:0 0 0 0px;
}
h5 {
font-weight: normal;
font-size: 1.0em;
color:#247E2B;
padding-left:10px;
padding-right:10px;
font-style:italic;
text-align:center;
}

