/* ##########################################################################
      BEGIN GLOBAL STYLES
   ########################################################################## */

*
	{
		-moz-box-sizing :					content-box;
		-webkit-box-sizing :				content-box;
		box-sizing :						content-box;
		margin :							0;
		border :							0;
		padding :							0;
		outline :							none;
		line-height :						inherit;
		color :								inherit;
		font-family :						inherit;
		font-size :							100%;
		vertical-align :					baseline;
		letter-spacing :					0.5px;
		word-spacing :						1px;
	}

body
	{
		padding :							0 0 20px 0;
		overflow-y :						auto;
		background-color :					#426d81;
		color :								#8b8549;
		line-height :						1.7em;
		font-size :							1em;
		font-family :						"EBGaramond", "Palatino Linotype", Palatino, "Book Antiqua", "Times New Roman", Times, serif, Arial;
		font-weight :						400;
	}

a:link
	{
		color :								inherit;
	}
/*
a:visited
	{
		color :								#8b8549;
	} */

a:hover
	{
		text-decoration :					none;
	}

a:active
	{
		text-decoration :					none;
	}


table
	{
		table-layout :						auto;	/* More acurate than "fixed". */
		border-collapse :					collapse;
		border-spacing :					0;
	}

caption, th, td
	{
		text-align :						left;
		font-weight :						400;
	}

blockquote:before,
blockquote:after,
q:before,
q:after
	{
		content :							"";
	}

blockquote,
q
	{
		quotes :							"" "";
	}




div
	{
		overflow-y :						auto;			/* Makes sure all DIVs enclose margins of elements they contain, and any floated elements. */
	}

/* Note: Max image width in this layout is 532px. */
img
	{
		display :							block;
		margin :							0 auto;
/*		-moz-border-radius :				10px;
		-webkit-border-radius : 			10px;
		border-radius :						10px; */
	}

/* Remember to set no margins text elements (elements inside of "pretty" borders), since margins will mess up the borders. Use padding instead. */
p
	{
		text-align :						left;
		padding-bottom :					32px;
	}

h1, h2, h3, h4, h5, h6
	{
		font-weight :						normal;
	}

table h1,
table h2,
table h3,
table h4,
table h5,
table h6
	{
		padding :							0;
		text-align :						left;
	}

h1,
h2,
.main-header-cell
	{
		text-align :						center;
	}

h1,
.main-header-cell
	{
		font-size :							1.9em;
	}

h1
	{
		padding-top :						50px;
		padding-bottom :					80px;
	}

.main-header-cell
	{
		padding-top :						46px;	/* 45px instead of 50px because 1px table border is subtracted and. */
		padding-bottom :					29px;	/* 29px instead of 80px because 1px table border and 50px spacer cell are subtracted. */
	}

h2
	{
		font-size :							1.4em;
		padding-bottom :					60px;
		line-height :						1.7em;
	}

h3
	{
		font-size :							1.2em;
		padding-bottom :					10px;
		font-weight :						bold;
	}

h4
	{
		font-size :							1.1em;
		padding-bottom :					10px;
	}

h5
	{
		font-size :							1.0em;
		padding-bottom :					10px;
	}

h6
	{
		font-size :							1.0em;
		padding-bottom :					10px;
	}

hr
	{
		display :							none;
	}




/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Main Container */

div#main-container
	{
		margin :							0 auto;
		width :								960px;
		background-attachment :				scroll;
		background-image :					url(../images/backgrounds/main-photo.jpg);
		background-repeat :					no-repeat;
		background-position :				0 0;
	}





/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Header */

div#main-header,
div#main-header a
	{
		height :							86px;
		width :								100%;
		background-attachment :				scroll;
		background-image :					url(../images/headings/title-text.png);
		background-repeat :					repeat-x;
		background-position :				0 0;
	}

div#main-header
	{
		margin :							30px 0 0 0;
		background-image :					url(../images/backgrounds/title-back.png);
	}

div#main-header a
	{
		background-image :					url(../images/headings/title-text.png);
	}


div#main-header a
	{
		display :							block;
		background-attachment :				scroll;
		background-repeat :					no-repeat;
		background-position :				0 0;
	}

