/* CSS Document for Kokopelli KAYAK Site*/
body {
	background-color: #BAD6FF;
	background-color: #003;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: center;
	}
h1 {
	background-color: transparent;
	color: #000099;
	font-family: Geneva, Arial, Helvetica, san-serif;
	font-size: 135%;
	}
h2, h3 {
	background-color: transparent;
	color: #0000FF;
	font-family: Geneva, Arial, Helvetica, san-serif;
	}
h2 {
	font-size: 120%;
	}
h3 {
	font-size: 110%;
	}
table {
	text-align:center;
	}


/* CLASSES___________ */
.bodynav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	XXXfont-size: 10px;
	font-size: 100%;
	color: #BAD6FF;
	font-weight: bold;
	line-height: 100%;
}
a.bodynav {
	text-decoration: none;
}
h3.bodynav {
	margin: -0px 0px -0px 0px;
	font-size: 80%;
}
.contact {
	font-family: Geneva, Arial, Helvetica, san-serif;
	font-size: 12px;
	line-height: 130%;
	font-weight: bolder;
	color: #FFFFFF;
	text-align: center;
}
.cSideBarR_stdSoft {
	float:right;
	width:280px;
	clear:right;
	background: transparent;
	margin:0px 0px 10px 10px;
	padding: 10px;
	text-align: right;
	}
// ##### !! KLUDGE FIX-- MAKE THIS BE TEMPORARY! .csbR_Mid IS THE WRAPPER FOR THE BLURB IN THE NEWER STYLE OF KRG. BLURB CODE (showBlurb function) CREATES FOR BOTH SITES. As the the content area of Kayak site has not been widened the regular .csbR_Mid style breaks the layout.
.csbR_Mid {
	float:right;
	width:100px;	//temp width for debug.
	clear:right;
	background: transparent;
	margin:0px 0px 10px 10px;
	padding: 10px;
	text-align: right;
	}

//#blurb_image{width: 250px;};	//Kayak site width
.cSideBarR_stdSoft #blurb_image{width: 50px;};	//Kayak site width

.cSideBarL_stdSoft {
	float:left;
	width:280px;
	clear:left;
	background: transparent;
	margin:0px 0px 10px 10px;
	padding: 10px;
	text-align: left;
	}
.cSideBarR_narrowSoft {
	float:right;
	width:175px;
	clear:right;
	background: transparent;
	margin:0px 0px 10px 10px;
	padding: 10px;
	text-align: right;
	}
.cSideBarR_stdDistinct {
	border: 1px solid #00C;
	float:right;
	width:280px;
	clear:right;
	background:#BAD6FF;
	margin:0px 0px 10px 10px;
	padding: 10px;
	text-align: right;
	}
.cSideBarR_narrowDistinct {
	border: 1px solid #00C;
	float:right;
	width:175px;
	clear:right;
	background:#BAD6FF;
	margin:0px 0px 10px 10px;
	padding: 10px;
	text-align: right;
	}
.navBarMainImgWrapper {
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	width:inherit;
	}
.navBarMainSubMenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #CCCCCC;
	background-color: #0033CC;
	line-height: 1.5em;
	position: absolute;
	visibility: hidden;
	z-index: 1;
}
div.navBarMainSubMenu {
	width:210px;
	}
.navBarMainSubMenu div {
	background-color:transparent;
	color:white;
	width:100%;
	padding-left: 1ex;
	}
.navBarMainSubMenu div a {
	background-color:transparent;
	XXXcolor:white;
	}
.navBarMainSubMenu {
	width:210px;
	list-style-type: none;
	}
ul.navBarMainSubMenu li {
	background-color: green;
	float: left;
	Xlist-style-type: none;
	Xlist-style-position: outside;
	list-style: none outside none;
	margin-left: 0;
	padding: 0;
	}

.popupmenu-kayak {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #CCCCCC;
	background-color: #0033CC;
	position: absolute;
	visibility: hidden;
	z-index: 1;
}
.submenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #CCCCCC;
	background-color: #0033CC;
	text-decoration: none;
}
div a.submenu:hover {
	background-color: #000099;
	color: white;
}
.popupmenu-river-guides { /* deprecated CN */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #CCCCCC;
	background-color: #0033CC;
	text-decoration: none;
}
div a.popupmenu-river-guides:hover { /* deprecated CN */
	background-color: #000099;
	color: white;
}
.sectionHeadWrapper {
	background-color: #4C80CE;
}
.sidenav .sectionHeadWrapper h2, 
	.sidenav .sectionHeadWrapper h4 {
	margin: 0.1em auto; 
	text-align:center; 
	color: #D6E6FE;
	background-color: #003399;
	border-top: 1px solid #000066;
	border-bottom: 1px solid #000066;
}

/* IDs_______________ */
#mainTable {
	border: 1px solid #374D98;
	width: 778px;
	}
#sidebarLeftCell {
	XXXbackground:#06F url(images/sidebarleft-kokopelli-logo.dith80.gif) top right no-repeat;
	background-color:#06F;
	color: #BAD6FF;
	vertical-align:top;
	XXXpadding-right: 1em;
}
#sidebarLeftCell a {
	background-color: transparent;
	color: #BAD6FF;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 1.5em;
}
#sidebarLeftCell a:hover {
	background-color: transparent;
	color: #FFF;
	font-weight: bold;
	text-decoration: underline;
}
#sidebarLeftTop {
	XXXbackground:#06F url(images/sidebarleft-kokopelli-logo.dith80.gif) right no-repeat;
	}
#sidebarLeftTopText {
	background-color: transparent;
	color: white;
	margin-top: 10px;
	}
#sidebarLeftMain {
	color: #BAD6FF;
	text-align:center;
	margin-top: 1em;
	}
#sidebarLeftMain a {
	background-color: transparent;
	color: #BAD6FF;
}
#sidebarLeftMain div {
	margin-top: .5em;
	}
#sidebarLeftToHeaderBorder {
	background: #314790  url(images/sidebarleft-rightEdgeCurve.gif) left top no-repeat;
	width: 20px;
	}
/* #sidebarLeftToContentBorder {
	background: transparent url(images/sidebarleft-rightEdgeCurve.gif) left top repeat-y;
	width: 20px;
	} */
#headerCell {
/*	background: #314790 url(images/water-bg-rough.jpg);*/
	background-color: #314790;
	text-align:center;
	}
#navBarMain h3 {
	margin: -0px 0px -0px 0px;
	text-align:center;
	}
#contentCell {
	background: white url(images/blackToTrans-horz-gradient.gif) left repeat-y;
	padding: 1em;
	}
#contentWrapper {
	margin: 1em;
	text-align:justify;
	height: 80%;
	}
#contentWrapper h1, h2, h3 {
	text-align:left;
	}
#contentWrapper h3 {
	font-style: oblique;
	font-weight: normal;
	margin: -0px 0px -1.1em 0px;
	}
#sidebarLeftMain div.sidenav div {
	margin:0;
	border-top: 1px solid #84B5FF;
	border-bottom: 1px solid #000099;
	border-right:none;
	border-left:none;
	}
#sidebarLeftMain div form:hover {
	background: #003399;
	}
#sidebarLeftMain div.sidenav div:hover {
	background: #003399;
	}