/* element styles */

html {
	overflow: scroll;
}

body{
	margin: 0;
	padding: 0; 
	background: #fff;
}	 

div {
	font-family: arial, verdana, sans-serif;
	font-size: small;
	color: #54463d;
}

p {
	font-family: arial, verdana, sans-serif;
	font-size: small;
	color: #54463d;
	margin: 0 0 10px 0;
	text-align: justify;
}

li {
	font-size: small;
	color: #54463d;
}

td {
	font-size: small;
	color: #54463d;
	vertical-align: top;
}

img {
	border: 0;
}

a {
	font-size: small;
	color: #54463d;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 {
	font-family: arial, verdana, sans-serif;
	font-size: 170%;	
	color: #54463d;
	margin: 0 0 15px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px #666666 solid;
}

h2 {
	font-family: arial, verdana, sans-serif;
	font-size: 140%;	
	color: #54463d;
	margin: 0 0 10px 0;
}

h2 a {
	font-size: 100%;	
}

h3 {
	font-family: arial, verdana, sans-serif;
	font-size: 120%;	
	font-weight: bold !important;
	color: #54463d;
	margin: 0 !important;
	font-weight: normal;
}

h3 a {
	font-size: 100%;
	color: #54463d;
}

form {
	margin: 0;
}

textarea {
	font-family: arial, verdana, sans-serif;
	font-size: small;
}

/* page element styles */ 
 
#top_bar {
	position: relative;
	background: url(../images/site/page-banner.jpg) no-repeat top left;
	width: 926px;
	height: 219px;
}

#top_logo {
	float: left;
	width: 926px;
	height: 199px;
	padding: 10px 0 10px 0;
	border-bottom: 2px #000 solid;
}

#top_right {
	position: absolute;
	top: 180px;
	left: 15px;
	width: 250px;
	padding: 10px 10px 0 0;
}

#q {
	float: left;
	width: 90px;
	padding: 2px;
	font-size: 85%;
	border: #565855 1px solid;
	margin: 0 0 0 7px;
}

#search_button {
	float: left;
}

#navigation {
	clear: both;
}

#main {
	position:relative;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	width: 926px;
	background-color: #fff;
	padding: 0 0 0 0;
}

#footer {
	clear: both;
	padding: 10px 0 30px 0;
	border-top: 1px solid #e2d7c7;
	margin-top: 10px;
}

#footer div {
	font-size: 85%;
	color: #2d2d2d;
}

#footer a {
	color: #2d2d2d;
	font-size: 100%;
}


/* content page structural styles */

#page_main {
	padding: 60px 0 0 0;
}

#page_left {
	float: left;
	width: 219px;
	margin: 0 30px 0 0;
	padding: 0 0 30px 0;	
}

#left_navigation, #left_events {
	background: #f9f8f5 no-repeat bottom left;
	margin: 0 0 30px 0;
}

#left_nav_title {
	height: 25px;
	padding: 5px 0 0 10px;
	background: url(../images/site/left-nav-title-bg.png) no-repeat;
}

#left_events_title {
	height: 25px;
	padding: 5px 0 0 10px;
	background: url(../images/site/left-events-title-bg.png) no-repeat;
}

.left_event_item {
	margin: 10px;
	clear: both;
	border-bottom: 1px #d0cfcd solid;
}

.left_event_date {
	float: left;
	width: 60px;
	margin: 10px 10px 10px 0;
}

.left_event_title {
	float: left;
	width: 120px;
	margin: 10px 0 10px 0;
}

#left_get_here {
	background: #f9f8f5  url(../images/site/left-get-here-bg.png) no-repeat bottom left;
	margin: 30px 0 0 0;
}

#left_get_here_title {
	height: 25px;
	padding: 5px 0 0 10px;
	background: url(../images/site/left-get-here-title-bg.png) no-repeat;
}

#left_get_here p {
	padding: 10px 10px 150px 10px;
}

/* content page */

#page_content {
	float: left;
	width: 670px;
}

#page_content #col1 {
	float: left;
	width: 320px;
}

