/* CSS Document for Kokopelli Rafting 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___________ */
.forceUnder {
	clear:both;
}

.body { 
/* HUH??? Is this supposed to be "body"!?? */
        font-family: Verdana, Arial, Helvetica, sans-serif; 
        font-size: 12px; 
        line-height: 150%; 
        color: #000066; 
        top: auto; 
        font-weight: normal; 
        text-align: justify;
}
.bodynav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	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;
} 
.caption {
	font-family: Geneva, Arial, Helvetica, san-serif;
	font-size: 10px;
	line-height: 130%;
	color: #0033CC;
	top: auto;
	text-align: right;
	font-weight: bold;
}
.cSideBarR_stdSoft {
	float:right;
	width:280px;
	clear:right;
	background: transparent;
	margin:0px 0px 10px 10px;
	padding: 10px;
	text-align: right;
	}
.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_midDistinct {
	border: 1px solid #00C;
	float:right;
	width:175px;
	clear:right;
	background:#BAD6FF;
	color:#000099;
	margin:0px 0px 10px 10px;
	padding: 10px;
	text-align: leftt;
	}
.cSideBarL_narrowDistinctMULTI-DAY {
	border: 1px solid #00C;
	float:left;
	width:175px;
	clear:left;
	background:#BAD6FF;
	margin:0px 0px 10px 10px;
	padding: 10px;
	text-align: right;
	}
.cSideBarR_narrowDistinctMULTI-DAY {
	border: 1px solid #00C;
	float:right;
	width:175px;
	clear:right;
	background:#BAD6FF;
	margin:0px 0px 10px 10px;
	padding: 10px;
	text-align: right;
	}
.cSideBarR_narrowDistinctHALFDAYRAFTING {
	border: 1px solid #00C;
	float:right;
	width:110px;
	clear:right;
	background:#BAD6FF;
	margin:0px 0px 10px 10px;
	padding: 10px;
	text-align: right;
}
.header1 {
	font-family: Geneva, Arial, Helvetica, san-serif;
	font-size: 18px;
	color: #000099;
	font-weight: normal;
	display: inline;
}
.header2 {
	font-family: Geneva, Arial, Helvetica, san-serif;
	font-size: 14px;
	color: #0000FF;
	display: inline;
	font-weight: normal;
}
.header3 {
	font-family: Geneva, Arial, Helvetica, san-serif;
	font-size: 14px;
	color: #0000FF;
	font-style: oblique;
	font-weight: normal;
	margin: -0px 0px -1.1em 0px;
	text-transform: none;

}
.header4 {

	font-family: Geneva, Arial, Helvetica, san-serif;
	font-size: 14px;
	color: #0000FF;
	display: inline;
	font-weight: bold;
}
.kayak-raft-body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 140%;
	color: #000066;
	text-align: justify;
}
.legal {  
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9px;
        line-height: 130%;
        color: #9999FF;
        text-align: center;
        padding-top: 2px;
        padding-right: 2px;
        padding-bottom: 2px;
        padding-left: 2px
}
.mainTable-kayak-rafting {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	border: 1px solid #4882B6;
        /*border: 5px solid green;*/
	margin: 5px auto auto 5px; 
}

.nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 120%;
	color: #CCCCCC;
	text-align: center;
	text-transform: uppercase;
}
.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;
}
.river-guides-footTextLinks {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 120%;
	color: #CCCCCC;
	text-align: center;
	/*text-transform: uppercase;*/
}
.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;
}
/* GEN 2: Content Sidebar Classes */
.csbR_Thin {
	float:right;
	width:193px;
	clear:right;
	background: transparent;
	margin:0px 0px 10px 10px;
	padding: 10px;
	text-align: right;
}
.csbR_Crescent {
	float:right;
	width:262px;
	clear:right;
	background: transparent;
	margin:0px 0px 10px 10px;
	padding: 10px;
	text-align: right;
}
.csbR_OldStyle {
	float:right;
	width:280px;
	clear:right;
	background: transparent;
	margin:10px 10px 10px 0;
/*	padding: 10px;*/
	text-align: right;
}
.csbR_Minor {
	float:right;
	width:296px;
	clear:right;
	background: transparent;
	margin:10px 10px 10px 0;
/*	padding: 10px;*/
	text-align: right;
}
.csbR_Mid {
	float:right;
	width:344px;
	clear:right;
	background: transparent;
	margin:10px 10px 10px 0;
/*	padding: 10px;*/
	text-align: right;
}
.csbR_Major {
	float:right;
	width:394px;
	clear:right;
	background: transparent;
	margin:10px 10px 10px 0;
/*	padding: 10px;*/
	text-align: right;
}
.csbR_Gibbous {
	float:right;
	width:427px;
	clear:right;
	background: transparent;
	margin:0px 0px 10px 10px;
	padding: 10px;
	text-align: right;
}
.csbR_Thick {
	float:right;
	width:495px;
	clear:right;
	background: transparent;
	margin:0px 0px 10px 10px;
	padding: 10px;
	text-align: right;
}
.csbL_Thin {
	float:left;
	width:193px;
	clear:left;
	background: transparent;
	margin:10px 10px 10px 0;
	padding: 0;
	text-align: left;
}
.csbL_Crescent {
	float:left;
	width:262px;
	clear:left;
	background: transparent;
	margin:10px 10px 10px 0;
	padding: 0;
	text-align: left;
}
.csbL_OldStyle {
	float:left;
	width:280px;
	clear:left;
	background: transparent;
	margin:10px 10px 10px 0;
	padding: 0;
	text-align: left;
}
.csbL_Minor {
	float:left;
	width:296px;
	clear:left;
	background: transparent;
	margin:10px 10px 10px 0;
	padding: 0;
	text-align: left;
}
.csbL_Mid {
	float:left;
	width:344px;
	clear:left;
	background: transparent;
	margin:10px 10px 10px 0;
	padding: 0;
	text-align: left;
}
.csbL_Major {
	float:left;
	width:394px;
	clear:left;
	background: transparent;
	margin:10px 10px 10px 0;
	padding: 0;
	text-align: left;
}
.csbL_Gibbous {
	float:left;
	width:427px;
	clear:left;
	background: transparent;
	margin:10px 10px 10px 0;
	padding: 0;
	text-align: left;
}
.csbL_Thick {
	float:left;
	width:495px;
	clear:left;
	background: transparent;
	margin:10px 10px 10px 0;
	padding: 0;
	text-align: left;
}
/* END GEN 2 CLASSES */

/* IDs_______________ */
#mainTable {
	border: 1px solid #374D98;
/*	width: 778px;*/
	width: 895px;
	}
#sidebarLeftCell {
	background-color:#06F;
	color: #BAD6FF;
	vertical-align:top;
	border-right:solid 1px #00A;
}
#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;
}
#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 left top no-repeat;
	width: 20px;
	}
#headerCell {
	background-color: #314790;
	text-align:center;
/*	overflow:hidden;*/
	}
#headerSlideshow {
	height:146px;
	background-image:url(kayak-rafting-images/header-slideshow-bg.jpg);
}
#headerSlideshowWIP {	/* TEMP EXTRA ID SO THAT WE DON'T TRASH CURRENT DESIGN */
	height:290px;
	margin-top: 0px;
	background-color:#003399;
}
#navBarMain h3 {
	margin: -0px 0px -0px 0px;
	text-align:center;
	}
#contentCell {
	background: white;
	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;
	}