div#main-header a
	{
		margin :							25px 32px 0 0;
		height :							35px;
		width :								327px;
		float :								right;
		background-image :					url(../images/headings/addressphone-text.png);
	}

div#main-header a:first-child
	{
		margin :							23px 0 0 32px;
		height :							46px;
		width :								472px;
		float :								left;
		background-image :					url(../images/headings/title-text.png);
	}

div#main-header a h1,
div#main-header a h2
	{
		display :							none;
	}





/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Content */

div#left-column-nav,
div#left-column-weather,
div#right-column-content
	{
		height :							auto;
		/*		background-color : green;*/
	}


div#main-body
	{
		/*		background-color : yellow;*/
	}



div#left-column-nav,
div#left-column-weather,
div#left-column-map
	{
		margin :							30px 0 0 30px;	/* Controls space between (the "pretty" borders of) content boxes. */
		width :								230px;	/* For IE8 and FF Windows. */
		float :								left;
	}

div#right-column-content
	{
		margin :							300px 30px 0 0;	/* Controls space between (the "pretty" borders of) content boxes. */
		float :								right;
	}

div#right-column-content div.content img.right
	{
		float :								right;
		margin :							.7em 0 .7em .7em;
		border-color :						#d5dee6;
		border-width :						6px;
		border-style :						solid;
		padding :							3px;
/*		background-color :					white; */
	}








div#right-column-content.information-considerations hr
	{
		display :							block;
		margin :							50px auto;
		width :								80%;
		height :							1px;
		background-color :					#8b8549;
	}






/* Note: Max image width in this layout is 532px. */
div#right-column-content.facilities img,
div#right-column-content.maps img
	{
		margin-bottom :						32px;
		border-color :						#d5dee6;
		border-width :						6px;
		border-style :						solid;
		padding :							3px;
	}






/* Note: Max image width in this layout is 532px.
Sets specific image sizes to speed browser rendering. */
div#right-column-content.facilities img
	{
		width :								500px;
		height :							375px;
	}








/* Note: Max image width in this layout is 532px.
Sets specific image sizes to speed browser rendering. */
div#right-column-content.maps img
	{
		width :								532px;
		height :							1267px;
	}

/* Note: Max image width in this layout is 532px.
Sets specific image sizes to speed browser rendering. */
div#right-column-content.maps a img
	{
		width :								532px;
		height :							364px;
	}






/*
div#right-column-content.contact-page hr
	{
		display :							block;
		margin :							0 auto;
		width :								80%;
		height :							1px;
		background-color :					#8b8549;
	}
*/







/* ##########################################################################
      CONTENT BORDER STYLES AND DEFAULTS
   ########################################################################## */

/* Makes sure the global "overflow : auto" on DIVs doesn't mess up the content borders. */
div.dialog,
div.dialog div
	{
		overflow :							visible;
	}

.dialog,
.dialog .top-to-right-border,
.dialog .bottom-to-bottom-right-border,
.dialog .bottom-left-corner
	{
		position :							relative;
	}

/* Contains all the border DIV elements, and is visible behind all of them except the top-right corner, left border, and bottom-left corner (all three of which are visible through/behind the left margin of this DIV and have "margin-left : -13px" ). */
div.dialog
	{
		min-width :							20px;
		max-width :							700px; /* Default, changed by later styles. Based on image dimensions - not quite consistent with drip styles yet */
		z-index :							1;
		margin-left :						13px; /* Width of left border (top-left corner, left border, and bottom-left corner). Set this to the width of left border area in the background image you are using. This must be set to the width of the left side border, or the entire left side (top-left corner, left border, and bottom-left corner) will be hidden by it. */
/*		background-color :					brown;*/
	}

/* Sets all four DIV sections to the same background image (part of the magic that makes this work), and makes sure their backgrounds are transparent first. */
.dialog .top-to-right-border,
.dialog .left-to-top-left-border,
.dialog .bottom-to-bottom-right-border,
.dialog .bottom-left-corner
	{
		background :						transparent url(../images/backgrounds/nav-back.png) no-repeat top right;
	}