#page_content #col2 {
	float: left;
	width: 320px;
	margin: 0 0 0 30px;
}

/* home page */

#page_content_home {
	float: left;
	width: 926px;
}

#page_content_home #main_image {
	float: left;
	width: 448px;
	padding: 30px 30px 30px 0;
}

#page_content_home #main_text {
	float: left;
	width: 448px;
	padding: 30px 0 0 0;
}

#main_text p {
	font-size: 90% !important;
}

#home_bottom {
	background: url(../images/site/home-bottom-bg.jpg) no-repeat bottom center;
}

#page_content_home #col1 {
	float: left;
	width: 282px;
}

#whats-on-hdr {
	background: url(../images/site/whats-on-hdr-bg.png) no-repeat 0 0;
	padding: 5px 13px 16px 13px;
	height: 9px;
	width: 256px;
}

#whats-on-body {
	width: 244px;
	padding: 20px 18px 15px 18px;
}

#page_content_home #col2 {
	float: left;
	width: 281px;
	margin: 0 0 0 35px;
}

#featured-events-hdr {
	background: url(../images/site/featured-events-hdr-bg.png) no-repeat 0 0;
	padding: 5px 10px 16px 13px;
	height: 9px;
	width: 260px;
}

#featured-events-body {
	width: 183px;
	padding: 20px 20px 15px 80px;
}

.event_wrapper {
	padding: 6px 0px 12px 0px;
	margin: 0px;
	border-bottom: 1px solid #d0cfcd;
	clear: both;
}

.event_date {
	width: 55px;
	padding: 0px 15px 15px 0px;
	float: left;
}

.event_body {
	width: 120px;
	float: left;
}

#page_content_home #col3 {
	float: left;
	width: 292px;
	margin: 0 0 0 34px;
}

#latest-news-hdr {
	background: url(../images/site/latest-news-hdr-bg.png) no-repeat 0 0;
	padding: 5px 13px 16px 13px;
	height: 9px;
	width: 266px;
}

#latest-news-body {
	width: 192px;
	padding: 20px 20px 15px 80px;
}

#latest-news-body p {
	padding: 6px 0px 12px 0px;
	margin: 0px;
	border-bottom: 1px solid #d0cfcd;
}


/* nav styles */

.nav_item {
	display: block;
	height: 30px;
}

.nav_item_active {
	display: block;
	height: 30px;
	background-position: 0 -30px  !important;
}

.nav_item:hover {
	background-position: 0 -30px  !important;
}

.nav_item span, .nav_item_active span {
	display: none;
}

#nav_home {
	width: 64px;
	background: url(../images/nav/home.png) no-repeat 0 0;
}

#nav_where-to-stay {
	width: 111px;
	background: url(../images/nav/where-to-stay.png) no-repeat 0 0;
}

#nav_go-shopping {
	width: 108px;
	background: url(../images/nav/go-shopping.png) no-repeat 0 0;
}

#nav_eat-and-drink {
	width: 109px;
	background: url(../images/nav/eat-and-drink.png) no-repeat 0 0;
}

#nav_services {
	width: 75px;
	background: url(../images/nav/services.png) no-repeat 0 0;
}

#nav_whats-on {
	width: 86px;
	background: url(../images/nav/whats-on.png) no-repeat 0 0;
}

#nav_news {
	width: 54px;
	background: url(../images/nav/news.png) no-repeat 0 0;
}

#nav_local-area {
	width: 93px;
	background: url(../images/nav/local-area.png) no-repeat 0 0;
}

#nav_how-to-get-here {
	width: 127px;
	background: url(../images/nav/how-to-get-here.png) no-repeat 0 0;
}

#nav_contact {
	width: 99px;
	background: url(../images/nav/contact.png) no-repeat 0 0;
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	display: block;
}

#nav li {
	float: left;
}

#nav li ul {
	position: absolute;
	left: -999em;
	background: repeat-x #e5f4fd;
	width: 120px;
	padding: 0px 5px 0px 5px;
	border: 1px #fff solid;
	border-top: 0px;
	z-index: 99;
}

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

