/* Custom Styles */
img { border: 0 }
h1, h2, h3, h4, h5, h6 { font-weight: normal }
body { margin: 0; padding: 0; font-family: Verdana, Arial, Sans-Serif !important; font-size: 100%; color: #231f20 }
p { margin-top: 15px }
#container { text-align: center }
#page { width: 1123px; display: inline-block; font-size: 11px; text-align: left }
#header { z-index: -2; position: absolute; width: 1123px; height: 419px; background-color: #fff } 
#header .gradient { height: 100%; background-image: url('../website/images/granite/header-gradient.png'); background-position: bottom; background-repeat: repeat-x }

.header { font-size: 115%; height: 419px }
.header.content { width: 1123px; height: 419px }
.header .content { text-align: left }
.header .logo { float: left; margin: 30px }
.header .links { float: right; clear: right; padding: 20px 30px 10px 30px; text-align: right; height: 20px }
.header .links ul { margin: 0; padding: 0; list-style: none; display: block; overflow: hidden } 
.header .links ul li { display: block; float: left; margin-right: 7px; padding-right: 7px; background: url('../website/images/granite/links-divider.gif') no-repeat right }
.header .links ul li:last-child { background: none; margin-right: 0; padding-right: 0 }
.header .links a { color: #231f20; text-decoration: none }
.header .links a:hover { text-decoration: underline }
.header .search { float: right; clear: right; width: 205px; height: 25px; background-image: url('../website/images/granite/search-area.png'); background-repeat: no-repeat; background-position: left }
.header .search input[type="image"] { padding: 5px 7px 5px 7px; display: block; float: left }
.header .search input[type="text"] { margin-right: 35px; margin-top: 3px; width: 135px; border: none; background-color: #fff }
.header .topbox-container { clear: both; width: 100%; text-align: center }
.header .topbox-container p { width: 100% }
.header .topbox { display: inline-block; width: 221px; margin: 0 7px 0 7px; background-image: url('../website/images/granite/topbox-header.png'); background-repeat: no-repeat; background-position: top; color: inherit; text-decoration: none; cursor: pointer }
.header .topbox h2 { margin: 0; padding: 0; width: 191px; background-repeat: no-repeat; background-position: 9px; color: #fff; text-align: right; font-size: 26px; padding: 23px 30px 23px 0 }
.header .topbox p { margin: 0; padding: 0 }
.header .topbox:hover h2 { color: #c1cd23 }
.header .topbox .content { padding: 24px; width: 173px; background-image: url('../website/images/granite/topbox-footer.png'); background-position: bottom; background-repeat: no-repeat; color: #231f20 }
.header .topbox.stay h2 { background-image: url('../website/images/granite/stay-icon.png') }
.header .topbox.events h2 { background-image: url('../website/images/granite/events-icon.png') }
.header .topbox.food h2 { background-image: url('../website/images/granite/food-icon.png') }
.header .topbox.wine h2 { background-image: url('../website/images/granite/wine-icon.png') }
.header .topbox.stay:hover h2 { background-image: url('../website/images/granite/stay-icon-hover.png') }
.header .topbox.events:hover h2 { background-image: url('../website/images/granite/events-icon-hover.png') }
.header .topbox.food:hover h2 { background-image: url('../website/images/granite/food-icon-hover.png') }
.header .topbox.wine:hover h2 { background-image: url('../website/images/granite/wine-icon-hover.png') }
#main { clear: both; margin-left: 84px; font-size: 12px  }
#main tr, #main td { height: 100% }
#left-panel { min-width: 220px; width: 220px; background-color: #dce8f7; vertical-align: top}
#left-panel .social { text-align: center; padding-bottom: 10px }
#left-panel .social img { padding: 5px }
#left-panel #menu {  }
#left-panel #listMenuRoot { list-style: none; margin: 0; padding: 0 }
#left-panel #listMenuRoot a { color: #231f20; text-decoration: none; display: block }
#left-panel #listMenuRoot a:hover { color: #006b6e }
#left-panel #listMenuRoot li { margin: 0px 15px; padding: 8px 0 5px 0; border-bottom: solid 1px #80b4be }
#left-panel #listMenuRoot li:last-child { border-bottom: none }
#left-panel #listMenuRoot ul { position: absolute; visibility: hidden; display: none; list-style: none; margin: -40px 0 0 100px; padding: 0; background-color: #fff; border: solid 1px #80b4be; width: 220px }
#left-panel span.subind { float: right }
#left-panel span.subind { display: block; width: 14px; height: 14px; color: #dce8f7; font-size: 0px; background: url('../website/images/granite/menu-plus.png') no-repeat center center } 
#left-panel li:hover > a > span.subind { background-image: url('../website/images/granite/menu-minus.png') } 
#content { width: 689px; border-collapse: collapse; vertical-align: top }
#content > tbody > tr > td { vertical-align: top; padding: 0; margin: 0 }
#content h1, #content h2, #content h4 { font-size: 26px; color: #006b6e; text-align: left; margin: 0 0 20px 0 }
#content .content-block { padding: 15px }
#content a { color: #006b6e; text-decoration: none }
#content a:hover { text-decoration: underline }
#footer { width: 924px; margin: 0 0 30px 100px; color: #004a61; border-collapse: collapse }
#footer a { color: #006b6e; text-decoration: none }
#footer a:hover { text-decoration: underline }
#footer > tbody > tr > td { padding: 0 }
#left-panel table.navboxcolorback td { padding: 3px }
.navboxcolorback { background-color: #2e6a70 }
.read-more { display: block; width: 114px; height: 28px; background-image: url('../website/images/granite/read-more.gif') }
.read-more:hover { background-image: url('../website/images/granite/read-more-hover.gif') }