* {
margin:0;
padding:0;
}

body {
background:#4A4947 url('/images/layout/bodybg.jpg') repeat-x;
color:#FFF;
font-family:Verdana, Helvetica, Arial, Sans-Serif;
font-size:90%;
line-height:1.4em;
text-align:center;
}

a {
background-color:inherit;
color:#467aa7;
font-weight:700;
text-decoration:none;
}

a:hover {
color:#4a4947;
text-decoration:underline;
}

a img {
border:none;
}

p {
padding:0 0 1.6em;
}

p form {
margin-bottom:20px;
margin-top:0;
}
p.smalltxt {font-size:11px}
ul,ol {
margin:0 5px 10px 10px;
list-style:circle;
}

dl {
margin:0 5px 10px 0;
font-size:12px;
}

dt {
font-weight:700;
font-size:13px;
}

dd {
margin:0 0 5px 12px;
}

img.left,img.center,img.right {
background-color:#FFF;
border:1px solid #CDD8E1;
padding:4px;
}

a img.left:hover,a img.center:hover,a img.right:hover {
border-color:#4a4947;
}

.box img.left,.box img.center,.box img.right {
border:1px solid #CDD8E1;
padding:0;
}

img.left {
float:left;
margin:0 12px 5px 0;
}

img.center {
display:block;
margin:0 auto 5px;
}

img.right {
float:right;
margin:0 0 5px 12px;
}


/**************** Header and navigation styles ****************/

#container {
background-image: url('/images/layout/columns.png');
background-repeat: repeat-y;
background-position:24.25% 0;
clear:both;
color:#303030;
margin:0 auto;
overflow:hidden;
text-align:left;
width:86%;
}

#header{
background-image:url('/images/layout/twigsLogoW.png');
background-position:0px 12px;
background-repeat:no-repeat;
height:100px;
margin:0 auto;
width:86%;
}

* html #header{
background-image: url('blank.gif');
margin:10px 65% 10px 0;
back\ground-color: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/layout/twigsLogoW.png");
}

#header h1{
  background-color:transparent;
  font-size:2.4em;
  letter-spacing:7px;
  font-weight:BOLD;
  margin:5px auto 5px;
  display:none;
}

#header span{
background-image:url('/images/layout/header.jpg');
background-position: top right;
background-repeat:no-repeat;
display:block;
height:120px;
text-indent: -16000px;
}

/**************** Super Header ****************/

.superHeader {
background-color:#f1f3f5;
border-bottom: 1px solid #CDD8E1;
color:#000;
margin:0;
padding: .05em 10px 0;
text-align:right;
}

.superHeader span {
background-color: transparent;
color: #000;
font-weight: 700;
text-transform: uppercase;
}

.superHeader a {
background-color:transparent;
color:#4A4947;
font-weight:400;
margin:0;
padding: .1em .35em .2em;
text-decoration:none;
}

.superHeader a:hover, .superHeader .highlight {
background-color:#111;
color:#FFF;
text-decoration:none;
}

.superHeader .highlight {
font-weight:700;
}

/**************** NavBar ****************/

#navcontainer ul {
background-color:transparent;
color:#FFF;
/* float:left; */
margin:0 auto;
padding:0;
width:86%;
font-size:12px;
}

#navcontainer ul li {
display:inline;
}

#navcontainer ul li a {
background-color:transparent;
color:#FFF;
float:left;
font-weight:400;
padding:0.3em 1em;
text-decoration:none;
text-transform:uppercase;
}

#navcontainer ul li a:hover,#navcontainer ul li:hover {
background-color:#FFF;
color:#000;
}

#navcontainer ul li#selected a {
background-color:#F1F3F5;
color:#000;
font-weight:700;
}

/**************** Sidebar Navigation ****************/

#subcontent ul.navlist {
list-style-type: none;
}

#subcontent .navlist a {
display: block;
padding: 1px 3px;
width:100%;
}

#subcontent .navlist a:hover {
background-color: white;
color: black;
text-decoration:none;
}

#subcontent .navlist li#active a {
color: #4a4947;
font-weight:bold;
}

#subcontent .navlist li#active {
background-color:#CDD8E1;
}


/* ************************ CONTENT ************************ */

#content {
float:right;
font-size:0.9em;
padding:10px 10px 10px 0px;
text-align:justify;
width:69%;
}

#content h2 {
background-color:inherit;
color:#4A4947;
display:block;
font-size:1.6em;
font-weight:400;
margin:0 0 10px;
}

#content h3 {
font-size:1.4em;
font-weight:400;
letter-spacing:-1px;
margin:0 0 5px;
}

