html,body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	background-color: #8DC4FC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color:#0e4683;
}

img { display: block; } /* necessary with strict doctype to avoid a little extra space below imgs in Firefox */

.anchor { position: relative; width: 0px; height: 0px;}
.error { color: red; }

a:link {text-decoration: none; color:#0d6434;}
a:visited {text-decoration: none; color:#089748;}
a:hover {text-decoration: underline; color:#0d6434;}
a:active {text-decoration: none; color:#089748;}

h1, .header1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color:#0d6434;
	font-weight:bold;
	margin: 0px; padding: 0px;
}

h2, .header2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#7f9b6a;
	font-weight:bold; 
	margin: 0px; padding: 0px;
}

h3, .header3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#0e4683;
	font-weight:bold; 
	margin: 0px; padding: 0px;
}


.outerShell {
	width: 923px; 
	margin-left: auto; margin-right: auto; 
}

.mainBox {
	margin-left: auto; margin-right: auto; 
	padding: 0px 16px 0px 16px;
	background: #D2DFF0 url(../images/background.gif) top center repeat-y;
}
.mainBoxEnd {
	height: 20px;
	margin-left: auto; margin-right: auto; 
	background: #D2DFF0 url(../images/background-footer.gif) top center no-repeat;
}

/********** Home **************/
.homeContent {
	width: 891px; height: 689px;
	background: url(../images/home/background.jpg) top center no-repeat;
	text-align: left;
	color: black;
}
.homeNav {
	position: absolute; top: 46px; left: 222px;
	width: 681px; height: 28px;
}
.homeText {
	position: absolute; top: 145px; left: 80px;
	font-size: 11px;
	width: 225px;
	text-align: justify;
	padding: 10px;
}
.photoEdge {
	position: absolute; top: 369px; left: -28px;
	
}

/************ River Update Box (Home Page) ************/
.riverUpdateContent {
	padding: 0px;
	margin: 0xp;
	width: 225px;
	background-color: #eeba29;
	border: 1px solid black;
	font-size: 11px;
	text-align: justify;
	padding: 5px;
}
.riverUpdateContainer {
	position: absolute; top: 451px; left: 66px;
	z-index: 10;
}

.riverUpdateContainer .topLeft {
	background: url(../images/home/river_update/tl.png) top left no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/home/river_update/tl.png',sizingMethod='crop');
	_background-repeat: none;
	font-size: 0px;
	width: 20px;
	height: 21px;
}
.riverUpdateContainer .topRight {
	background: url(../images/home/river_update/tr.png) top left no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/home/river_update/tr.png',sizingMethod='crop');
	_background-repeat: none;
	font-size: 0px;
	width: 20px;
	height: 21px;
}
.riverUpdateContainer .bottomLeft {
	background: url(../images/home/river_update/bl.png) top left no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/home/river_update/bl.png',sizingMethod='crop');
	_background-repeat: none;
	font-size: 0px;
	width: 20px;
	height: 21px;
}
.riverUpdateContainer .bottomRight {
	background: url(../images/home/river_update/br.png) top left no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/home/river_update/br.png',sizingMethod='crop');
	_background-repeat: none;
	font-size: 0px;
	width: 20px;
	height: 21px;
}
.riverUpdateContainer .top{
	background: url(../images/home/river_update/t.png) top left repeat-x;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/home/river_update/t.png',sizingMethod='scale');
	_background-repeat: repeat-x;
	font-size: 0px;
	height: 21px;
}
.riverUpdateContainer .bottom{
	background: url(../images/home/river_update/b.png) top left repeat-x;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/home/river_update/b.png',sizingMethod='scale');
	_background-repeat: repeat-x;
	font-size: 0px;
	height: 21px;
}
.riverUpdateContainer .left {
	background: url(../images/home/river_update/l.png) top left repeat-y;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/home/river_update/l.png',sizingMethod='scale');
	_background-repeat: repeat-y;
	font-size: 0px;
	width: 20px;
}
.riverUpdateContainer .right {
	background: url(../images/home/river_update/r.png) top left repeat-y;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/home/river_update/r.png',sizingMethod='scale');
	_background-repeat: repeat-y;
	font-size: 0px;
	width: 20px;
}


/************ Misc Content ************/
.mainContent {
	padding: 110px 25px 20px 30px;
	background: url(../images/content/background.jpg) bottom center no-repeat;
	
	zoom: 1;	/* I'm seeing some IE "peekaboo" bug nonsense, so hopefully this'll help */
}
.contentNavBackdrop {
	position: absolute; top: 30px; left: 16px;
	width: 890px; height: 28px;
	background: url(../images/content/nav_backdrop.gif) top left repeat-x;
}
.contentLogo {
	position: absolute; top: -30px; left: 0x;
	width: 132px; height: 80px;
	background: url(../images/content/logo.png) top left no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/content/logo.png',sizingMethod='scale');
	_background-repeat: no-repeat;
	cursor: pointer;
}
.contentNav {
	position: absolute; top: 0px; right: 0px;
	padding-top: 6px;
}

.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color:#0e4683;
}
.style1_bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color:#0e4683;
	font-weight:bold;
}

