/*
	Screen.css
	
	Editor:		Manuel Pineault, Aubyn Freybe-Smith, Steve Saugestad (Wallop)
*/

/* =Basic HTML
--------------------------------------------------------------------------------*/

body { 
	background-color: #faf7f2;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: normal;
}

.container_12 a {
	color: #cb2b0a;
	border-bottom: 1px dotted #cb2b0a;
	text-decoration: none;
}
.container_12 a:hover {
	border-color: #000;
	color: #000;
}

/* =Spacing
--------------------------------------------------------------------------------*/

ol { list-style: decimal; }

ul { list-style: none; }

li { }

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset
{
	
}

/* = Generic
--------------------------------------------------------------------------------*/

.smalltext { 
	font-size: 12px;
}

.floatleft { float: left; }
.floatright { float: right; }
.clearleft { clear: left; }
.clearright { clear: right; }

/* support link on home page */

#sc21Xb a {
display:block;
padding-top:10px;
border-bottom:none;
}

/* spacers. to be used on TDs, empty DIVs, even Ps, when vertical space is needed */
.spacer5 {
	padding-top: 5px;
}
.spacer10 {
	padding-top: 10px;
}
.spacer20 {
	padding-top: 20px;
}
.spacer30 {
	padding-top: 30px;
}
/* used on columns of copy where an h1 keyword sentence, absolutely positioned, is going to sit below it */
.spacer_b_40 {
	padding-bottom: 40px;
}

/* used for items that show show up only when printing */
.for_print01 {
	display: none;
}
/* used on p tags that have a link to print the page */
a.icon_print01 {
	background: url(../graphics/icon_print01.gif) no-repeat 0px 0px;
	padding: 0 10px 0 18px;
	border: none;
}

a.icon_email01 {
	background: url(../graphics/icon_email01.gif) no-repeat 0px 2px;
	padding: 0 10px 0 20px;
	border: none;
}

/* used on some images that are links */
.no_border { border: none !important; }



hr {
	border-color: #bfbdba;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	height: 0;
}

/* used in dark boxes on activities list page */
.big_number01 {
	font-size: 40px;
	font-style: italic;
	line-height: 1;
	padding-right: 5px;
}

/* USE THIS?
IMG {
	border: 2px solid #bfbdba;
	float: left;
	margin: 10px 20px 20px 0;
}
*/

/* =Headings
--------------------------------------------------------------------------------*/

/* the h1s are now being used in the copy, and can be applied by the LP site editors. they are used for important keyword copy */
/* only used once on dark bg, on homepage */
h1 {
	padding: 10px 0 10px 0;
	border-top: 1px solid #D9D7D0;
	border-bottom: 1px solid #D9D7D0;
	padding: 5px 0 5px 0;
	color: #333231;
	font-weight: normal;
	line-height: 1.2;
}
.bg_dark01 h1 {
	color: #e0ddd7;
	border-bottom-color: #666;
	border-top-color: #666;
}

h2 { font-size: 16px; }

h3 { font-size: 22px; } /* this is for the odd case that an h3 is used in copy areas, like on packages and specials page. Usually h3 are only in pattern boxes, and they are styled elsewhere */

h4 { font-size: 16px; }

h5 { font-size: 15px; }

h6 { font-size: 13px; }


/* the top section of the screen (part with near-white BG)
---------------------------------------------------------------------------------*/
#section_top {
	padding-bottom: 10px;
}

/* =Logo
--------------------------------------------------------------------------------*/
p#logo, p#logohome {
	padding: 0 0 15px 16px;
}
p#logo a, p#logohome a {
	width: 182px;
	height: 102px;
	text-indent: -9999px;
	border: none;
	overflow: hidden;
	display: block;
}
p#logo a {
	background: url(../graphics/logo01.gif) no-repeat;
}
p#logohome a {
	background: url(../graphics/logo_home01.gif) no-repeat;
}
p#logo a:hover {
	background: url(../graphics/logo01.gif) no-repeat 0 -102px;
}
p#logohome a:hover {
	background: url(../graphics/logo_home01.gif) no-repeat 0 -102px;
}