/* Top border, top-right corner, right border, and content area. */
.dialog .top-to-right-border
	{
		padding :							13px 13px 0 0;	/* Sets the correct content box by excluding the top and right pseudo-border area from content. Set this to the same width as the border area of the image you're using for your borders. */
		zoom :								1;
/*		background-color :					blue;	*/
	}

/* Left border and top-left (but not bottom left) corner. */
.dialog .left-to-top-left-border
	{
		position :							absolute;
		left :								0px;
		top :								0px;
		width :								13px; /* top slice width */
		margin-left :						-13px;
		height :							100%;
		background-position :				top left;
/*		background-color :					green;	*/
	}

/* Bottom border and bottom right (but not bottom left) corner. */
.dialog .bottom-to-bottom-right-border
	{
		width :								100%;
/*		background-color :					orange;	*/
	}

/* Height of the bottom border/shade (bottom-left corner, bottom border, bottom-right corner). */
.dialog .bottom-to-bottom-right-border,
.dialog .bottom-left-corner
	{
		height :							13px;
	}

/* Sets background position of the bottom to bottom-right border. */
.dialog .bottom-to-bottom-right-border
	{
		background-position :				bottom right;
	}

/* Sets background position and attributes of the bottom-left corner only. */
.dialog .bottom-left-corner
	{
		width :								13px; /* Bottom left corner width. */
		margin-left :						-13px;
		background-position :				bottom left;
/*		background-color :					yellow;	*/
	}

.dialog .wrapper
	{
		/* extra content protector - preventing vertical overflow (past background) */
		position :							static;
		max-height :						5500px;	/* The background graphic is 5526px tall (5500 + 13 + 13). */
		overflow :							auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
	}











/* ##########################################################################
      NAV GLOBAL STYLES
   ########################################################################## */

div#left-column-nav .dialog
	{
		max-width :							230px; /* Based on image dimensions. - not quite consistent with drip styles yet.  Note, the total width will be this number plus the ".bottom-to-bottom-right-border" negative margin (e.g. 230px plus 13px = 243px). */
/*		margin-left :						0;  Default, width of left corner. Set to "0" for "Nav" box to hide left border. */
	}

div#left-column-nav .dialog ul
	{
		padding :							23px 0;
	}

div#left-column-nav .dialog li,
div#left-column-nav .dialog li a
	{
		display :							block;
	}

div#left-column-nav .dialog li a:hover
	{
		background-color :					#d5dee6;
		-webkit-transition :				background-color linear 0.30s;
/*		-o-transition :						background-color linear 0.30s;	Opera currently does transitions so differently (and more distractingly) than everyone else, that it looks better to just turn it off for that browser. */
		-moz-transition :					background-color linear 0.30s;
		transition :						background-color linear 0.30s;
	}

div#left-column-nav .dialog li
	{
		line-height :						35px;
		list-style-type :					none;
	}

div#left-column-nav .dialog li a
	{
/*		letter-spacing :					.5px;
		word-spacing :						3px; */
		text-decoration :					none;
		padding :							0 0 0 32px;
		color :								inherit;
	}

div#left-column-nav .dialog li a:visited
	{
		color :								inherit;
	}

div#left-column-nav .dialog li.active a
	{
		background-attachment :				scroll;
		background-image :					url(../images/backgrounds/selected.png);
		background-repeat :					no-repeat;
		background-position :				4px center;
	}







/* ##########################################################################
      MAP GLOBAL STYLES
   ########################################################################## */

div#left-column-map .dialog
	{
		max-width :							230px; /* Based on image dimensions. - not quite consistent with drip styles yet.  Note, the total width will be this number plus the ".bottom-to-bottom-right-border" negative margin (e.g. 230px plus 13px = 243px). */
/*		margin-left :						0;  Default, width of left corner. Set to "0" for "Nav" box to hide left border. */
	}

/* Sets the "content" DIV to a specific width and height, so that the content box will not
collapse, and so that the absolutely positioned elements inside it will have positional context. */
div#left-column-map .dialog .content
	{
		width :								204px;
		height :							280px;
	}