.dd_nav_item, .dd_nav_item_last {
	width: 120px;
	border-bottom: 1px #c4d2db solid;
	padding: 5px 0px 5px 0px;
}

.dd_nav_item_last {
	border-bottom: 0px;
}

.dd_nav_item a, .dd_nav_item_last a {
	color: #382f2a;
	display: block;
}

.dd_nav_item a:hover, .dd_nav_item_last a:hover {
	display: block;
	text-decoration: underline;
}

/* left nav */

#left_navigation a {
	display: block;
	color: #28221e;
}

.nav_item_1, .nav_item_2 {
	border-bottom: 1px #d0cfcd solid;
	margin: 0 10px 0 10px;
	padding: 7px 7px 7px 20px;
	background: url(../images/site/left-nav.png) no-repeat 0 10px;
}

.nav_item_1_active, .nav_item_2_active {
	border-bottom: 1px #d0cfcd solid;
	margin: 0 10px 0 10px;
	padding: 7px 7px 7px 20px;
	background: url(../images/site/left-nav-active.png) no-repeat 0 10px;
}

.nav_item_1_active a, .nav_item_2_active a {
	font-weight: bold;
}

.nav_item_2, .nav_item_2_active {
	padding-left: 30px;
}

/* calendar */
#calendar_table {
	margin: 15px 0 0 0;
	width: 239px;
	border: 1px solid #897b50;
	border-collapse: collapse;
}

#calendar_table th, #calendar_table td {
	width: 33px !important;
	background-color: #fafaf5;
	text-align: center;
	border: 1px solid #897b50;
	border-collapse: collapse;
}

#calendar_table th {
	font-weight: normal !important;
	font-size: 85%;
	height: 22px !important; 
}

#calendar_table td {
	font-size: 120%;
	font-weight: bold;
}	

.free_date {
	background:  #f0e9d6 url(../images/site/free-date-bg.png) repeat-x !important;
}

.highlight_date {
	background:  #edd37b url(../images/site/highlight-date-bg.png) repeat-x !important;
}

.todays_date {
	background:  #FFB22B !important;
}

.free_date span, .highlight_date a, .todays_date a, .todays_date .today_no_events {
	display: block;
	margin: 5px;
	padding: 0 0 0 0 !important;
	height: 20px !important; 
}

.highlight_date a,.todays_date a {
	font-size: 100%;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

.highlight_date a:hover .event_rollover, .highlight_date a.sfhover .event_rollover, .todays_date a:hover .event_rollover, .todays_date a.sfhover .event_rollover {
	display: block;
	left: auto;
	margin-left: 25px;
	margin-top: -100px;
	z-index: 99;
}

.event_rollover {
	position: absolute;
	left: -999em;
	z-index: 99;
	width: 223px;
	text-align: left;
	font-weight: normal;
	text-decoration: none;
	cursor: pointer;
}

.event_rollover_text {
	display: block;
	font-size: 75% !important;
	width: 225px;
	background: #fff; 
	border: 3px solid #4b3f1d;
	padding: 16px 19px 16px 19px;
	text-decoration: none;
	overflow-y: hidden;
}



/* weather */

#weather_image {
	float: left; 
	width: 40px;
	padding-right: 15px;
}

#weather_image img {
	padding: 0;
}

#weather_text {
	float: left; 
	width: 130px;
}

/* listings */

.row_0 {
	background: #f9f8e0 url(../images/site/row_0.png) repeat-x top left;
	margin-bottom: 1px;
	padding: 13px;
}

.row_1 {
	background: #f1f1e5 url(../images/site/row_1.png) repeat-x top left;
	margin-bottom: 1px;
	padding: 13px;
}

.row_feature {
	background: #f0efc5;
	margin-bottom: 1px;
	padding: 13px;
	border: 2px #968e8a solid;
}

.listing_image_outer {
	float: left;
	margin-right: 30px;
	border: 1px #7f7f7f solid;
}

.listing_image_inner {
	border: 3px #fff solid;
}