/* =Navigation
--------------------------------------------------------------------------------*/
#nav01 {
	float: right;
	font-size: 20px;
	text-transform: lowercase;
	line-height: 21px;
	width: 240px;  /* note: if this width increases anymore, it breaks the layout in IE6 */
}
#nav01 ul {
	margin-bottom: 10px;
	
}
#nav01 ul li { 
	padding-left: 14px;
} 
#nav01 ul li a {
	text-decoration: none;
	border: none;
	color: #807e7c;
}
#nav01 .active a { color: #262625 !important; }
#nav01 ul li a:hover, .active a:hover { color: #cb2b0a !important; }

#nav01 ul#nav01_redbox {
	height:75px; /*75px; --old height--*/
	padding-top: 7px;/* orig 42px;*/ /* height and padding must add up to 102 = height of logo. DELIBERATELy changed this (now is 117px tall total) */
	border-left: solid 2px #ccc;
	border-right: solid 2px #ccc;
	border-bottom: solid 2px #ccc;
	background: url(../graphics/patterns/pattern_navred01.jpg) no-repeat;
	color: #fff;
}

#nav01 .chatNav a {
	line-height:0;
	border-bottom:none;
}
#nav01 ul#nav01_redbox li a {
	color: #f0ede6;
}
#nav01 ul#nav01_redbox li a:hover {
	color: #000 !important;
}
#nav01 ul#nav01_redbox li.active a {
	color: #fff !important;
}
#nav01 ul#nav01_redbox li.active a:hover {
	color: #000 !important;
}
/* asterix current page indicator graphic */
#nav01 ul li.current {
	background: url(../graphics/nav_pageindicator01.gif) no-repeat 3px 5px; /* red on white */
}
#nav01 ul#nav01_redbox li.current { 
	background: url(../graphics/nav_pageindicator02.gif) no-repeat 3px 5px; /* white on red */
}


/* = Vertical Color boxes (often behind flash slideshows, the box drops down from top of screen)
--------------------------------------------------------------------------------*/
.vertbg_grey01 { background: url(../graphics/vertBG/vertBG_grey01.gif) repeat-y top center; } /* dark grey */
.vertbg_grey02 { background: url(../graphics/vertBG/vertBG_grey02.gif) repeat-y top center; } /* very light grey */
.vertbg_grey03 { background: url(../graphics/vertBG/vertBG_grey03.gif) repeat-y top center; } /* very light grey a bit darker */
.vertbg_grey04 { background: url(../graphics/vertBG/vertBG_grey04.gif) repeat-y top center; } /* very light grey a bit darker still */
.vertbg_tan01 { background: url(../graphics/vertBG/vertBG_tan01.gif) repeat-y top center; } /* light tan */


/* =Pattern Boxes (hold headings)
--------------------------------------------------------------------------------*/
.patternbox_light H2, .patternbox_dark H2 {
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: normal;
}
.patternbox_light H3, .patternbox_dark H3 {
	font-size: 30px;
	font-weight: normal;
	text-transform: lowercase;
	line-height:normal;
}
.patternbox_light H3 span, .patternbox_dark H3 span {
	font-size: 20px;
}
.patternbox_light H2 {
	color: #666;
}
.patternbox_light H3 {
	color: #333;
}
.patternbox_dark H2 {
	color: #bebebe;
}
.patternbox_dark H3 {
	color: #e6e6e6;
}

.patternbox_short01 {
	width: 644px; /* = 648 - 4px for borders */
	border-style: solid;
	border-width: 2px;
	height: 82px;
	margin-bottom: 15px;
	position: relative;
}
.patternbox_tall01, .patternbox_tall02 {
	width: 725px; /* =729 - 4px for borders */
	border-style: solid;
	border-width: 2px;
}
.patternbox_tall01 { /* used with media players NOT on homepage (on main pages) = needs room for headings */
	height: 360px; /* old widescree: 360px */
	margin-bottom: 15px;
}
.patternbox_tall02 { /* used on homepage, for media player = doesn't need room for headings */
	height: 320px; /* old widescree: 320px */
}
.patternbox_tall01 H3 {
	padding: 10px 0 0 16px;
}
.patternbox_short01 H2 {
	padding: 19px 0 0 16px;
}
.patternbox_short01 H3 {
	padding: 0 0 0 16px;
	position: absolute;
	bottom: 16px;
}

/* pattern: throw pillow stripes */
.pattern_stripes_short01 {
	background: url(../graphics/patterns/pattern_stripes_short01.jpg);
	border-color: #bfbdba;
}
.pattern_stripes_tall01 {
	background: url(../graphics/patterns/pattern_stripes_tall01.jpg);
	border-color: #bfbdba;
}
.pattern_stripes_tall01 #mediaplayer01 {
	border-color: #d9d7d2;
}