/* Sets the initial properties of the static and dynamic map images. */
div#left-column-map .dialog .content img
	{
		position :							absolute;
		visibility :						visible;
		width :								204px;
		height :							280px;
		z-index :							2;
	}

div#left-column-map .dialog .content iframe
	{
		position :							absolute;
		visibility :						hidden;
		width :								204px;
		height :							280px;
		z-index :							1;
	}

/* When the user hovers over the "content" DIV that holds the map,
hide the static map image and show the dynamic map image. */
div#left-column-map .dialog .content:hover img
	{
		visibility :						hidden;
		z-index :							1;
	}

div#left-column-map .dialog .content:hover iframe
	{
		visibility :						visible;
		z-index :							2;
	}









/* ##########################################################################
      GENERAL CONTENT GLOBAL STYLES
   ########################################################################## */

div#right-column-content .dialog
	{
		max-width :							627px; /* Based on image dimensions. - not quite consistent with drip styles yet.  Note, the total width will be this number plus the ".bottom-to-bottom-right-border" negative margin (e.g. 500px plus 13px = 513px). */
	}

div#right-column-content .dialog .content
	{
		padding :							32px 32px 0 32px;	/* Sets the top and side padding for all content. Set the space below P's and H1's etc. using their own respective bottom padding. */
/* background-color :					#cc00ff; */

	}

div#right-column-content .dialog .content p
	{
/* background-color :					#cc00cc; */
	}






/* ##########################################################################
      RATES AND FISHING REPORT GLOBAL STYLES
   ########################################################################## */

div#right-column-content.rates-table .dialog
	{
		width :								627px; /* Based on image dimensions. - not quite consistent with drip styles yet.  Note, the total width will be this number plus the ".bottom-to-bottom-right-border" negative margin (e.g. 500px plus 13px = 513px). */
	}

div#right-column-content.rates-table .dialog .content
	{
		padding :							31px;	/* 31px instead of 32px, since the table has an invisible 1px border from its "border-collapse : separate". */
/* background-color :					#cc00ff; */
	}






/* ##########################################################################
      ATTRACTIONS GLOBAL STYLES
   ########################################################################## */

div#right-column-content.attractions .dialog
	{
		width :							627px; /* Based on image dimensions. - not quite consistent with drip styles yet.  Note, the total width will be this number plus the ".bottom-to-bottom-right-border" negative margin (e.g. 500px plus 13px = 513px). */
	}

div#right-column-content.attractions .content
	{
		padding-bottom :				32px;
	}







/* ##########################################################################
      BEGIN EMBEDDED FONTS
   ########################################################################## */

/*
@font-face
	{
		font-family :				"Adobe Garamond Pro";
		font-style :				normal;
		font-weight :				normal;
		font-stretch :				normal;
		src :						url(../fonts/AGaramondPro-Regular.woff) format("woff");
	}

@font-face
	{
		font-family :				"Adobe Garamond Pro";
		font-style :				normal;
		font-weight :				bold;
		font-stretch :				normal;
		src :						url(../fonts/AGaramondPro-Bold.woff) format("woff");
	}

@font-face
	{
		font-family :				"Adobe Garamond Pro";
		font-style :				italic;
		font-weight :				normal;
		font-stretch :				normal;
		src :						url(../fonts/AGaramondPro-Italic.woff) format("woff");
	}

@font-face
	{
		font-family :				"Adobe Garamond Pro";
		font-style :				italic;
		font-weight :				bold;
		font-stretch :				normal;
		src :						url(../fonts/AGaramondPro-BoldItalic.woff) format("woff");
	}
*/


@font-face
	{
		font-family :						'EBGaramond';
/*		src :								url('../fonts/ebgaramond-webfont.eot');
		src :								url('../fonts/ebgaramond-webfont.eot?#iefix') format('embedded-opentype'),	*/
		src :									url('../fonts/ebgaramond-webfont.woff') format('woff');
/*												url('../fonts/ebgaramond-webfont.svgz#EBGaramondRegular') format('svg');	*/
		font-weight :						normal;
		font-style :						normal;
	}


