img, div { behavior: url(iepngfix.htc) }   

* {
margin:0px;
padding:0px;
}

body {
margin: 0 auto;
background: url(../images/canvas2.jpg) top left;
text-align:center;
font-size: 100%;
}
p, #main ul {
	color:#484848;
	font-size: 0.875em;
	line-height: 1.714286em;
	margin-top: 0.857143em;
	margin-bottom: 0.857143em;

}

img.compass{
float:left;

}
a img{
border:none;
}
div.location-right{
float:left;
}


.location ul{
	list-style:none;
}
div.location{
float:left;
clear:both;
width:520px;
background:#ccc8af;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding:10px 20px;
}

#footer div.location{
float:left;
clear:both;
width:288px;
background:#321e14;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding:16px;
}
#footer ul{
margin-left:1em;
}
#main ul{

margin-left:1.6em;

}
#main ul em{
font-size: 0.875em;
line-height: 1.714286em;
}



#pageTopWrap{
background: url(../images/bannerTile.jpg) repeat-x;
width:100%;

height:472px;


}
#header{
height:100px;
width:960px;


}
#pageTop{
position:relative;
margin: 0 auto;
text-align:left;
width:960px;
height:472px;

/* background: url("../images/pageTop.png") top left no-repeat; */
background: url(../images/bannerBg.jpg) 50% 0px no-repeat;

}

#bannerWrap {
width:100%;

}


#banner{
margin:0 auto;
text-align:left;
width:960px;



}



#photo, div#slideshow{
position:absolute;
top:142px;
left:33px;
z-index:2;
background:#262626;
width:443px;
height:289px;
}

div#slideshow p{
color:#ddd;
font-family:Arial, Helvetica, sans-serif;
font-size:.875em;
padding:20px;
}

div#slideshow a{
color:#99CCFF
}
#bannerBottom {
width:100%;
height:68px;
background: #879369 url("../images/stripe.jpg") top left repeat-x;

}
#bannerBottom div {
margin:0 auto;
width:960px;
height:68px;
background: #879369 url("../images/stripe.jpg");


}

#contentWrap{
background: url(../images/canvas2.jpg);
width:100%;

}
#content {
position:relative;
margin:0 auto;
text-align:left;
width:960px;
background: #fbfaf5 url("../images/canvas2.jpg");

}

#main{
display:inline;
float:right;
width:560px;
margin:20px 20px 20px 20px;
font-family:Arial, Helvetica, sans-serif;


}
h2.first{
border-bottom:1px dotted
}
#sidebar{
display:inline;
float:right;
width:320px;
margin:20px 20px 0 20px;
font-family:Arial, Helvetica, sans-serif;
/* background: url(../images/tree.jpg) 20px bottom no-repeat; */
padding-bottom:20px;
z-index:3;
position:relative;
}

#sidebar .special{
background:#ccc8af;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding:5px 20px;
margin-bottom:20px;
}

#footerWrap{
border-top:10px solid #67351c;
width:100%;
background: #472a1c; /*url(../images/footerBg.jpg) top left repeat-x;*/
}
#footer h2{

font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;

color:#a26d48;
border-bottom:1px dotted;
font-size: 1em;
line-height: 1.5em;

margin-bottom: 0.75em;

}
#footer{
margin: 0 auto;
text-align:left;
width:960px;
font-family:Arial, Helvetica, sans-serif;
background: #472a1c; /*url(../images/footerBg.jpg) top left repeat-x;*/
}

#footer #col{

width:560px;
padding:20px;
float:right;
margin-top:10px;

}
#footer #col2{
width:320px;
padding:20px;
margin-top:10px;
float:right
}


#sidebar p
{
color:#484848;
font-size: 0.75em;
line-height: 2em;
margin-top: 1em;
margin-bottom: 1em;
}
#footer p {
color:#a26d48;
font-size: 0.75em;
line-height: 2em;
margin-top: 1em;
margin-bottom: 1em;
}
#footer .location{
color:#a26d48;
font-size: 0.75em;
line-height: 1.5em;
margin-top: 1em;
margin-bottom: 1em;
}
#sidebar h2{

font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
font-style:italic;
color:#8d4e16;
font-size: 1em;
line-height: 1.5em;
margin-top: 0.75em;
margin-bottom: 0.75em;
}

