/*
   The River Company css Styles
   March 2007
----------------------------------------------------------
#361E18  Darker Brown  
#511E00  Header Brown
#BF6A27  Orange
#88924D  Green
#0091BF  Logo Blue
*/

/* Layout Styles   -------------------------------*/
*
{
padding: 0;
margin: 0;
}
body
{
background:#629DAF;
text-align:center;
padding: 0;
margin: 0;
}
#wrap
{
width:760px;
margin:0px auto;
text-align:left;
background:#fff;
}
#media
{
width:960px;
margin:0px auto;
text-align:left;
}
ul#head
{
background: #511E00 url(http://www.therivercompany.com/i/head.gif) no-repeat 0 0;
width:760px;
height:162px;
float:left;
margin:0;
padding:0;
}
li#hlogo
{
font-size:12px;
width:134px;
height:135px;
margin:19px 0 0 50px;
float:left;
}
li#hlogo a
{
width:134px;
height:135px;
margin:0;
padding:0;
float:left;
background: transparent url(http://www.therivercompany.com/i/logo.gif) no-repeat 0 0;
}
li#hook 
{
color:#fff;
font-size:12px;
width:494px;
height:94px;
margin:40px 0 0 39px;
float:left;
background: transparent url(http://www.therivercompany.com/i/head-quote.gif) no-repeat 0 0;
}
#content
{
float:left;
clear:both;
width:760px;
background:#fff url(http://www.therivercompany.com/i/content-bg.gif) repeat-y 0 0;
}
#content-full
{
float:left;
clear:both;
width:760px;
background:#fff;
}
#content-ssp
{
float:left;
clear:both;
width:760px;
background: #511E00;
}
#full
{
float:left;
display:inline;
width:720px;
margin:10px 0 0 20px;
}
/* -------- Steps -------- */

#mstepswrap {

	border-top:1px solid #00B4D7;
	border-bottom:1px solid #00B4D7;
	padding:24px 0 24px 0;
	margin:35px 0 35px 0;

}

	.stepblock {
		width:225px;
		float:left;
	}
	.stepspace {
		margin-right:20px;
	}
	.stepbullet {
		float:left;
margin:0 20px 0 0;
	}
	.stepcontents {
		width:215px; 
		float:left; margin-left:10px;
	}
	.steptitle h3 a {
		font-size:20px; letter-spacing:-1px; font-weight:bold; color:#AF4F15; padding-bottom:8px; margin-left: -4px; text-decoration:none;
	}
		.steptitle a{
			color:#424242;
		}
		.steptitle a:hover {
			color:#111; text-decoration:none;
		}	
	.steptext {
		font-size:12px; color:#7d7d7d; line-height:1.6;
	}
		.steptext a { color:#119ff7; }
		.steptext a:hover { text-decoration:none; }
#left
{
float:left;
display:inline;
width:500px;
margin:10px 0 0 35px;
}
#sidebar
{
width:190px;
float:right;
background:#E9E5D0;
}

p#eagle
{
float:right;
clear:both;
width:91px;
height:89px;
background: transparent url(http://www.therivercompany.com/i/eagles-fighting.gif) no-repeat 0 0;
margin:-61px 95px 0 0;
}
#foot
{
position:relative;
float:left;
clear:both;
width:760px;
height:99px;
background:#511E00 url(http://www.therivercompany.com/i/foot-nav-bg.gif) no-repeat 0 0;
}
#footer
{
float:left;
clear:both;
width:760px;
height:25px;
background:#88924D url(http://www.therivercompany.com/i/footer.gif) no-repeat 0 0;
}


/* Navigation Styles
----------------------------------------------------------*/
div#nav
{
position:relative;
width:760px;
height:30px;
float:left;
background:#000;
color:#fff;
font-size:10px;
z-index:50;
}
div#p7TBtrig10 {position:absolute; left: 0px; top: 0px; width: 103px; z-index: 300; visibility: visible }
div#p7TBtrig20 {position:absolute; left: 103px; top: 0px; width: 150px; z-index: 300; visibility: visible }
div#p7TBsub20 {position:absolute; left: 0px; top: 30px; width: 760px; z-index: 400; visibility: hidden}
div#p7TBtrig30 {position:absolute; left: 253px; top: 0px; width: 129px; z-index: 300; visibility: visible }
div#p7TBsub30 {position:absolute; left: 0px; top: 30px; width: 760px; z-index: 400; visibility: hidden}
div#p7TBtrig40{position:absolute; left: 382px; top: 0px; width: 53px; z-index: 300; visibility: visible }
div#p7TBtrig50{position:absolute; left: 435px; top: 0px; width: 151px; z-index: 300; visibility: visible }
/* Arctic */
div#p7TBsub50 {position:absolute; left: 0px; top: 30px; width: 760px; z-index: 400; visibility: hidden}
/* End Arctic */
div#p7TBtrig60{position:absolute; left: 586px; top: 0px; width: 174px; z-index: 300; visibility: visible }
div#p7TBsub60 {position:absolute; left: 0px; top: 30px; width: 760px; z-index: 400; visibility: hidden}
div#P7TabH {position:absolute; left: 0px; top: 0px; z-index: 200; visibility: hidden}

body#raft-lunch a#lunch, 
body#raft-half a#half, 
body#raft-fish a#fish,
body#raft-scenic a#scenic, 
body#raft-adv a#adv,
body#info-map a#directions,
body#info-link a#link,
body#info-about a#about,
body#info-job a#job,
body#info-school a#school {color: #944000!important;}

div.p7tbsub
{
width:760px;
height:28px;
float:left;
color:#000;
background:#fff;
}

ul#sub-raft, ul#sub-group
{
width:760px;
height:28px;
margin:0;
padding:0;
float:left;
display:inline;
background:#fff;
text-align:justify;
border-bottom:1px solid #ccc;
}
ul#sub-info
{
width:760px;
height:28px;
margin:0;
padding:0;
float:right;
display:inline;
background:#fff;
border-bottom:1px solid #ccc;
}
ul#sub-raft li 
{
font:normal 12px/1em Georgia, "Times New Roman", Times;
float:left;
display:inline;
margin: 6px 0 0 18px;
text-transform:uppercase;
}
span.hours {margin-left:4px; color:#BF6A27; font:normal 10px Arial, Verdana, sans;}
/* Arctic */
ul#sub-reserve
{
width:760px;
height:28px;
margin:0;
padding:0;
float:right;
display:inline;
background:#fff;
text-align:justify;
border-bottom:1px solid #ccc;
}
ul#sub-reserve li
{
font:normal 12px/1em Georgia, "Times New Roman", Times;
float:right;
display:inline;
margin: 6px 18px 0 0;
text-transform:uppercase;
}
/* End Arctic */
ul#sub-group li
{
font:normal 12px/1em Georgia, "Times New Roman", Times;
float:left;
display:inline;
margin: 6px 0 0 12px;
text-transform:uppercase;
}

ul#sub-info li
{
font:normal 12px/1em Georgia, "Times New Roman", Times;
float:right;
display:inline;
margin:6px 24px 0 0;
text-transform:uppercase;
}
ul#sub-raft a, 
ul#sub-raft a:visited,
ul#sub-gallery a, 
ul#sub-gallery a:visited,
ul#sub-reserve a, 
ul#sub-reserve a:visited,
ul#sub-info a, 
ul#sub-info a:visited
{
color:#000;text-decoration: none; border-bottom: 1px dotted #002a5a;
}
ul#sub-raft a:hover, 
ul#sub-raft a:active,
ul#sub-gallery a:hover, 
ul#sub-gallery a:active,
ul#sub-reserve a:hover, 
ul#sub-reserve a:active,
ul#sub-info a:hover, 
ul#sub-info a:active
{
color:#940; text-decoration: none; border-bottom: 1px dotted #944000;
}

/* Quick Link Navigation Styles
----------------------------------------------------------*/
h2#quick 
{
width:140px;
height:34px;
display:block;
margin:40px 0 10px 25px;
}
ul#quick-links 
{
width:145px;
float:left;
padding-top:20px;
margin:-20px 0 10px 19px;
list-style:none;
display:inline;
z-index:500;
}
#quick-links li
{
text-transform:uppercase;
display:block;
float:left;
width:125px;
color:#000;
list-style:none;
margin:5px 10px 5px -5px;
padding:0 0 0 19px;
background:transparent url(/i/quick-links-bullet.gif) no-repeat 0% 40%;
font:normal 11px/1em Arial, Verdana, sans;
}
#quick-links a, #quick-links a:visited
{
color:#511E00;
text-decoration:none;
}
#quick-links a:hover,#quick-links a:active
{
color:#BF6A27; text-decoration: none; border-bottom:1px dotted #511E00; 
}
div#sidebar h4
{
margin:65px 0 0 10px;
}
div#sidebar h3
{
color:#511E00;
font: normal 12px/1.6em Arial, Helvetica, sans-serif!important;
letter-spacing:-1px;
margin:8px 7px 5px 8px;
}
/* BuzzFeed  Styles
----------------------------------------------------------*/
div.feedburnerFeedBlock {margin-left:13px;width:170px;}
div.feedburnerFeedBlock ul{margin:0!important; padding:0 0 0 0!important;}
div.feedburnerFeedBlock li {padding:0 0 0 0!important;}
div.feedburnerFeedBlock ul li {list-style:none;margin:10px 0!important; }
div.feedburnerFeedBlock .headline a {font-size:14px; letter-spacing:-.2px; text-decoration:none;color:#9F5213; }
div.feedburnerFeedBlock .headline a:hover {color:#629DAF; }
div.feedburnerFeedBlock .date {font:bold 9px/1em Verdana, Arial; padding:0!important;margin:5px 0!important;color:#511E00;}
div.feedburnerFeedBlock div {line-height:1.3em;}
.fbsubscribelink a{text-decoration:none;color:#9F5213; }
div#creditfooter {display:none;}

#fb-root iframe {margin:12px 0 2px 15px;padding:0!important;width:165px!important;height:45px!important;}  
/*  Foot Navigation Styles
----------------------------------------------------------*/

ul#navfoot 
{
list-style-type: none;
position:absolute;
width:688px;
height:28px;
top:42px;
left:44px;
}
ul#navfoot li  
{
margin: 0;
padding: 0;
display: block;
position: absolute; 
top: 0px; 
height: 28px;
}
ul#navfoot li a {
margin: 0;
padding: 0;
display: block;
height: 28px;
background-repeat: no-repeat;
background-position: 0px 0px;
}
ul#navfoot li#nfraft  { left: 0px; width: 161px; }	
ul#navfoot li#nffaq  { left: 161px; width: 65px; }
ul#navfoot li#nfgallery   { left: 226px; width: 116px; }
ul#navfoot li#nfreserve      { left: 342px; width: 180px; }
ul#navfoot li#nfinfo    { left: 522px; width: 146px; }

ul#navfoot li#nfraft a   { width: 161px; background-image: url(/i/nav-foot/f1raft.gif); }	
ul#navfoot li#nffaq  a  { width: 65px;  background-image: url(/i/nav-foot/f2faq.gif); }
ul#navfoot li#nfgallery a   { width: 116px;  background-image: url(/i/nav-foot/f2gallery.gif); }
ul#navfoot li#nfreserve a      { width: 180px;  background-image: url(/i/nav-foot/f2reserve.gif); }
ul#navfoot li#nfinfo a    { width: 146px;  background-image: url(/i/nav-foot/f2info.gif); }

ul#navfoot li#nfraft a:hover,
ul#navfoot li#nffaq a:hover,
ul#navfoot li#nfgallery a:hover,
ul#navfoot li#nfreserve a:hover,
ul#navfoot li#nfinfo a:hover  { background-position: 0px -28px; }

ul#navfoot li a span { display: none; }

/* Image Spread Styles
----------------------------------------------------------*/
div#image
{
width:760px;
float:left;
clear:both;
background:#000;
}
div#map
{
width:760px;
height:275px;
margin-top:28px;
float:left;
clear:both;
background:#fff;
}
/* Home Page Styles
----------------------------------------------------------*/
img#free { margin:10px 0 0 32px;}
div#glance table
{
width:500px;
border-top:1px solid #EFEAD5;
margin-bottom:15px;
}
div#glance table td {border-bottom:1px solid #EFEAD5; padding:5px;}
div#glance table h3
{
font:bold 15px/1em Arial, Verdana;
color:#511E00;
letter-spacing:-1px;
width:100px;
margin-left:6px;
}
div#glance table ul
{
margin:3px 0 0 0;
list-style:none;
color:#361E18;
}
div#glance table li {font-size:13px;}
div#glance table p
{
margin:5px 0px 10px 20px;
list-style:none;
color:#361E18;
}
.table-on {background:#FFFDEF;}
.table-off {background:#fff;}

/* Rafting Trips Styles
----------------------------------------------------------*/
img.fambug {float:right; margin:0px 0px 0 10px;  }
div#price-schedule {float:left; margin-bottom:5px;}
div#price {float:left;}
div#schedule  {float:right;}
div#price table, div#schedule table
{
width:240px;
border-top:1px solid #DAD7C2;
margin-bottom:5px; 
}
div#price table td, div#schedule table td  {border-bottom:1px solid #DAD7C2; padding:5px;}
div#price h4, div#schedule h4
{
font:bold 15px/1em Arial, Verdana;
color:#BF6A27;
letter-spacing:-1px;
width:100px;
margin:0 0 3px 6px;
}
.fs-fee {color:#BC3300; font: normal 13px/1em Arial, Verdana; letter-spacing:-1px; float:left; width:500px; }

/*  FAQ Styles
----------------------------------------------------------*/
img.top
{
margin:-32px 0 0 0;
float:right;
}
a img.top
{
border:none;
}
blockquote {border-left:3px solid #0091BF; margin:20px; padding:0 7px;font:normal 12px/1.6em Verdana, Arial, Sans;}
/* Gallery Styles
----------------------------------------------------------*/
ul.gallery-list {margin:15px 0 0 0px; list-style:none; }
.gallery-list li a {font-size:20px; text-decoration:none;}
.galh3 {margin:20px; color:#0091BF; }
.notes { font-size:10px; color:#A6551B; letter-spacing:.5px;}
ul.gallery-list span {font-size:12px;  color:#0091BF;}

/* Reserve a Trip Styles
----------------------------------------------------------*/
div#res-policy
{
margin-bottom:8px;
}
div#res-policy h3
{
font:bold 15px/1.2em Arial, Verdana;
color:#361E18;
text-transform:uppercase;
}
div#res-policy h4, .money-back
{
font:bold 15px/1em Arial, Verdana;
color:#BF6A27;
letter-spacing:-1px;
}
div#res-policy h5
{
color:#361E18;
}
div#reserve-dates h4
{
font:bold 12px/1em Arial, Verdana;
color:#BF6A27;
letter-spacing:-1px;
margin:0;
padding:0;
}
div#reserve-dates
{
width:180px;
margin:490px 0 0 5px;
font:normal 11px/1.6em Verdana,Arial;
}
div#reserve-dates td
{
width:90px;
}
.side-host
{
margin:5px 0 0 8px;
}
/* Linkage Styles
----------------------------------------------------------*/
a  { color: #9F541D; }
a:link    { color: #9F541D; }
a:visited { color: #9F541D; }
a:hover, a:active   { color: #511E00; }

/* Text Spread Styles
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
margin:  5px 0 5px 0;
}

h1 {
font-size: 21px;
color: #511E00;
margin: 0;
letter-spacing:-1px;
text-transform:uppercase;
}

h2 {
font-size: 20px;
line-height: 30px;
color: #046380;
text-transform:uppercase;
	}
h3 {
font:bold 17px/24px Arial, Verdana;
color:#4F4927;
text-transform:uppercase;
	}
h4 {
font:bold 15px/20px Arial, Verdana;
font-weight:bold;
color:#511E00;
text-transform:uppercase;
	}
h5 {
font-size: 14px;
line-height: 16px;
color:#361E18;
	}
h6 {
font-size: 12px;
line-height: 18px;
color:#474747;
	}
h6.footnote {font:bold 12px/1.4em Arial, Helvetica, sans-serif; color:#361E18; border-left:3px solid #0091BF; padding-left:8px;margin-bottom:16px;}
p, ul, ol, dl, cite {
	font-family: "Lucida Grande", Verdana, Tahoma, sans-serif;
	color: #291A0D;
	}

blockquote p {
	font:normal 17px/1.8em Georgia, "Times New Roman", Times, serif;
        letter-spacing:-.5px;
	color: #423D1F;
	margin: 15px 30px;
	padding: 10px;
	border-top:1px solid #eee;
        border-bottom:1px solid #eee;
	}

p {
	font-size: 12px;
	line-height: 18px;
	margin: 8px 0 8px 0;
	}

ul, ol {
	margin:.15em 0 .75em 0;
	padding: 0 0 0 20px;
	}
li {
	font-size: 12px;
	line-height: 18px;
	margin: 0;
	padding: .15em 0 .25em 0;
    }
strong {color:#511E00;}
.intro {font:normal 15px/1.6em Arial, Helvetica, sans-serif;}
.center {text-align:center;}
.subtitle {margin:-2px 0 0 0; letter-spacing:1px; }
.float-left
{
float:left;
margin:10px;
}
.float-right
{
float:right;
margin:10px;
padding:4px;
border:1px solid #eee;
}
.right
{
float:right;
margin:10px 0 10px 10px;
}
.clear
{
clear:both;
}
/* Heading +h1+ Styles
----------------------------------------------------------*/
h1#h1home, h1#h1raft, h1#h1fam, h1#h1half, h1#h1group, h1#h1fishing, h1#h1scenic, h1#h1high, h1#h1faq, h1#h1gallery, h1#h1reserve, h1#h1info, h1#h1map, h1#h1job, h1#h1news, h1#h1friend, h1#h1about, h1#h1survey, h1#h1eddy
{
margin:8px 0 0 0;
width:500px;
height:32px;
}
h1#h1home {background: transparent url(/i/h1/h1-home.gif)}
h2#h2home {background: transparent url(/i/h1/h2-home.gif); margin:8px 0 8px 0; width:500px; height:32px;}
h1#h1raft  {background: transparent url(/i/h1/h1-raft.gif)}
h1#h1fam {background: transparent url(/i/h1/h1-fam.gif)}
h1#h1half {background: transparent url(/i/h1/h1-half.gif)}
h1#h1group {background: transparent url(/i/h1/h1-group.gif)}
h1#h1fishing {background: transparent url(/i/h1/h1-fishing.gif)}
h1#h1scenic {background: transparent url(/i/h1/h1-scenic.gif)}
h1#h1high {background: transparent url(/i/h1/h1-high.gif)}
h1#h1faq {background: transparent url(/i/h1/h1-faq.gif)}
h1#h1gallery {background: transparent url(/i/h1/h1-gallery.gif)}
h1#h1reserve {background: transparent url(/i/h1/h1-reserve.gif)}
h1#h1info {background: transparent url(/i/h1/h1-info.gif)}
h1#h1map {background: transparent url(/i/h1/h1-map.gif)}
h1#h1job {background: transparent url(/i/h1/h1-job.gif)}
h1#h1news {background: transparent url(/i/h1/h1-news.gif)}
h1#h1friend {background: transparent url(/i/h1/h1-friends.gif)}
h1#h1about {background: transparent url(/i/h1/h1-about.gif)}
h1#h1survey {background: transparent url(/i/h1/h1-survey.gif)}
h1#h1eddy {background: transparent url(/i/h1/h1-eddy.gif)}
h1#h1media {
background: transparent url(/i/h1/h1-media.gif); 
margin:8px 0 0 0;
width:540px;
height:50px;}
h1#h1school {
background: transparent url(/i/h1/h1-school.gif) no-repeat 0 0; 
margin:8px 0 0 0;
width:580px;
height:50px;}
h1#h1smo {
background: transparent url(/i/h1/h1-smolt.gif) no-repeat 0 0;
margin:8px 0 0 0;
width:580px;
height:60px;
}
.boo
 { letter-spacing : -1000em; }
/* Just for Opera, but hide from MacIE */
/*\*/html>body .boo { letter-spacing : normal;  text-indent : -999em; overflow : hidden;}
/* End of hack */

/* Blog  Styles
----------------------------------------------------------*/
#sidebar-b
{
width:190px;
float:right;
background:#E9E5D0;
margin-top:20px;
}
#sidebar-b ul 
{
margin:0 0 0 10px!important;
padding:0!important;
list-style:none;
}
#sidebar-b li
{
margin:3px 0!important;
padding:0!important;
}
.post {margin:20px 0;}
#commentform textarea {width:500px;}
.postmetadata {font: normal 11px/1.3em Aria, Verdana; border-top:1px solid #eee; margin:10px 30px; padding:10px 0; }
.post-time {color:#511E00;font: bold 10px Verdana, Arial; margin:0;}
div#sidebar-b h2 {font-size:16px;}
.postmetadata a img {border:none;}
.navigation {float:left; width:500px;border-bottom:1px dotted #eee; padding-bottom:8px;font: normal 11px/1.3em Aria, Verdana;}
.navigation .left {float:left;}
.navigation .right {float:right; }
img.alignright {float:right; margin:0 0 10px 10px; padding:4px; border: 1px solid #E9E5D0;}
img.floatright {float:right; margin:10px 0 10px 10px;}
a img {border:none;}
.alignleft {float:left; margin:0 10px 10px 0;}


.fix {color:#66CC33}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*
   The River Company css Styles
   March 2007
----------------------------------------------------------
#361E18  Darker Brown  
#511E00  Header Brown
#BF6A27  Orange
#88924D  Green
#0091BF  Logo Blue
*/