a:link img.clickable, a:visited img.clickable {
	border: 2px solid #0c6336;
}
a:hover img.clickable, a:active img.clickable, img.clickableHover {
	border: 2px solid #971e25;
}


.inset {
	width:212px;
	border:medium solid #394B55;
}

.inset_header {
	background-color: #537C38;
}

.inset_spacer {
	border-top: 2px solid #050c50;
	border-bottom: 2px solid #050c50;
	background-color:#4468BE;
	width: 212px;
	height: 1px;	
	font-size: 1px;
}
.inset_content {
	background-color:#B4D2F8;
}

/************ Sport / River ************/
p.river_content {
	clear:both;
	margin-bottom:10px;
}

.river_image {
	float:right; 
	margin:10px 0px 10px 10px;
}

div#update_box {
	float:right; 
	margin:10px 10px 10px 10px;
	width:212px;
	border: 2px solid #050c50;
	background-color:#B4D2F8;
}
div#update_spacer {
	border-top: 2px solid #050c50;
	border-bottom: 2px solid #050c50;
	background-color:#4468BE;
	width: 212px;
	height: 2px;
	/* this is fix for IE lameness - IE defaults the minimum height to the regular font size */
	font-size: 1px;
}
div#update_content {
	padding:5px 3px 5px 5px;
	background-color:#B4D2F8;
}
#update_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#B4D2F8;
	color:#0e4683;
	font-size:10px
}

/************ Planning ******************/
div#map_box {
	width:212px;
	border:medium solid #394B55;
}

div#map_header {
	background-color: #537C38;
}

div#map_spacer {
	border-top: 2px solid #050c50;
	border-bottom: 2px solid #050c50;
	background-color:#4468BE;
	width: 212px;
	height: 1px;	
	/* this is fix for IE lameness - IE defaults the minimum height to the regular font size */
	font-size: 1px;
}
div#map_content {
	/*padding: 4px 4px 5px 4px;*/
	background-color:#B4D2F8;
}

/************ Photo Gallery ******************/
.photoFrame {
	width: 611px; height: 402px;
	Xpadding: 20px;
	background: url(../images/content/gallery_large_background.png) top left no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/content/gallery_large_background.png',sizingMethod='scale');
	_background-repeat: no-repeat;
	
	zoom: 1; /* I'm not always seeing the large image in IE 6...with this help? */
}
.galleryContainer { padding: 5px; background-color: white; }
.galleryCell {
	padding: 15px;
}

.evenRow {
	background-color: white;
}
.oddRow {
	background-color: #d2dff0;
}
.galleryImage {
	display: inline;
}