@font-face
	{
		font-family :						'EBGaramondSC';
/*		src :								url('../fonts/ebgaramondsc-webfont.eot');
		src :								url('../fonts/ebgaramondsc-webfont.eot?#iefix') format('embedded-opentype'),	*/
		src :									url('../fonts/ebgaramondsc-webfont.woff') format('woff');
/*												url('../fonts/ebgaramondsc-webfont.svgz#EBGaramondSC') format('svg');		*/
		font-weight :						normal;
		font-style :						normal;
		font-variant :						small-caps;
}














/* ##########################################################################
      WEATHER
   ########################################################################## */

div#left-column-weather .dialog
	{
		width :								217px; /* Based on image dimensions. - not quite consistent with drip styles yet.  Note, the total width will be this number plus the ".bottom-to-bottom-right-border" negative margin (e.g. 230px plus 13px = 243px). */
	}

div#left-column-weather .dialog .content
	{
		background-attachment :				scroll;
		background-image :					url(../images/backgrounds/logo-weather-com-small.png);
		background-repeat :					no-repeat;
		background-position :				10px 10px;
/*background-color :					blue;*/
	}

/* Remove ugly background images, center the tables, and make them block-level. */
div#left-column-weather table
	{
		background :						none !important;
		margin :							0 auto !important;
		border :							0 !important;
		padding :							0 !important;
		background-color :					transparent !important;
		display :							block !important;
	}

/* Normalize dimensions of all TABLEs and TDs. */
div#left-column-weather table,
div#left-column-weather td
	{
		width :								204px !important;
		height :							auto !important;
	}

/* Remove ugly stuff. */
div#left-column-weather table[width="270"] table[width="270"] tbody tr:first-child,
div#left-column-weather td.GENXHvertLinks,
div#left-column-weather td img[src="http://image.weather.com/web/blank.gif"],
div#left-column-weather td img[src="http://image.weather.com/web/common/blank.gif"],
div#left-column-weather td[colspan="2"],
div#left-column-weather td[colspan="3"],
div#left-column-weather table.GENXHnavOut td,
div#left-column-weather table[width="160"]
	{
		display :							none !important;
	}

/* Make things visible that we want to keep. */
div#left-column-weather table[width="270"],
div#left-column-weather div.GENXHwxNewStyle,
div#left-column-weather table.GENXHnavOut,						/* Makes this one "width=160" TABLE visible again. */
/*div#left-column-weather table.GENXHnavOut td[width="45"],		 Makes weather image icon TD visible again. */
div#left-column-weather table.GENXHnavOut td[width="115"],		/* Makes temparature and weather description TD visible again. */
div#left-column-weather table.GENXHnavOut td.GENXHobsWx			/* Makes "Feels Like", humidity, and windspeed text TD visible again. */
/* div#left-column-weather td[valign="MIDDLE"] */
	{
		display :							block !important;
		width :								204px !important;
		cursor :							pointer !important;
		margin :							0 auto;
	}

/* Now that all visible TABLEs and TDs have been made block-level, make them all the same dimensions. */
div#left-column-weather table
	{
		width :								205px !important;
		height :							165px !important;
/*		background-color :					#ffff00 !important; */
		margin :							0 auto;
	}
/*
div#left-column-weather table.GENXHnavOut td[width="45"]
	{
		padding-top :						10px !important;
		background-color :					#ffff00 !important;
	}*/

div#left-column-weather table.GENXHnavOut td[width="115"]
	{
		padding :							20px 0 15px 0 !important;
		line-height :						1.6em;
/*		background-color :					#ff0000 !important;*/
	}

div#left-column-weather table td,
div#left-column-weather table td a
	{
		text-align :						center !important;
		color :								inherit !important;
		font-family :						inherit !important;
	}

/* Override generated stylesheet to remove line-height of invisible links.
This removes some space between the conditions text and the lower text. */
div#left-column-weather div.GENXHwxNewStyle td,
div#left-column-weather div.GENXHwxNewStyle td font
	{
		color :								inherit !important;
		font-family :						inherit !important;
		font-size :							inherit !important;
	}

div#left-column-weather div.GENXHwxNewStyle td font.GENXHobs1
	{
		font-weight :						bold !important;
		font-size :							1.4em !important;
	}