/* pattern: bedspread */
.pattern_bedspread_short01 {
	background: url(../graphics/patterns/pattern_bedspread_short01.jpg);
	border-color: #848484;
}
.pattern_bedspread_tall01 {
	background: url(../graphics/patterns/pattern_bedspread_tall01.jpg);
	border-color: #848484;
}
.pattern_bedspread_tall01 #mediaplayer01 {
	border-color: #ceac68; /* gold */
}

/* pattern: darkwood */
.pattern_darkwood_short01 {
	background: url(../graphics/patterns/pattern_darkwood_tall01.jpg);
	border-color: #999794;
}
.pattern_darkwood_tall01 {
	background: url(../graphics/patterns/pattern_darkwood_tall01.jpg);
	border-color: #999794;
}
.pattern_darkwood_tall01 #mediaplayer01 {
	border-color: #ceac68; /* gold */
}

/* pattern: lightwood */
.pattern_lightwood_short01 {
	background: url(../graphics/patterns/pattern_lightwood_short01.jpg);
	border-color: #b3b0ad;
}
.pattern_lightwood_tall01 {
	background: url(../graphics/patterns/pattern_lightwood_tall01.jpg);
	border-color: #b3b0ad;
}
.pattern_lightwood_tall01 #mediaplayer01 {
	border-color: #c2cbd2;
}

/* pattern: floral throw blanket */
.pattern_floral_short01 {
	background: url(../graphics/patterns/pattern_floral_tall01.jpg);
	border-color: #aaa;
}
.pattern_floral_tall01 {
	background: url(../graphics/patterns/pattern_floral_tall01.jpg);
	border-color: #aaa;
}
.pattern_floral_tall01 #mediaplayer01 {
	border-color: #ceac68; /* gold */
}

/* pattern: carpet */
.pattern_carpet_short01 {
	background: url(../graphics/patterns/pattern_carpet_short01.jpg);
	border-color: #aaa;
}
.pattern_carpet_tall01 {
	background: url(../graphics/patterns/pattern_carpet_tall01.jpg);
	border-color: #aaa;
}
.pattern_carpet_tall01 #mediaplayer01 {
	border-color: #ceac68; /* gold */
}

/* pattern: fabric02 */
.pattern_fabric01_short01 {
	background: url(../graphics/patterns/pattern_fabric01_short01.jpg);
	border-color: #aaa;
}
.pattern_fabric01_tall01 {
	background: url(../graphics/patterns/pattern_fabric01_tall01.jpg);
	border-color: #aaa;
}
.pattern_fabric01_tall01 #mediaplayer01 {
	border-color: #ceac68; /* gold */
}

/* pattern: fabric02 */
.pattern_fabric02_short01 {
	background: url(../graphics/patterns/pattern_fabric02_short01.jpg);
	border-color: #aaa;
}
.pattern_fabric02_tall01 {
	background: url(../graphics/patterns/pattern_fabric02_tall01.jpg);
	border-color: #aaa;
}
.pattern_fabric02_tall01 #mediaplayer01 {
	border-color: #ceac68; /* gold */
}

/* pattern: red fabric */
.pattern_redfabric_short01 {
	background: url(../graphics/patterns/pattern_redfabric_short01.jpg);
	border-color: #aaa;
}
.pattern_redfabric_tall01 {
	background: url(../graphics/patterns/pattern_redfabric_tall01.jpg);
	border-color: #aaa;
}
.pattern_redfabric_tall01 #mediaplayer01 {
	border-color: #ceac68; /* gold */
}

/* pattern: orange pillow */
.pattern_orangepillow_short01 {
	background: url(../graphics/patterns/pattern_orangepillow_short01.jpg);
	border-color: #aaa;
}
.pattern_orangepillowl_tall01 {
	background: url(../graphics/patterns/pattern_orangepillow_tall01.jpg);
	border-color: #aaa;
}
.pattern_orangepillow_tall01 #mediaplayer01 {
	border-color: #ceac68;
}

/* pattern: wall */
.pattern_wall_short01 {
	background: url(../graphics/patterns/pattern_wall_short01.jpg);
	border-color: #aaa;
}
.pattern_wall_tall01 {
	background: url(../graphics/patterns/pattern_wall_tall01.jpg);
	border-color: #aaa;
}
.pattern_wall_tall01 #mediaplayer01 {
	border-color: #ceac68;
}