.swapContainer {
	position: relative; top: 13px; left: -3px;
	width: 555px; height: 366px;
	cursor: pointer;
}
.swapDiv {
	position: absolute;
	overflow: hidden;
	width: 555px; height: 366px;
	/*
	width: 524px; height: 373px;
	*/
}

/************ Buttons ******************/
.submitButton {
	width: 84px; height: 17px;
	background: url(../images/content/buttons/submit.png) top left no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/content/buttons/submit.png',sizingMethod='scale');
	_background-repeat: no-repeat;
	cursor: pointer;
}
.submitButtonHover {
	width: 84px; height: 17px;
	background: url(../images/content/buttons/submit_on.png) top left no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/content/buttons/submit_on.png',sizingMethod='scale');
	_background-repeat: no-repeat;
	cursor: pointer;
}

.continueButton {
	width: 102px; height: 17px;
	background: url(../images/content/buttons/continue.png) top left no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/content/buttons/continue.png',sizingMethod='scale');
	_background-repeat: no-repeat;
	cursor: pointer;
}
.continueButtonHover {
	width: 102px; height: 17px;
	background: url(../images/content/buttons/continue_on.png) top left no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/content/buttons/continue_on.png',sizingMethod='scale');
	_background-repeat: no-repeat;
	cursor: pointer;
}

.backButton {
	width: 62px; height: 17px;
	background: url(../images/content/buttons/back.png) top left no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/content/buttons/back.png',sizingMethod='scale');
	_background-repeat: no-repeat;
	cursor: pointer;
}
.backButtonHover {
	width: 62px; height: 17px;
	background: url(../images/content/buttons/back_on.png) top left no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/content/buttons/back_on.png',sizingMethod='scale');
	_background-repeat: no-repeat;
	cursor: pointer;
}

/************ Contact Us******************/
.googleMap {
	width: 400px; height: 275px; 
	border: 1px solid #FFFFFF; 
	margin-top: 27px;
	
	position: absolute; left: -200px;	
}


/***************** Calendar Slip **********************/
.calendarDisplay {
	position: relative; 
	/*height: 210px;*/
	font-size: 11px;
	/*color: #F7E7A5;
	top: 100px;*/
}
.calendarDisplayTable {
	background-color: white; 
	border: 1px solid #084A8C; 
	position: relative; z-index: 10;	/* need this layering so we can slip an iframe underneath this for IE */
}
.calendarDisplayTable td { padding: 5px; }
.calendarDisplayTable .dateCell {
	background-color: white; 
	border: 1px solid white;
}
.calendarDisplayTable .dateCellHover {
	background-color: #5d8a4f; 
	border: 1px solid #327258;
	cursor: pointer;
	color: #EFBD31;
}
.calendarDisplayTable .monthYearDisplay {
	background: #638C54 url(../images/calendar/bar_repeater.jpg) top left repeat-x;
	font-weight: bold; 
	border-bottom: 1px solid #084A8C; 
	color: #EFBD31;
}
.calendarDisplayTable .daysHeaderDisplay { 
	/*
	background: #E7F1F2 url(../images/calendar/days_bar_repeater.jpg) top left repeat-x; 
	*/
	background-color: #B4D2F8;
	font-weight: bold; 
	border-bottom: 1px solid #4468BE;
}

