/* INDEX PAGE STYLES */
	h1.index { font-family: Georgia, Verdana; font-size: 100%; font-weight: bold; padding-top: 10px; color: #3333CC }
	p.index { font-family: Helvetica; font-size: 75%; padding-left: 10px; color: blue }
	p.indexhdg { font-family: Helvetica; font-size: 75%; font-weight: bold; padding-left: 10px; color: #333399; text-decoration: underline }

	p.subhead { font-family: Helvetica; font-size: 70%; padding-bottom: 5px; color: #333399 }
	p.subheading { font-family: Verdana; font-size: 100%; font-weight: bold; color: #333399 }

	.ticker { font-family: Verdana; text-align: center; font-size: 11px; color: #0099FF }

	h1.indexsm { font-family: Helvetica; font-size: 80%; font-weight: bold; padding-left: 5px; padding-right: 5px; color: #333399 }
	p.indexsm { font-family: Helvetica; font-size: 70%; text-align: left; padding-bottom: 10px; padding-left: 5px; padding-right: 5px; color: #333399 }

	a.bulgelnk { font-family: Helvetica; font-size: 85%; padding-left: 5px; padding-right: 5px }
	a.bulgelnk:link,a.bulgelnk:visited { font-weight: bold; color: #0099FF }
	a.bulgelnk:hover { font-weight: bold; color: #333399 }

	h1.bulgenote { font-family: Helvetica; font-size: 75%; font-weight: bold; padding-top: 218px }
	p.bulgenote { font-family: Helvetica; font-size: 70%; text-align: left; color: #003399 }
	a.bulgenote { font-weight: bold; }

	.indexnote { font-family: Verdana; font-size: 70%; text-align: left; color: #0099FF }
	p.copyright { font-family: Verdana; font-size: 70%; text-align: left; color: #555555 }
	p.copyright2 { font-family: Verdana; font-size: 60%; text-align: right; padding-right: 30px; color: #006699 }

	form { text-align: center }

/* STANDARD TAG FORMATTING OPTIONS */
	h1 { font-family: Verdana; font-size: 110%; font-weight: bold; color: #333399 }
	h2 { font-family: Verdana; font-size: 100%; font-weight: bold; padding-top: 15px; color: #3333CC }
	h3 { font-family: Verdana; font-size: 80%; font-weight: bold; padding-top: 10px; color: #3366CC }
	p,ul,b,ol { font-family: Times New Roman; font-size: 90%; color: #333366 }
	blockquote { font-family: Times New Roman; color: #333366 }

/* GENERAL A LINK STYLES for WHITE backgrounds */
	a:link,a:visited,a:hover { text-decoration: none; }
	a:link { color: #0033FF }
	a:visited { color: #003399 }
	a:hover {color: #009900 }

/* SIDEBAR STYLES along right side of CONTENT PAGES */
	p.sidebar { font-family: Helvetica; font-size: 70%; color: #336699; padding-bottom: 30px; text-align: left }
	H1.sidebar { font-size: 70%; color: #336699; padding-bottom: 0px }
	a.sidebar:link,a.sidebar:visited,a.infobar:hover { font-weight: bold; color: #333399 }
	a.sidebar:link,a.sidebar:visited { color: #336699 }
	a.sidebar:hover { color: #0099FF }

/* WHAT'S NEW? PAGE STYLES */
	p.whatsnew { font-family: Helvetica; font-size: 90%; font-weight: bold; padding-top: 20px }
	p.whatsnew2 { font-family: Helvetica; font-size: 90%; font-style: italic; padding-left: 15px }
	p.whatsnew4 { font-family: Helvetica; font-size: 90%; font-style: normal; padding-left: 15px }
	p.whatsnew3 { font-family: Helvetica; font-size: 90% }
	a.whatsnew2 { font-family: Georgia, Verdana; font-size: 80%; font-weight: bold; padding-left: 20px }

p.caption { font-family: Times New Roman; font-weight: bold; font-size: 90%; padding-bottom: -2px; background: white; color: #333333 }

p.forum { text-align: center; padding-bottom: 10px }

b.white { color: #333399; text-decoration: underline }

.whatsnew { padding-bottom: 2px }

img.pad { padding: 5px }

img.left { padding-right: 10px; padding-top: 5px; padding-bottom: 5px }

img.right { padding-left: 10px; padding-top: 5px; padding-bottom: 5px }

.rowhead { font-family: Verdana, Helvetica; font-size: 100%; font-weight: bold; background:#3366CC; color: white}

.emphasis { font-family: Arial, Helvetica; font-size: 100%; font-weight: bold; color: #3366CC}

a.whatsnewtoo:link, a.whatsnewtoo:visited { font-weight: bold; color: #333399 }
a.whatsnewtoo:hover { background: none; font-weight: bold; color: #6633FF }

a.color1:link, a.color1:visited { color: #6CA6CD }
a.color1:hover { background: none; color: #FFD700 }


/* IMAGE DOTS FOR ACTIVE NAV BUTTONS */
	img.paddling {
		position: absolute;
		left: -210px;
		top: 7px;
		}

	img.safety {
		position: absolute;
		left: -210px;
		top: 37px;
		}

	img.expedition {
		position: absolute;
		left: -210px;
		top: 67px;
		}

	img.technique {
		position: absolute;
		left: -210px;
		top: 97px;
		}

	img.editorial {
		position: absolute;
		left: -210px;
		top: 127px;
		}

	img.review {
		position: absolute;
		left: -210px;
		top: 157px;
		}

	img.diy {
		position: absolute;
		left: -210px;
		top: 187px;
		}

	img.special {
		position: absolute;
		left: -210px;
		top: 217px;
		}

	img.triprpt {
		position: absolute;
		left: -210px;
		top: 247px;
		}

	img.photo {
		position: absolute;
		left: -210px;
		top: 277px;
		}






/* SHOW/HIDE LAYERS. Most browsers need both width and height set. */
	#container
		{ position:relative; width:260px; height:500px; z-index:100 }

/* ID'S FOR SHOW/HIDE LAYERS, with commas between. */
	#lyr1, #lyr2, #lyr3, #lyr4, #lyr5, #lyr6, #lyr7, #lyr8, #lyr9, #lyr10, #lyr18, #lyr19, #lyr20	{ 
		position:absolute; visibility:hidden; left:0; top:-7px; z-index:1 }


/* TOP WAVE BUTTONS IN UPPER RIGHT CORNER CSS CODE */
	a.wvbtn2:link,a.wvbtn2:visited { color: white; }
	a.wvbtn2:hover { color: #FFFF99 }

	.cssnav2	{
		position:relative;
		font-family: Arial Black, Verdana, Helvetica;
		background-image: url(graphics/wvbuttonovr.gif);
		background-repeat: no-repeat;
		white-space: nowrap;
		display: block;
		width: 60px;
		height: 60px;
		margin: 0; 
		padding: 0; 
		}

	.cssnav2 a {
		display: block;
		color: #000000;
		font-size: 11px;
		font-weight: normal;
		width: 60px;
		height: 60px;
		display: block;
		float: left;
		color: white; 
		text-decoration: none;
		}

		.cssnav2 img {width: 60px; height: 60px; border: 0; }
		* html a:hover {visibility:visible}
		.cssnav2 a:hover img{visibility:hidden}

	.cssnav2 span {
		position: absolute;
		left: 0px;
		top: 24px;
		margin: 0px;
		padding: 0px;
		cursor: pointer;
		width: 60px;
		height: 60px;
		text-align: center;
		}


/* SIDE NAVIGATION BUTTONS ALONG LEFT EDGE CSS CODE */
	a.wvbtn:link,a.wvbtn:visited { color: #330066; }
	a.wvbtn:hover { color: white; }

	.cssnav	{
		position:relative;
		font-family: Georgia, Verdana, Helvetica;
		background-image: url(graphics/buttonovr.gif);
		background-repeat: no-repeat;
		white-space: nowrap;
		display: block;
		width: 200px;
		height: 30px;
		margin: 0; 
		padding: 0; 
		}

	.cssnav a {
		display: block;
		color: #000000;
		font-size: 18px;
		font-weight: bold;
		width: 200px;
		height: 30px;
		display: block;
		float: left;
		color: #333399; 
		text-decoration: none;
		}

		.cssnav img {width: 200px; height: 30px; border: 0; }
		* html a:hover {visibility:visible}
		.cssnav a:hover img{visibility:hidden}

	.cssnav span {
		position: absolute;
		left: 25px;
		top: 3px;
		margin: 0px;
		padding: 0px;
		cursor: pointer;
		width: 160px;
		height: 14px;
		text-align: right;
		}


/* DEAD NAV BUTTONS, NOT IN USE */
	.cssnavdead	{
		position:relative;
		font-family: Georgia, Verdana, Helvetica;
		background-image: url(graphics/buttonovr.gif);
		background-repeat: no-repeat;
		white-space: nowrap;
		display: block;
		width: 200px;
		height: 30px;
		margin: 0; 
		padding: 0;
		}