#content .headline,#subcontent .headline {
border-bottom:1px outset #4A4947;
padding-bottom:2px;
text-align:center;
}

#subcontent {
float:left;
line-height:1.4em;
padding:10px;
width:25%;
}

#subcontent h2,#subcontent h3,#subcontent h4,#subcontent h5 {
background-color:inherit;
color:#4A4947;
display:block;
font-weight:400;
}

#subcontent h3,#subcontent h4,#subcontent h5 {
font-size:1.15em;
}

#subcontent h2 {
font-size:1.3em;
margin:0 0 5px;
}

table.table {
background-color:#f1f3f5;
border:1px solid silver;
border-collapse:collapse;
margin:10px 0;
width:100%;
}

table.table th {
background-color:#CDD8E1;
border:1px solid silver;
border-collapse:collapse;
color:#4A4947;
font-size:1.15em;
padding:1px 5px;
text-align:center;
}

table.table td {
padding:3px 5px;
}

table.table td img {
border:1px solid #a0a0a0;
}

table a,table a:hover {
color:#3D5C7A;
}

.normCursor {
cursor:default;
}

.color1 {
background-color:#f1f3f5;
}

.color2 {
background-color:#fff;
}

table .tinyCol {
text-align:center;
width:20%;
}

.splitcontentleft {
float:left;
width:48%;
}

.splitcontentright {
float:right;
width:48%;
}

.splitcontentleft ul,ol {
margin-left:20px;
}

.small {
font-size:0.8em;
}

.hide {
display:none;
}

.textright {
text-align:right;
}

.important {
background-color:inherit;
color:#467aa7;
font-weight:700;
}

.emphasis {
color:#467aa7;
font-size:.8em;
font-style:italic;
}

.box {
background-color:#FFF;
border:1px solid #CDD8E1;
color:#4A4947;
line-height:1.5em;
margin:0 0 20px;
padding:10px;
}

.box p {
margin-bottom:0;
padding-bottom:0;
}

.eventTitle {
text-align:center;
text-decoration:underline;
font-variant:small-caps;
font-weight:bold;
}
span.dates {
display:block;
text-align:center;
font-variant:small-caps;
color:#467aa7;
}

.eventBox {
background-color:#FFF;
border:1px solid #CDD8E1;
color:#4A4947;
padding:0px 6px 5px;
}
#subcontent .eventBox h3 {
font-size:15px;
font-weight:bold;
color:#467aa7;
margin-top:5px;font-variant:small-caps;
}
.eventBox dl {
margin:0;
}
.eventBox dt {
font-size:13px;
padding-left:6px;
line-height:1.3em;
}
.eventBox dd {
line-height:1.2em;
margin:0;
padding:1px 0 1px 12px;
}

ul.eventNotes {
list-style-type:none;
margin:4px 0 15px;
padding:0;
}
ul.eventNotes li {
list-style-type:none;
margin:0;
padding:0 0 0 5px;
font-size:.85em;
line-height:1.25em;
}


span.pagination {
display:block;
margin:0 auto;
text-align:center;
}
.pagination a, .pagination span {
background-color:#edf2fb;
border:1px solid #8BA8C4;
margin-right:.75em;
padding:.1em .75em .2em;
}
.pagination span, .pagination a:hover {
background-color:#90AFD5;
border-color:#4D6480;
color:#FFF;
text-decoration:none;
}
.pagination span {
font-size:15px;
font-weight:700;
padding:.2em .75em;
}

.pagerfloater {
text-align:right;
width:100%;
}

.oneThird {
background-image:url('/images/layout/box2.png');
background-repeat:no-repeat;
display:inline;
float:left;
height:197px;
margin:5px 9px 5px 0;
padding:11px 5px 0;
text-align:center;
width:178px;
}

.oneThird img {
background-color:#fff;
border:1px solid silver;
margin:0;
padding:5px;
}

.oneThird img:hover {
border-color:#4A4947;
}

#content .oneThird h3, #subcontent .oneThird h4  {
font-size:15px;
}

#subcontent .oneThird {
background-image:url('/images/layout/boxWhite.png');
}

 #subcontent .oneThird img {
background-color:#f1f3f5;
}

#subcontent .oneThird img:hover {
border-color:#4A4947;
}

#subcontent .centerDiv {
margin:0 auto;
width:188px;
}

#menu p {
font-weight:700;
margin-bottom:0;
padding-bottom:5px;
/* text-align:center; */
}

#menu h3 {
font-size:1.15em;
font-weight:700;
}

#menu li {
text-align:center;
}

#wineList h2 {padding:5px; border-top:2px solid; border-bottom:2px solid; margin-top:10px;}
#wineList h3 {padding-left:20px; font-weight:bold;}