.calendarDisplayTable td.dividerCell { padding: 0px; font-size: 1px; line-height: 1px; }
.calendarDisplayTable td.dividerCell .divider { width: 100%; height: 1px; border-bottom: 1px solid #E3E7E6; }
.calendarDisplayTable .slipClose, .calendarDisplayTable .slipCloseHover { margin-top: 0px; margin-right: 4px; }
.slipClose, .slipCloseHover {
	float: right;
	width: 15px; height: 15px;
	cursor: pointer;
}
.slipClose {
	background: url(../images/calendar/close.jpg) top left no-repeat;	
}
.slipCloseHover {
	background: url(../images/calendar/close_hover.jpg) top left no-repeat;
}

/**************** IFrame Blocker (for IE) ******************/
.iframeBlocker {
	width: 0px; height: 0px; 
	position: absolute; z-index: 1;
	margin: 0px; padding: 0px;
	border: none;
	filter: alpha(opacity='0'); 
}

/***************** Reservation **********************/
.reservationContainer {
	position: relative; z-index: 2;
	width: 550px;
	Xmargin-top: 20px;
	border: 1px solid #084A8C;
	background-color: white;
	Xmargin-left: auto;
	Xmargin-right: auto;
	overflow: hidden;

	Xheight: 500px;
}

.reservationScroller {
	position: relative;
	width: 2750px;
	height: 100%;
}

.reservationSection {
	position: absolute;
	width: 550px;
	padding-bottom: 40px;
}

/************ Footer ******************/
.footerNav {
	color: #0e4683;
	margin-top: 15px; 
}

.footerPhone {
	margin-top: 15px;
	color: #0e4683;
	font-weight: bold;
}

.footerNav a { padding-left: 5px; padding-right: 5px; }
.footerNav a:link {text-decoration: none; color:#0e4683;}
.footerNav a:visited {text-decoration: none; color:#0e4683;}
.footerNav a:hover {text-decoration: underline; color:#0e4683;}
.footerNav a:active {text-decoration: none; color:#0e4683;}

/**************** J-Tech Footer *********************/
.jtechFooter {
	width: 900px; 
	padding: 5px 0px;
	margin-left: auto; margin-right: auto;
	font-size: 11px;
	position: relative;
}
.jtechFooter .jtechLinkWrapper {
	position: absolute; right: 0px; top: 5px;	/* top: should match .jtechFooter's padding-top */
}
.jtechFooter a:link, .jtechFooter a:visited {
	/*color: #0e4683;*/
	text-decoration: none;
}
.jtechFooter a:hover, .jtechFooter a:active {
	/*color: #0e4683;*/
	text-decoration: underline;
}
.jtechCommentsContainer {
	display: none;
	position: absolute; top: -90px; right: 0px; 
}
.jtechComments {	
	width: 320px; 
	background-color: white; 
	padding: 5px; 
	text-align: justify;
	color: #2c2104;
}
.jtechComments .closeButton {
	float: right; 
	position: relative; top: -8px; left: 6px;
}
.jtechCommentsContainer .topLeft {
	background: url(../images/jtech_footer/tl.png) top left no-repeat;
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/jtech_footer/tl.png',sizingMethod='crop');
	width: 17px;
	height: 17px;
}
.jtechCommentsContainer .topRight {
	background: url(../images/jtech_footer/tr.png) top left no-repeat;
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/jtech_footer/tr.png',sizingMethod='crop');
	width: 17px;
	height: 17px;
}
.jtechCommentsContainer .bottomLeft {
	background: url(../images/jtech_footer/bl.png) top left no-repeat;
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/jtech_footer/bl.png',sizingMethod='crop');
	width: 17px;
	height: 17px;
}
.jtechCommentsContainer .bottomRight {
	background: url(../images/jtech_footer/br.png) top left no-repeat;
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/jtech_footer/br.png',sizingMethod='crop');
	width: 17px;
	height: 17px;
}
.jtechCommentsContainer .top {
	background: url(../images/jtech_footer/t.png) top left repeat-x;
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/jtech_footer/t.png',sizingMethod='scale');
	height: 17px;
}
.jtechCommentsContainer .bottom {
	background: url(../images/jtech_footer/b.png) top left repeat-x;
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/jtech_footer/b.png',sizingMethod='scale');
	height: 17px;
}
.jtechCommentsContainer .left {
	background: url(../images/jtech_footer/l.png) top right repeat-y;
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/jtech_footer/l.png',sizingMethod='scale');
	width: 17px;
}
.jtechCommentsContainer .right {
	background: url(../images/jtech_footer/r.png) top left repeat-y;
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/jtech_footer/r.png',sizingMethod='scale');
	width: 17px;
}