@charset "utf-8";
/* new rafting colorado CSS Document */

body {
	background:#5d87a1;
	margin:0;
	padding:0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
}

/* contains entire site, centers, defines width */
#container{
	margin: 0 auto;
	width:951px;
	padding-bottom: 7px;
	padding-top:20px;
}

/*  top most header img */
#raftingheader {
	background: url(images/header.jpg) no-repeat;
	height:89px;
}

/*  small vacation planner box, top right */
.vacation {
	float:right;
	margin: 15px 10px 0 0;
}

/*  main white container on site --- THIS WILL CHANGE AS THE TOP PHOTO ON PORTIONS OF THE SITE CHANGE. SEE BELOW */
#raftingmain {
	background: #fff;
	margin:0;
	padding:0;
	border-left:2px solid #224156;	
	border-right:2px solid #224156;
}

/*  alt photo in page */
#raftingmainune {
	background:url(images/photo-alt-2.jpg) top left no-repeat #fff;
	margin:0;
	padding:0;
	border-left:2px solid #224156;	
	border-right:2px solid #224156;
}
	

/* clears all floats */
.clear {
	clear:both;
}
.hpphoto {
	
}



/*  widget on left  */
#raftingwidget {
	float:left;
	width:248px;
	padding:0;
	margin:0;
	background: url(images/widget-bkg.gif) no-repeat;	
	padding-bottom:11px;
	padding-left:8px;
}



/*   sets padding for all pages EXCEPT home page, pushes text down beyond the photo   */
.padding {
	padding: 185px 15px 15px 15px;
}

/*  sets padding for home page only  */
.paddingHP {
	
	padding: 0 15px 15px 15px;
}


/*   font definitions sitewide  */ 
h1{
	font-size:20px;
	font-weight: bold;
}
h2{
	font-size:16px;
	font-weight:bold;
}

h3{
	font-size:16px;
	font-weight:bold;
}

h4{
	text-align:center;
	font-size:10px;
}

.color{
	font-size:16px;
	font-weight:bold;
	color:#FF3300;
}

.fineprint{
	font-size:9px;
}

.tabletext{
	font-size:11px;
	font-weight:bold;
	color:#f7edb4;
}

/* --- wee words up top -----*/
#desc {
	font-size: 10px;
	color:#000;
}

/*  used after footer, defines size and 'a' values to links in disclaimer  */
.small {
	font-size:11px;
	color:#fff;
}

.small a, .small a:visited {
	color:#fff;
	font-weight:bold;
	}
	
.small a:hover {
	color:#FF6;
}

/*   defines footer image and height to close out page  */
#raftingfooter {
	background: url(images/footer-bkg.jpg) no-repeat;
	height:61px;
}

/*  holds ads on every page but home page */
#topad{
text-align:center;
padding: 0;

}

/* menu code */
/*  Drop Down ULs CSS  */


.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font: normal 13px Verdana;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: #224156;
border: 1px solid black;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
}

.ddsubmenustyle li a{
display: block;
width: 160px; /*width of menu (not including side paddings)*/
color: #fff;
background-color: #224156;
text-decoration: none;
padding: 4px 5px;
border-bottom: 1px solid black;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 170px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
background-color: #5d87a1;
}

/*  Neutral CSS  */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}

/*  Main Menu Bar CSS  */

.mattblackmenu ul{
	float:right;
	height:45px;
margin: 0;
padding: 3px 0 3px 0;
font: bold 11px Verdana;
list-style-type: none;
background: url(images/horiz-menu-bkg.jpg) no-repeat;
width: 691px;
}

.mattblackmenu li{
display: inline;
margin: 0;
}

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 6px 6px; /*padding inside each tab*/
border-right:1px solid #2f5874;
color: #f6fc92;
background: url(images/spacer.gif);
}

.mattblackmenu li a:visited{
color: white;
}

.mattblackmenu li a:hover{
background: #5d87a1; /*background of tabs for hover state */
}


#Talledega {display: none;}

/* ------------- container box for the inntopia widget on the vacation planner page */
.inntopia_eg {
	background:#5d87a1 url(../images/box-main.gif) no-repeat;
	padding:5px;
	margin:5px;
	color:#FFFFFF;
	font-size:9px;
	border: 1px solid #000;
	}
.TxtListHead {
	font-size:17px;
	color:#fb8720;
	font-weight:bold;
	border-bottom:2px solid #3c799e;
}
/* ------------ for the google map in vistaworks, common file----------*/
#map {
	width:600px;
	height:350px;
	position:absolute;
	margin: 475px 0 0 275px;
	border:5px solid #5d87a1;
}