/* the background colors */
.bg_darkgrey01 { background-color: #4d4c4a; }
.bg_darkgrey02 { background-color: #333231; } /* used for results box on activities list */
.bg_brown01 { background-color: #40332c; }
.bg_gold01 { background-color: #665431; }
.bg_green01 { background-color: #3f402d; }
.bg_darktan01 { background-color: #493f2c; }





/* = Flash areas
--------------------------------------------------------------------------------*/

/* NOTE: flash_general01 and 02 are simply IDs used by swfObject to place the swfs on the page */
/* styles the message that user doesn't have flash9 */
#mediaplayer01, #flash_slideshow01, #flash_general01, #flash_general02 {
	position: relative;
}
/* plays videos and/or shows stills */
#mediaplayer01 { /* this is the video and still player */
	border-style: solid;
	border-width: 4px;
	width: 688px;
	height: 280px; /* old widescreen aspect: 280px */
	margin: 15px 0 0px 15px;
}
/* Flashslideshow Boxes (hold MINI slideshow pro swfs ). used on pages where slideshow is over a vertical bg box */
#flash_slideshow01 {
	float:left;
	padding-left: 5px;
	width: 394px;	
}
/* wrapper around the meeting config tool in meetings section, and maybe in weddings section*/
#meeting_room_tool {
	border: solid 2px #bbb;
	margin: 20px 0 10px 0;
}
/* styles the error message: you need flash9 */
.flash_error01 P {
	padding: 12px;
	color: #000;
	background-color: #ccc;
	position: absolute;
	top: 5px;
	left: 5px;
}


/* =Foliage. applied it to section_top DIV always!
--------------------------------------------------------------------------------*/

.foliage_blossoms01 {
	background: url(../graphics/foliage/foliage_blossoms01.jpg) no-repeat bottom center; /* left */
}
.foliage_blossoms02 {
	background: url(../graphics/foliage/foliage_blossoms02.jpg) no-repeat bottom center; /* right */
}
.foliage_bamboo01 {
	background: url(../graphics/foliage/foliage_bamboo01.jpg) no-repeat bottom center; /* left */
}
.foliage_bamboo02 { 
	background: url(../graphics/foliage/foliage_bamboo02.jpg) no-repeat bottom center; /* right */
}
.foliage_rosemary01 { 
	background: url(../graphics/foliage/foliage_rosemary01.jpg) no-repeat bottom center; /* left */
}
.foliage_rosemary02 { 
	background: url(../graphics/foliage/foliage_rosemary02.jpg) no-repeat bottom center; /* right */
}
.foliage_chives01 { 
	background: url(../graphics/foliage/foliage_chives01.jpg) no-repeat bottom center; /* left */
}
.foliage_chives02 { 
	background: url(../graphics/foliage/foliage_chives02.jpg) no-repeat bottom center; /* right */
}
.foliage_dogwood01 { 
	background: url(../graphics/foliage/foliage_dogwood01.jpg) no-repeat bottom center; /* left */
}
.foliage_dogwood02 { 
	background: url(../graphics/foliage/foliage_dogwood02.jpg) no-repeat bottom center; /* right */
}
.foliage_hydrangea01 { 
	background: url(../graphics/foliage/foliage_hydrangea01.jpg) no-repeat bottom center; /* left */
}
.foliage_hydrangea02 { 
	background: url(../graphics/foliage/foliage_hydrangea02.jpg) no-repeat bottom center; /* right */
}
.foliage_nandina01 { 
	background: url(../graphics/foliage/foliage_nandina01.jpg) no-repeat bottom center; /* left */
}
.foliage_nandina02 { 
	background: url(../graphics/foliage/foliage_nandina02.jpg) no-repeat bottom center; /* right */
}
.foliage_daffodil01 { 
	background: url(../graphics/foliage/foliage_daffodil01.jpg) no-repeat bottom center; /* left */
}
.foliage_daffodil02 { 
	background: url(../graphics/foliage/foliage_daffodil02.jpg) no-repeat bottom center; /* right */
}
.foliage_laurelleaf01 { 
	background: url(../graphics/foliage/foliage_laurelleaf01.jpg) no-repeat bottom center; /* left */
}
.foliage_laurelleaf02 { 
	background: url(../graphics/foliage/foliage_laurelleaf02.jpg) no-repeat bottom center; /* right */
}
.foliage_laurelbranch01 { 
	background: url(../graphics/foliage/foliage_laurelbranch01.jpg) no-repeat bottom center; /* left */
}
.foliage_laurelbranch02 { 
	background: url(../graphics/foliage/foliage_laurelbranch02.jpg) no-repeat bottom center; /* right */
}
.foliage_laurelbush01 { 
	background: url(../graphics/foliage/foliage_laurelbush01.jpg) no-repeat bottom center; /* left */
}
.foliage_laurelbush02 { 
	background: url(../graphics/foliage/foliage_laurelbush02.jpg) no-repeat bottom center; /* right */
}
.foliage_fern01 { 
	background: url(../graphics/foliage/foliage_fern01.jpg) no-repeat bottom center; /* left */
}
.foliage_fern02 { 
	background: url(../graphics/foliage/foliage_fern02.jpg) no-repeat bottom center; /* right */
}
.foliage_ivy01 { 
	background: url(../graphics/foliage/foliage_ivy01.jpg) no-repeat bottom center; /* left */
}
.foliage_ivy02 { 
	background: url(../graphics/foliage/foliage_ivy02.jpg) no-repeat bottom center; /* right */
}
.foliage_bambooB01 {
	background: url(../graphics/foliage/foliage_bambooB01.jpg) no-repeat bottom center; /* left */
}
.foliage_bambooB02 { 
	background: url(../graphics/foliage/foliage_bambooB02.jpg) no-repeat bottom center; /* right */
}
.foliage_maple01 {
	background: url(../graphics/foliage/foliage_maple01.jpg) no-repeat bottom center; /* left */
}
.foliage_maple02 { 
	background: url(../graphics/foliage/foliage_maple02.jpg) no-repeat bottom center; /* right */
}
.foliage_maplebranch01 {
	background: url(../graphics/foliage/foliage_maplebranch01.jpg) no-repeat bottom center; /* left */
}
.foliage_maplebranch02 { 
	background: url(../graphics/foliage/foliage_maplebranch02.jpg) no-repeat bottom center; /* right */
}
.foliage_azalea01 {
	background: url(../graphics/foliage/foliage_azalea01.jpg) no-repeat bottom center; /* left */
}
.foliage_azalea02 { 
	background: url(../graphics/foliage/foliage_azalea02.jpg) no-repeat bottom center; /* right */
}
.foliage_bonzai01 {
	background: url(../graphics/foliage/foliage_bonzai01.jpg) no-repeat bottom center; /* left */
}
.foliage_bonzai02 { 
	background: url(../graphics/foliage/foliage_bonzai02.jpg) no-repeat bottom center; /* right */
}




/* = FORMS
--------------------------------------------------------------------------------*/

.form_home_booking { /* used to alter properties on homepage quick booking form */
}
.form_home_booking h4 {
	border-bottom: none !important;
}
.form_2col {
	background-color: #f2f0eb;
	border: 1px solid #cccac6;
	padding-top: 20px;
	margin-top: 20px;
}
.form01 h4 {
	border-bottom: 1px solid #bfbdba;
	padding: 0 0 3px 0 !important;
	margin-bottom: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.form01 h5 {
	padding: 0 0 5px 0 !important;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.form01 .form_required {
	color: #cb2b0a;
}
.form01 TABLE {
	font-family: Trebuchet MS, Arial, sans-serif;
	line-height: 14px;
	margin-bottom: 20px;
}
.form01 TABLE TD {
	padding-bottom: 5px;
}
.form_home_booking TABLE TD { /* used for quick booking form on homepage: overrides the 'baseline' applied by reset.css */
	vertical-align: middle;
}
.form01 TABLE TD.form_alignright {
	text-align: right;
}
.form01 TABLE TD.form_alignleft {
	text-align: left;
}
.form01 TABLE TD.form_label { /* use on TDs that hold field labels on left side of fields */
	vertical-align: top;
	text-align: right;
	padding: 7px 5px 5px 0;
	font-weight: bold;
	font-size: 11px;
}
.form_home_booking TABLE TD.form_label {  /* used on quick booking form on homepage */
	text-align:left;
}
.form01 TABLE TD.form_label02 { /* use on TDs that hold field labels on right side of fields */
	vertical-align: top;
	text-align: left;
	padding: 3px 0 5px 4px;
	font-weight: bold;
	font-size: 11px;
}
.form01 TABLE TD input, .form01 TABLE TD textarea { 
	height: 21px;
}
.form01 TABLE TD textarea { 
	height: 80px;
}
.form01 TABLE TD input, .form01 TABLE TD textarea { 
	width: 210px;
	padding: 3px 0px 0px 4px;
	border: 1px solid #ba9752;
	color: #422e04;
	font-size: 13px;
	background: url(../graphics/form_bg01.gif);
	font-family: Trebuchet MS, Arial, sans-serif;
}
.form01 TABLE TD SELECT {
	height: 23px;
	width: 215px;
	padding: 3px 0px 0px 4px;
	border: 1px solid #ba9752;
	color: #422e04;
	font-size: 13px;
	background: url(../graphics/form_bg01.gif);
	font-family: Trebuchet MS, Arial, sans-serif;
}
.form_2col TABLE TD input, .form_2col TABLE TD textarea { /* used on big forms, when fields need to be less wide */
	width: 180px;
}
.form01 TABLE TD input.form_upload { /* makes the "upload" fields a little bit longer (not recognized in ff2) */
	width: 300px;
}
.form_2col TABLE TD select { 
	width: 185px;
}
.form_home_booking TABLE TD input { /* used on quick booking form on homepage */
	width: 80px;
}
.form_home_booking TABLE TD select { /* used on quick booking form on homepage */
	width: 85px;
}
.form01 TABLE TD input.number { /* used on input fields that need to hold numbers (for validation) and therefore make them less wide */
	width: 50px;
}
.form01 TABLE TD input.numrange { /* used on input fields that need to hold number ranges (for validation) and therefore make them less wide */
	width: 60px;
}
.form01 TABLE TD input.form_checkbox {
	width: 15px;
	height: 15px;
	padding: 0px;
	/* turn the following off, so that checkboxes look similar (just white box) in all browswers */
	border: none;
	background-image: none;
	background-color: none;
}
.form01 TABLE TD input.form_radio {
	width: 15px;
	height: 15px;
	padding: 0px;
	border: none;
	background-image: none;
	background-color: none;
}
.form01 TABLE TD input.form_submitbutton {
	width: 84px;
	height: 32px;
	padding: 0;
	border: none;
}

.error { /* error messages */
	background-color: #b22509;
	color: #fff;
	display: block;
	padding: 2px;
}

.form_home_booking TABLE TD a { /* used for quick booking form on homepage */
	border: none;
}

/* = ARCHIVES (repeated entries like on Articles page)
--------------------------------------------------------------------------------*/
.archive01 .archive_entry {
	border-bottom: 1px solid #bfbdba;
	margin: 0 0 20px 0;
	padding-bottom: 10px;
}
.archive01 .archive_entry span.archive_date {
	font-size: 12px;
	font-style: italic;
}
.archive01 .archive_entry span.archive_publication {
	font-size: 12px;
	font-weight: bold;
}
.archive01 IMG {
	border: 2px solid #bfbdba;
	float: right;
	margin: 0 0 20px 20px;
}


/* = ACTIVITIES LIST (repeated entries, on Activities list page)
--------------------------------------------------------------------------------*/

.activities_list H4 {
	padding: 0 !important;
}
.activities_list .activities_entry {
	border-bottom: 1px solid #bfbdba;
	margin: 0 0 20px 0;
	padding-bottom: 10px;
}
.activities_list IMG {
	border: 1px solid #bfbdba;
	margin-bottom: 8px;
}



/* = bottom section of the screen. (part with darker BG and footer)
--------------------------------------------------------------------------------*/
#section_bottom { 
	
}

/* = the full-width dark background areas, or the grid_9 background areas (like on top of Press Releases page)
     NOTE: putting a bg_dark area within a bg_light area causes some overlapping of styles below. KEEP THEM SEPARATE.
--------------------------------------------------------------------------------*/

.bg_dark01 {
	color: #e0ddd7;
	padding: 24px 0 14px 0;
	line-height: 1.5;
}
.bg_dark_home01 { /* used on homepage, it overrides some of the other bg_dark01 styles */
	padding: 10px 0 10px 0;
}
.bg_light01 {
	color: #333231;
	line-height: 1.5;
}
.bg_dark01 a {
	color: #f53e18;
}
.bg_dark01 P, .bg_light01 P {
	margin: 0 0 10px 0;
}
/* NOTE: H3 tags are usually only used in pattern box headings. but we've created a tag for bg_light and bg_dark, used sparingly, like on packages and specials page, when a big heading is needed */
.bg_dark01 H3, .bg_dark01 H4, .bg_dark01 H5, .bg_light01 H3, .bg_light01 H4, .bg_light01 H5 {
	font-weight: normal;
	padding: 0 0 10px 0;
	line-height: normal;
}
.bg_light01 H3, .bg_dark01 H3 {
	margin-bottom: 20px;
	padding: 0 0 5px 0;
}
.bg_light01 H3 {
	border-bottom: 1px solid #666;
}
.bg_dark01 H3 {
	border-bottom: 1px solid #ccc;
}
.bg_dark01 H3, .bg_dark01 H4, .bg_dark01 H5 {
	color: #fff;
}
.bg_light01 H3, .bg_light01 H4, .bg_light01 H5 {
	color: #1a1919;
}
.bg_dark01 UL, .bg_light01 UL { 
	margin:0 0 10px 5px;
}
.bg_dark01 UL LI {
	padding: 0 0 5px 15px;
	background: url(../graphics/bullet_ondark01.gif) no-repeat 0 5px;
}
.bg_light01 UL LI {
	padding: 0 0 5px 15px;
	background: url(../graphics/bullet_onlight01.gif) no-repeat 0 5px;
}
.bg_dark01 OL, .bg_light01 OL { 
	margin:0 0 10px 25px;
}
.bg_dark01 OL LI, .bg_light01 OL LI { 
	padding: 0 0 5px 0;
}
.bg_dark01 .highlight {
	color: #d4ab5b;
}
.bg_light01 .highlight {
	color: #5a410e; 
}

/* special lists are used for activities feature list (on area page) and rooms prices and book now links (in accommodations), plus more? */
.bg_dark01 UL.special_list01, .bg_light01 UL.special_list01 {
	margin:0;
	padding: 0 0 20px 0;
}
.bg_dark01 UL.special_list01 {
	border-top: 1px solid #666563;
}
.bg_light01 UL.special_list01 {
	border-top: 1px solid #d9d7d0;
}
.bg_dark01 UL.special_list01 LI, .bg_light01 UL.special_list01 LI {
	background-image: none;
	padding: 5px 0 5px 0;
}
.bg_dark01 UL.special_list01 LI {
	border-bottom: 1px solid #666563;
}
.bg_light01 UL.special_list01 LI {
	border-bottom: 1px solid #d9d7d0;
}

#activity_shortlist a {
	color: #e0ddd7;
	border: none;
}
#activity_shortlist a:hover {
	color: #888;
}





/* for homepage only */
#home_fourpromos {
	
	/* NORMAL VERSION */
	background: url(../graphics/home_promoboxes01.gif) repeat-y 0 0;
	padding: 16px 0 10px 0;
	
	/* XMAS VERSION 
	background: url(../graphics/home_promoboxes02.gif) no-repeat 0 0; 
	padding: 45px 0 10px 0;
	*/

	color: #333231;
	font-size: 12px;
	margin-bottom: 20px;
	
}
#home_fourpromos H4, #fourpromos H5 {
	color: #1a1919;
}
#home_fourpromos ul, #home_fourpromos ol {
	margin: 0;
}
#home_fourpromos ul li {
	background: none;
	padding: 0 0 10px 0;
}
#home_fourpromos ol li {
	list-style: none; /* disables ordered lists in promo boxes */
}