#wineList table tbody tr:hover {background-color:#B6BFC8}

dl.sidebyside dd {
margin-left:65%;
text-align:right;
}

dl.sidebyside dt {
float:left;
}

ul.nobullet {
list-style:none;
margin-left:0;
padding-left:0;
}

ul.inlinelist li {
list-style-type:disc;
}


ul.breadcrumb li {
display:inline;
list-style:none;
}

/* ************************ FORM STUFF ************************ */
legend {
display:none;
margin:0;
padding:0;
}

fieldset {
background-color:#f1f3f5;
border:1px solid silver;
margin-bottom:10px;
padding:1em 0;
}

#subcontent fieldset {
padding:.5em 0 0;
}

fieldset span {
color:#8BAAC4;
font-weight:700;
}

fieldset em {
text-align:center;
/* font-weight:bold; */
display:block;
letter-spacing:1px;
}

label {
float:left;
font-size:1.1em;
margin-right:.5em;
padding:1px 3px;
text-align:right;
width:9em;
}

input,textarea,select {
background:#FFF;
border:1px solid silver;
margin-bottom:.5em;
width:65%;
}

input.button,a.button {
width:80px;
}

input,textarea {
padding:1px 3px;
}

.button,input.button {
background:url('/images/layout/tp-button.png') no-repeat;
border:none;
color:gray;
cursor:pointer;
float:right;
font-size:13px;
font-weight:400;
height:30px;
margin:1em 1.2em 0 0;
padding:4px 0 2px;
text-align:center;
text-decoration:none;
width:102px !important;
}

input.button {
padding:2px 0 7px !important;
}

.button:hover,input.button:hover {
background:url('/images/layout/tp-button-over.png') no-repeat;
color:#4A4947;
text-decoration:none;
}

span.error {
display:inline;
}

span.error input,span.error textarea,span.error select {
background-color:#EED;
border-bottom:1px solid #CC9;
border-left:1px solid #CC9;
border-right:1px solid #CC9;
border-top:1px solid #CC9;
}

/* ************************ LIGHT BOX ************************ */

#lightbox {
background-color:#eee;
border-bottom:2px solid #4A4947;
border-right:2px solid #4A4947;
color:#000;
padding:10px;
}

#lightboxDetails {
font-size:0.8em;
padding-top:0.4em;
}

#keyboardMsg {
float:right;
}

#closeButton {
right:5px;
top:5px;
}

#lightbox img {
border:none;
clear:both;
}

#lightboxCaption {
float:left;
}

#overlay {
background-image:url('/images/lightbox/overlay.png');
}

* html #overlay {
background-color:transparent;
background-image:url('/images/lightbox/blank.gif');
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/lightbox/overlay.png", sizingMethod="scale");
}

#overlay img {
border:none;
}


/* ************************ IBOX ************************ */

#ibox_w{
position: absolute;
top: 0;
left: 0;
z-index:100;
width: 100%;
height: 100%;
background-color: #121211;
margin:0;
padding:0;
filter:alpha(opacity=0);
-moz-opacity: 0.0;
opacity: 0.0;
}

#ibox_progress {
position: absolute;
z-index:102;
}

#ibox_wrapper {
position: absolute;
top: 0;
left: 0;
z-index:100;
padding:10px;
border:1px solid #CDD8E1;
width:300px;
height:300px;
background-color:#f1f3f5;
padding-bottom:30px;
margin:0;
}

#ibox_content {
background-color:#FFF;
border:1px solid #CDD8E1;
color:#000;
height:100%;
margin-bottom:5px;
overflow:auto;
position:relative;
top:0;
left:0;
text-align:left;
width:100%;
}

#ibox_content h2, #ibox_content h3, #ibox_content h4, #ibox_content h5, #ibox_content p, #ibox_content span {
padding:5px 10px;
}

#ibox_content h3, #ibox_content h4, #ibox_content h5 {
text-align: center;
}

#ibox_footer_wrapper {
position:relative;padding:0;margin:0;top:0px;left:0px;
}


/* ************************ FOOTER ************************ */

#footer {
background-color:transparent;
clear:both;
color:#f1f3f5;
font-size:0.9em;
margin:0;
padding:5px 0;
width:100%;
}

#footer p {
margin:0;
padding:0;
text-align:center;
}

#footer a {
background-color:inherit;
color:#c1c1c1;
font-weight:700;
}

#footer a:hover {
background-color:inherit;
color:#fff;
text-decoration:underline;
}
.clear,.rowOfBoxes {clear:both;}
.textCenter {text-align:center;}
kbd {font-weight:bold; font-size:16px;}