div#left-column-weather div.GENXHwxNewStyle td font.GENXHobs2,
div#left-column-weather div.GENXHwxNewStyle td.GENXHobsWx
	{
		font-weight :						normal !important;
		line-height :						1.4em;
/*		background-color :					#ffff00 !important; */
	}

div#left-column-weather div.GENXHwxNewStyle td font.GENXHobs2
	{
		font-size :							14px !important;
	}

div#left-column-weather div.GENXHwxNewStyle td.GENXHobsWx
	{
		font-size :							12px !important;
	}

div#left-column-weather div.GENXHwxNewStyle td.GENXHobsWx b
	{
		font-weight :						normal !important;
	}







/* ##########################################################################
      BEGIN FOOTER STYLES
   ########################################################################## */


div#main-footer
	{
		margin-top :			80px;
		border-color :			#9eb7c1;
		border-width :			1px 0 0 0;
		border-style :			solid;
		padding :				8px 0 0 0;
		width :					960px;
		float :					right;
		clear :					both;				/* Keeps "nav" and "text" floats above "main-footer." if not floated. */
/* background-color : green; */
	}

div#main-footer p
	{
		margin :				0;
		padding :				0;
		color :					#c2ba7b;
		font-family :			Arial, Helvetica;
		font-weight :			500;
		font-size :				11px;
		line-height :			15px;
		letter-spacing :		0;
		word-spacing :			0;
	}

div#main-footer p.left
	{
		float :					left;
		padding-left :			32px;
		visibility :			hidden;	/* Remove this once they have a privacy statement. */
	}

div#main-footer p.right
	{
		float :					right;
		padding-right :			32px;
		text-align :			right;
	}


/* Link Styles
div#main-footer a:link,
div#main-footer a:visited
	{
		color :					#fcd776;
	}
*/
div#main-footer a:hover
	{
		text-decoration :		none;
	}



















/* ##########################################################################
      RATES AND FISHING REPORT
   ########################################################################## */

div#right-column-content.rates-table .fishingReportTableStyle,
div#right-column-content.rates-table .ratesTableStyle
	{
		width :								552px;
		background-color :					transparent;
		border-collapse :					separate;
		border-spacing :					1px;
		margin :							0 auto;
		line-height :						1;
	}

div#right-column-content.rates-table .main-header-cell
	{
/*		See global styles on lines 103-126.	*/
	}

div#right-column-content.rates-table .fishingReportTableStyle td,
div#right-column-content.rates-table .ratesTableStyle td
	{
		vertical-align :					middle;
	}

div#right-column-content.rates-table .spacerCell,
div#right-column-content.rates-table .ratesSpacerCell
	{
		height :							50px;
		background-color :					transparent;
	}

div#right-column-content.rates-table li
	{
		margin :							.25em;
	}

div#right-column-content.rates-table td h1
	{
		font-size :							1.1em;
		font-weight :						bold;
	}

div#right-column-content.rates-table .ratesHeaderCell,
div#right-column-content.rates-table .fishing-header-cell
	{
		width :								auto;
		height :							auto;
		background-color :					transparent;
		border :							0 none;
		padding :							2px;
		font-size :							22px;
		line-height :						2em;
		font-weight :						normal;
		text-align :						center;
		vertical-align :					middle;
	}

div#right-column-content.rates-table .fishingReportNotesCell,
div#right-column-content.rates-table .ratesNotesCell
	{
		height :							auto;
		background-color :					#d5dee6;
		padding :							30px 40px;
		line-height :						1.4em;
		font-weight :						normal;
		text-align :						left;
		vertical-align :					middle;
	}

div#right-column-content.rates-table .ratesNotesCell li
	{
		margin :							20px 0;
	}

div#right-column-content.rates-table .itemHeaderCell,
div#right-column-content.rates-table .numberHeaderCell,
div#right-column-content.rates-table .peopleHeaderCell,
div#right-column-content.rates-table .timeHeaderCell,
div#right-column-content.rates-table .amount-header-cell,
div#right-column-content.rates-table .priceHeaderCell
	{
		height :							auto;
		background-color :					#cbcede;
		padding :							8px 8px 8px 15px;
		font-size :							15px;
		line-height :						1em;
		font-weight :						bold;
		text-align :						center;
		vertical-align :					middle;
	}