#main h2, #main h3{
font-size: 1.5em;
line-height: 1.2em;
margin-top: .6em;
margin-bottom: 0.6em;
font-family: Georgia, "Times New Roman", Times, serif;
color:#330000;
font-weight:normal;
}

#main h3{
	font-size: 1em;
	line-height: 1.5em;
	margin-top: 0.75em;
	margin-bottom: 0.75em;
font-family:Georgia, "Times New Roman", Times, serif;
color:#8d4e16;
font-weight:normal;
}

#pageTop h1 a{
display:inline;
width:448px;
height:100px;
background:url("http://floatthebuffalo.com/images/BuffaloRiverCanoes2.gif") top left no-repeat;
text-indent:-99999px;
margin-top:0px;
float:left;
margin-left:10px;

}

#pageTop h1 a:hover {
background-position:0 0;
}
#main a, #sidebar a, #footer a{
color:#005892;
text-decoration:underline;
}

#footer a{
color:#eeeacd;
}
body#reservations #banner a{
color:#91c7ff;
text-decoration:underline
}

#main a:hover{

}

.clearboth{
clear:both;
}

#banner p, #banner h2{
margin:0;
}

ul#globalNav{
margin-top:25px;
margin-right:20px;
float:right;
width:423px;
height:45px;
overflow:hidden;
list-style:none;

}

#globalNav li{
float:left;
}

#globalNav li a{
display:block;
}

#globalNav li a span{
display:none;
}
#globalNav li a {
background: url(http://floatthebuffalo.com/images/globalNav2.jpg);
background-repeat:no-repeat;
height:45px;
}

#globalNav li a.home {
background-position: 0px -90px;
width:65px
}



#globalNav li a.rentals {
background-position: -65px -90px;
width:67px;
}

#globalNav li a.shuttles {
background-position: -132px -90px;
width:68px;
}

#globalNav li a.reservations {
background-position: -200px -90px;
width:97px;
}

#globalNav li a.map {
background-position: -297px -90px;
width:125px;
}

/*hover classes----------------------------------------------*/
#globalNav li a.home:hover {
background-position: 0px -45px;
}

#globalNav li a.rentals:hover {
background-position: -65px -45px;
}

#globalNav li a.shuttles:hover {
background-position: -132px -45px;
}

#globalNav li a.reservations:hover {
background-position: -200px -45px;
}

#globalNav li a.map:hover {
background-position: -297px -45px;
}


/*current classes----------------------------------------------*/
body#home #globalNav li a.home{
background-position: 0px 0px;
}

body#rentals #globalNav li a.rentals{
background-position: -65px 0px;
}

body#shuttles #globalNav li a.shuttles{
background-position: -132px 0px;
}

body#reservations #globalNav li a.reservations{
background-position: -200px 0px;
}
body#map #globalNav li a.map{
background-position: -297px 0px;
}

#headline{
float:right;
margin-right:20px;
display:inline;
width:454px;
color:#e0e2c3;
margin-top:40px;
background: transparent url("../images/headlineBg.png") top left no-repeat;

}

#headline h2{
font-size: 1.75em;
line-height: 1em;
font-weight:normal;
padding:20px 20px 18px 20px;

}

#headline p{
font-family:Arial, Helvetica, sans-serif;
	font-size: 0.875em;
	line-height: 1.714286em;
	color:#e0e2c3;
	padding:0px 20px 20px 20px;
	}


#tree{
position:absolute;
display:none;
bottom:0px;
right:0px;
background: url("../images/tree.jpg") bottom left no-repeat;
height:202px;
width:320px;
z-index:2;
}

/*map Styles============*/
#river, #roads, #accessPoints, #distance, #nodes, #campgrounds {
position:absolute;
top:0;
left:0;
}

.boxley {
top:421px;
left:42px;
top:270px;
left:28px;
}

.ponca {
top:156px;
left:39px;
}

.steelcreek {
top:133px;
left:122px;
}

.kyleslanding {
top:225px;
left:179px;
}

.erbie {
top:195px;
left:294px;
}

.ozark {
top:210px;
left:371px;
}

.pruitt{
top:248px;
left:415px;
}