/* = Contact boxes. vertical and horiz variations
--------------------------------------------------------------------------------*/

.contactbox_vert { 
	color: #222;
	background-color: #d9d7d2;
	margin: -16px 0 0 0;
	padding: 16px 16px 10px 16px;
	font-size: 12px;
}
.contactbox_vert H4 { 
	color: #111;
}
.contactbox_vert ul {
	margin: 0;
}
.contactbox_vert ul li {
	background: none;
	padding: 0 0 10px 0;
}
.contactbox_vert a, .contactbox_horiz a {  
	color: #cb2b0a; /* same as body a color, but needed to be repeated as the bg_light a color is over-riding these */
}

.contactbox_horiz { 
	color: #222;
	background-color: #d9d7d2;
	margin: -10px 0 0 0;
	padding: 20px 16px 8px 16px;
	font-size: 11px;
	height: 30px;
	/* letter-spacing: -1px; */
}
.contactbox_horiz H4 { 
	color: #111;
	display: inline;
	float: left;
}
.contactbox_horiz ul {
	margin: 3px 0 0 0;
}
.contactbox_horiz ul li {
	background: none;
	padding: 0 0 10px 15px;
	display: inline;
	float: left;
}
.contactbox_horiz strong { /* hide strong elements in horizontal box = "inn at laurel point" */
	display: none;
}
.contactbox_horiz a.twitter, .contactbox_horiz a.facebook, .contactbox_horiz span.blog { /* hide the facebook,twitter logo + blog link in horiz box because not enought room */
	display: none;
}