div#right-column-content.rates-table .itemHeaderCell
	{
		width :								40%;
	}

div#right-column-content.rates-table .numberHeaderCell,
div#right-column-content.rates-table .peopleHeaderCell,
div#right-column-content.rates-table .timeHeaderCell,
div#right-column-content.rates-table .amount-header-cell,
div#right-column-content.rates-table .priceHeaderCell
	{
		width :								20%;
	}

div#right-column-content.rates-table .data
	{
		padding :							8px 8px 8px 15px;
		background-color :					#d5dee6;
/*		font-family :						Arial, Verdana, sans-serif;	*/
		font-size :							14px;
		line-height :						1em;
		font-weight :						normal;
		font-variant-numeric :				lining-nums;
	}








/* ##########################################################################
      CONTACT
   ########################################################################## */

div#right-column-content.contact div.contact-section
	{
		overflow :							auto;
		padding :							0;
	}

div#right-column-content.contact .floatLeft
	{
		float :								left;
	}

div#right-column-content.contact .floatRight
	{
		float :								right;
	}

div#right-column-content.contact .floatLeft,
div#right-column-content.contact .floatRight
	{
		width :								220px;
/*		background-color : #00fff0;*/
	}

div#right-column-content.contact .floatLeft h2,
div#right-column-content.contact .floatRight h2,
div#right-column-content.contact div.contact-section h2
	{
		text-align :						center;
		padding-bottom :					20px;
/*		background-color : #ffff00;*/

	}

div#right-column-content.contact div.contact-section
	{
/*		background-color : #00ff00;*/
	}

div#right-column-content.contact div.contact-section h2,
div#right-column-content.contact div.contact-section div.floatLeft h2,
div#right-column-content.contact div.contact-section div.floatRight h2
	{
/*		font-size :							2em;
		font-weight :						normal;
		margin-top :						20px;
		padding : 0;*/
	}
/*
div#right-column-content.contact div.contact-section div.floatLeft p,
div#right-column-content.contact div.contact-section div.floatRight p,
div#right-column-content.contact div.contact-section p
	{
		line-height :						1.4em;
	}
*/
div#right-column-content.contact div.contact-section div.floatLeft p,
div#right-column-content.contact div.contact-section div.floatRight p
	{

/*		background-color : #b0ff00;*/
	}

div#right-column-content.contact div.contact-section p
	{
		padding-bottom :					62px;
/*		padding-left :						30px;
		padding-right :						30px;

		background-color : #bbff00;*/
	}

div#right-column-content.contact hr.contact-hr
	{
		display :							none;
/*		margin :							0 auto 10px auto;
		border-style :						solid;
		border-width :						1px 0;
		border-color :						#00345d  #00345d  #6183a3 #00345d;
		height :							0;
		width :								95%; */
	}


/*  ============================================== Contact Form ===============================================  */
/* To make sure the form is placed correctly with the other floated
elements and to make sure it is full width so that the elements
inside it don't get pushed to the left in IE7. */

div#right-column-content.contact form
	{
		width :						100%;
		margin-bottom :				32px;
	}

div#right-column-content.contact form,
div#right-column-content.contact legend,
div#right-column-content.contact label,
div#right-column-content.contact input,
div#right-column-content.contact textarea
	{
		vertical-align :			middle;
		font-size :					17px;
		line-height :				20px;
		background-color :          transparent;
	}

div#right-column-content.contact #form-box,
div#right-column-content.contact form,
div#right-column-content.contact legend,
div#right-column-content.contact label,
div#right-column-content.contact input,
div#right-column-content.contact textarea
	{
/*		-moz-border-radius :		5px;
		-webkit-border-radius : 	5px;
		border-radius :				5px; */
	}
/*
div#right-column-content.contact legend
	{
		padding :					0 2px 0 2px;
		font-size :					12px;
	}
*/
div#right-column-content.contact fieldset
	{
/*		margin :					0;
		padding :					0;
		border :					1px black solid; */
	}