.hasty{
top:314px;
left:486px;
}

.carver{
top:384px;
left:550px;
}

.mthersey{
top:305px;
left:665px;
}

.woolum{
top:405px;
left:740px;
}

#nodes{
z-index:1000;
}
#river {
z-index:997;
}

#roads {
z-index:998;
}
#distance{
z-index:999;
}
#campgrounds{
z-index:1001}

#accessPoints{
z-index: 1002
}
.hidden {
display:none;
}

#TB_ajaxContent ul.ammenities{
font-family:Arial, Helvetica, sans-serif !important;
margin-left:1.5em;
font-weight:normal;
margin-top:5px;
font-size:.9em;
}

#TB_ajaxContent .subnav{
font-family:Arial, Helvetica, sans-serif !important;
white-space:nowrap;
float:left;
clear:both;
background: url("../images/ulLine.gif") repeat-x bottom;
width:420px;


}
#TB_ajaxContent .subnav ul {
  margin:0px 0px 0px 3px;
  padding:10px 0px;
  list-style:none;

  
  }
#TB_ajaxContent .subnav li {
  float:left;
  background: url("../images/normLeft.gif") no-repeat left top;
  margin:0 0 0 1px;
  padding:0 0 0 9px;
  

  }

#TB_ajaxContent .subnav a {
  float:left;
  display:block;
  background:url("../images/normRight.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:underline;
  font-weight:bold;
 color:#626155 !important;
 font-size:.9em;
 
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#TB_ajaxContent .subnav a {float:none;}
/* End IE5-Mac hack */
#TB_ajaxContent .subnav a:hover {
  text-decoration:underline;
  }
#TB_ajaxContent .subnav .active {
  background-image:url("../images/normLeftOn.gif");
  }
#TB_ajaxContent .subnav .active a {
  background-image:url("../images/normRightOn.gif");
   color:#005892 !important;
  
  padding-bottom:5px;
  }
#TB_ajaxContent .infoWrap{
float:left;
width:398px;
padding:15px 10px 0px 10px;
margin-bottom:15px;
margin-top:5px;

}



#mapHolder{
position:absolute;
top:115px;
left:3px;
z-index:2;

background:#fff;
width:630px;
height:328px;
float:left


}
#resultsWrap{

color:#dad3ae;



}


#TB_ajaxContent h2{
margin:0px;

border-bottom:1px solid #878675;
}
#TB_ajaxContent .infoWrap h3{
margin-top:0px;
padding-top:0px;
color:#8d4e16 !important;
}
#loading{
display:none;
float:left;
padding:10px;
}



#legend{
float:right;
margin-right:20px;
display:inline;
width:287px;
color:#e0e2c3;
margin-top:30px;
padding:20px 10px;
background: transparent url("../images/headlineBg.png") top left no-repeat;
}

#legend h2{
font-size: 1.75em;
line-height: 1em;
font-weight:normal;
}

#legend h3{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;

font-size: 1em;
line-height: 1.5em;
margin-bottom: 0.75em;

}


#legend p{
font-family:Arial, Helvetica, sans-serif;
	font-size: 0.875em;
	line-height: 1.714286em;
	color:#e0e2c3;
}
#legend ul {
list-style:none;
margin-left:10px;
}
#legend a{
color:#91c7ff;
font-family:Arial, Helvetica, sans-serif;
font-size:.75em;
}
#legend a:hover{
color:#fff;
}
.alignRight{
text-align:right;
}

#campgrounds, #roads, #distance{
display:none;
}

#TB_ajaxContent h2{
	border-bottom:none;
	color:#330000;
	margin-top:15px;
	font-weight:normal;
}

#TB_ajaxContent h3{
	font-weight:normal;
}

td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #50888c;
	font-size: 0.875em;
	line-height: 1.714286em;
	font-weight:bold;
}


tr.alt td{
	background: #F5FAFA;
	color: #8d857b;
}
th {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #40888c;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA no-repeat;
	
}

caption{
	text-align:right;
	font-style:italic;
	color:#555;
	font-size:.8em;
	padding-bottom:5px;
}

table#shuttleOptions{
	margin:20px 0;
	width:540px;
	border-left: 1px solid #C1DAD7;
}