a.facebook, a.twitter {
	display: block;
	width: 20px;
	height: 20px;
	margin-bottom: 8px;
	border: none;
}
a.facebook {
	float: left;
	margin-right: 5px;
	background: url(../graphics/logo_facebook02.gif) no-repeat 0 0;
}
a.twitter {
	float: left;
	background: url(../graphics/logo_twitter02.gif) no-repeat 0 0;
	margin-right: 5px; 
}
a.facebook:hover, a.twitter:hover {
	background-position: 0 -20px;
}
a.facebook span, a.twitter span {
	display: none;
}





/* = MIsc
--------------------------------------------------------------------------------*/

img.offsetters {
	border:5px solid #3b3221;
}




/* =Footer
--------------------------------------------------------------------------------*/
.footer { 
	padding: 20px 0 20px 0;
}
.footer ul { 
	clear: left;
	padding-left: 6px;
}
.footer ul li {
	padding: 0 10px 0 10px;
	margin: 0 0 12px 0; /* adds space between the 2 horizontal lists in footer */
	display: inline;
	float: left;
	border-right: 1px solid #c8c6c2;
}
.footer ul li a { 
	color: #807e7a;
	text-decoration: none; 
	border: none;
}
.footer ul li a:hover {
	color: #cb2b0a;
	border-bottom: 1px dotted #cb2b0a;
}