div#right-column-content.contact form div
	{
		overflow :					auto;
		padding :					20px 20px 4px 20px;	/* 4px matches the shadow thickness. */
/*		background-color :          #cccccc;
		margin : 1px;*/
	}

div#right-column-content.contact label
	{
		width :						30%;
		font-weight :				600;
		float :						left;
		clear :						left;
		text-align :				right;
/*		background-color :          #ffccC8;*/
	}

div#right-column-content.contact label,
div#right-column-content.contact input,
div#right-column-content.contact textarea
	{
		padding :					5px 6px;
		margin :					0 auto;
	}

div#right-column-content.contact .formField
	{
		width :						60%;
		font-weight :				400;
		background-color :			#ffffff;
		float :						right;
	}

div#right-column-content.contact .formField:focus
	{
		-moz-box-shadow :			0px 0px 4px 0 #d6ebf0;
		-webkit-box-shadow :		0px 0px 4px 0 #d6ebf0;
		box-shadow :				0px 0px 4px 0 #d6ebf0;
	/*	background-color :			#f2fbff;
		-moz-box-shadow :			0px 0px 5px 0 #98d5ff;
		-webkit-box-shadow :		0px 0px 5px 0 #98d5ff;
		box-shadow :				0px 0px 5px 0 #98d5ff;*/
	}

div#right-column-content.contact #formMessageField
	{
		height :					60px;
	}

div#right-column-content.contact .formButton
	{
		margin-top :				10px;
		width :						46%;
		cursor :					pointer;
		font-weight :				600;
		font-size :					18px;
		background-color :			#ffffff;
	}

div#right-column-content.contact .formButton,
div#right-column-content.contact .formField
	{
		-moz-box-shadow :			0px 0px 4px 0 #afafaf;
		-webkit-box-shadow :		0px 0px 4px 0 #afafaf;
		box-shadow :				0px 0px 4px 0 #afafaf;
	}

div#right-column-content.contact .formButton:hover
	{
		text-decoration :			none;
		-moz-box-shadow :			0px 0px 4px 0 #d6ebf0;
		-webkit-box-shadow :		0px 0px 4px 0 #d6ebf0;
		box-shadow :				0px 0px 4px 0 #d6ebf0;
	}

div#right-column-content.contact #formSubmitButton
	{
		float :						left;
	}

div#right-column-content.contact #formResetButton
	{
		float :						right;
	}

div#right-column-content.contact #contactForm div.bdef
	{
		display :					none;
	}




/*  ============================================ Message Submitted ============================================  */

div#right-column-content.submitted div.message-submitted
	{
		text-align :				left;
		padding :					20px;
/*		background-color :			#EDEDC8; */
	}

div#right-column-content.submitted div.message-submitted h1,
div#right-column-content.submitted div.message-submitted h2,
div#right-column-content.submitted div.message-submitted p
	{
		margin :					0;
		padding :					1em 20px;
		text-align :				left;
	}

div#right-column-content.submitted div.message-submitted h1
	{
		font-size :					1.5em;
		text-align :				center;
	}

div#right-column-content.submitted div.message-submitted h1.success
	{
		color :						#ffffff !important;
		background-color :			#3dcb4a;
	}

div#right-column-content.submitted div.message-submitted h1.error
	{
		color :						#ffffff !important;
		background-color :			#cb3d3d;
	}

div#right-column-content.submitted div.message-submitted h2
	{
		font-size :					1.2em;
		font-weight :				bold;
		line-height :				150%;
	}

div#right-column-content.submitted div.message-submitted p
	{
/*		color :						#ffffff !important;
		background-color :			#cb3d3d; */
		font-size :					1.1em;
		line-height :				1.6em;
	}

div#right-column-content.submitted div.message-submitted p br
	{
		margin-bottom :			20px;
	}








/* ##########################################################################
      ATTRACTIONS
   ########################################################################## */

div#right-column-content.attractions a
	{
		line-height :						30px;
	}

div#right-column-content.attractions p
	{
/*		font-size :							1.2em; */
		padding-bottom :					50px;
	}

div#right-column-content.attractions a:visited
	{
		color :								#92aab4;
	}