.listing_item {
	float: left;
	width: 450px;
}

.listing_title {
	float: left;
	width: 260px;
}

.listing_contact {
	float: right;
	text-align: right;
}

.listing_phone {
	background: url(../images/site/phone-icon-small.png) no-repeat center left;
	padding: 0 0 0 20px;
}

.listing_text {
	width: 440px;
}

#category_intro {
	float: left;
	width: 310px;
	margin-right: 30px;
}

#category_feature {
	float: right;
	width: 300px;
	border: 2px #7f7f7f solid;
	padding: 10px;
	margin: 0 0 10px 0;
	background: #f9f8e5;
}

/* business page */

#business_left {
	float: left;
	width: 420px;
	margin-right: 30px;
}

#business_right {
	float: left;
	width: 220px;
}

.business_phone {
	background: url(../images/site/phone-icon.png) no-repeat center left;
	padding: 5px 0 0 45px;
	margin: 5px 0 5px 0;
	height: 30px;
}

.business_email {
	background: url(../images/site/email-icon.png) no-repeat center left;
	padding: 5px 0 0 45px;
	margin: 5px 0 5px 0;
	height: 30px;
}

.business_web {
	background: url(../images/site/web-icon.png) no-repeat center left;
	padding: 5px 0 0 45px;
	margin: 5px 0 5px 0;
	height: 30px;
}

.business_fax {
	background: url(../images/site/fax-icon.png) no-repeat center left;
	padding: 5px 0 0 45px;
	margin: 5px 0 5px 0;
	height: 30px;
}

#business_left p {
	font-size: 110%;
}

#business_left a {
	font-size: 100%;
}

.business_intro p {
	font-size: 130% !important;
}

.business_image_left_outer {
	float: left;
	margin: 0 20px 20px 0;
	border: 1px #7f7f7f solid;
}

.business_image_left_inner {
	border: 3px #fff solid;
}

.business_image_right_outer {
	float: right;
	margin: 0 0 20px 20px;
	border: 1px #7f7f7f solid;
}

.business_image_right_inner {
	border: 3px #fff solid;
}

#map {
	width: 220px;
	height: 300px;
}

#how_to_get_here_map {
	width: 670px;
	height: 500px;
}

/* events pages */

.whatson_month {
	background: #cae082 url(../images/site/whatson-month.png) no-repeat top left;
	padding: 5px 0 5px 10px;
	margin: 20px 0 0 0;
}

.whatson_month h2 {
	margin: 0 !important;
}


.whatson_left {
	float: left;
	width: 200px;
	padding-right: 30px;
}

.whatson_right {
	float: left;
	width: 370px;
}

.whatson_left_narrow {
	float: left;
	width: 150px;
}

.whatson_right_narrow {
	float: left;
	width: 225px;
	padding-left: 10px;
}

#cse-search-results {
	width: 670px !important;
}

#cse-search-results iframe {
	width: 670px !important;
}

/* general styles */


.letter{
	float: left;
	margin: 0 6px 10px 0;
	padding: 0 4px 0 3px;
	border: 1px #e0e0e0 solid;
	background: #F1F1E5;
	font-size: 120%;
	font-weight: normal;
	color: #333;
}

.letter_title {
	margin-top: 30px;
	font-size: 120%;
	background: #cae082 url(../images/site/whatson-month.png) no-repeat top left;
	padding: 5px 5px 5px 15px;
	font-weight: bold;
}

.news_divider {
	height: 1px;
	background-color: #ccc;
	margin-bottom: 10px;
}

.padded_img img {
	padding: 0 10px 10px 10px;
}

.smallText {
	font-size: 80%;
}

.smallText a {
	font-size: 100%;
}

.error {
	color: #c00;
	font-weight: bold;
}

.pad30lr {
	padding: 0 30px 0 30px;
}

.clear {
	clear: both;
	height: 1px;
	line-height: 1px;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.hide {
	display: none;
}

.smallish_text {
	font-size: 85%;
}

.bold {
	font-weight: bold !important;
}

.width_500 {
	width: 500px;
}