p.footer_icons {
	margin-top: -5px;
	float:right;
}
p.footer_icons a {
	float: left;
	display: block;
	border: none;
}
p.footer_icons a span {
	display: none;
}
/* lesbian gay icon */
p.footer_icons a.lgbt {
	background: url(../graphics/icon_lgbt01.gif) no-repeat 0 0;
	width: 20px;
	height: 20px;
}
p.footer_icons a.lgbt:hover {
	background-position: 0 -20px;
}
/* greenkeys icon */
p.footer_icons a.greenkeys {
	background: url(../graphics/logo_greenkeys01.gif) no-repeat 0 0;
	width: 16px;
	height: 40px;
	margin-right: 10px;
}
p.footer_icons a.greenkeys:hover {
	background-position: 0 -40px;
}

.footer p#siteByWallop {
	padding-top: 10px;
}
.footer p#siteByWallop a {
	height: 20px;
	width: 68px;
	display: block;
	background: url(../graphics/siteByWallop01.gif) no-repeat 0 0;
	float: right;
	border: none;
}
.footer p#siteByWallop a:hover {
	background-position: 0px -20px;
}
.footer p#siteByWallop span {
	display: none;
}

/*--------Twitter feeds--------*/

.twitterBarHome {
	background:url(../graphics/twitter_bar_home.gif) no-repeat 0 0;
	height:34px;
	width:670px;
	margin:10px 0 0 0;
	padding:19px 10px 0 50px;
}

.twitterBarHome #twitter_update_list li {
	font-size:11px;	
	line-height:13px;
}

.twitterBarInterior {
	background:url(../graphics/twitter_bg_interior.gif) repeat-x 0 0;
	height:50px;
	width:100%;
}

.twitterFooterWrap {
	width:920px;
	height:31px;
	margin:0 auto;
	background:url(../graphics/logo_twitter_large.gif) no-repeat 0 13px;
	padding:16px 0 0 33px;
}

#twitter_update_list li {
	color:#202108;
	font-size:13px;
}

#twitter_update_list li a {
	display:none; /*---Gets rid of the timestamp for the twitter feed---*/
}

#twitter_update_list li span a {
	color:#CB2B0A;
	border-bottom-color:#CB2B0A;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	text-decoration:none;
	display:inline;
}

/*--------Styles for SEO updates--------*/

.bg_dark01 h1.pseudoh4 {
	padding: 0 0 10px 0;
	color:#1A1919;
	border-top:none;
	border-bottom:none;
	font-size:16px;
}

.testSeo h1 {
	border-top:none;
	border-bottom:none;
	font-size:22px;
	color:#6e6c6b;
}