body {
	margin:0;
	padding:0;
	color: #000000;
	font-family: arial,helvetica;
	font-size: 14px;
	line-height: 1.25em;
	background: url(white_water_rafting_gfx/navBack.gif);
	background-repeat: repeat-y;
}

h3 { 
	color: #F73800;
	font-family: arial;
	font-weight: bold;
}

hr { 
	border: 0;
	width: 100%;
	color: #0179E6;
	background-color: #0179E6;
	height: 2px;
}

.hr-thin { 
	border: 0;
	width: 100%;
	color: #000;
	background-color: #000;
	height: 1px;
}

.hr-thin-blue { 
	border: 0;
	width: 100%;
	color: #0179E6;
	background-color: #0179E6;
	height: 1px;
}

.blue-text { 
	color: #0179E6;
	font-family: arial,helvetica;
	font-size: 14px;
}

.body2 { 
	color: #F73800;
	font-family: arial,helvetica;
	font-size: 14px;
}

.warning { 
	color: #FF0000;
	font-family: arial;
	font-size: 14px;
}

.small { 
	color: #000000;
	font-family: arial,helvetica;
	font-size: 11px;
}

.list1 { 
	list-style-image: url(white_water_rafting_gfx/bullet.gif);
	color: #000000;
	font-family: arial;
	font-size: 14px;
}

a { text-decoration: none; }
a:link { color: #F73800; }
a:visited { color: #F73800; }
a:hover { color: #BE0000; }

.nav1 { 
	color: #BE0000;
	font-family: arial,helvetica;
	font-weight: bold;
	font-size: 12px;
}

a.nav1 { text-decoration: none; }
a.nav1:link { color: #EEEEEE; }
a.nav1:visited { color: #EEEEEE; }
a.nav1:hover { color: #CCCCCC; }

#contentwrapper {
	float: left;
	width: 100%;
	/*overflow: auto;*/
}

#contentcolumn {
	margin-left: 190px; /*Set left margin to LeftColumnWidth*/
	margin-right: 0px; /*Set left margin to LeftColumnWidth*/
}

#topsection {
	background: #0179E6;
	height: 100px; /*Height of top section*/
}

#leftcolumn {
	float: left;
	width: 190px; /*Width of left column*/
	margin-left: -100%;
	/*background: #FFD100;*/
	background: url(white_water_rafting_gfx/navBack.gif);
	/*background-repeat: repeat-y;*/
	color: #F73800;
	font-family: arial,helvetica;
	font-size: 12px;
}

.innertube {
	margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-right: 50px;
	margin-top: 0;
}

.quoteBoxRight {
	float: right;
	position: relative;
	width: 200px;
	/*padding: 6px;*/
	margin-left: 10px;
	background: #FFFFCE;
	border: 1px solid #000000;
	text-align: center;
}

.round-box {
	position: relative;
	width: 100%;
	background: #FFFFCE;
	border: 1px solid #000000;
	margin: 0;
}

.quoteBox-tl {
	width: 15px;
	height: 15px;
	background: url(white_water_rafting_gfx/box-tl.gif);
	background-repeat: no-repeat;
	position: absolute;
	top: -1px;
	left: -1px;
}

.quoteBox-tr {
	width: 15px;
	height: 15px;
	background: url(white_water_rafting_gfx/box-tr.gif);
	background-repeat: no-repeat;
	position: absolute;
	top: -1px;
	right: -1px;
}
* html .quoteBox-tr { right: -2px; }

.quoteBox-bl {
	width: 15px;
	height: 15px;
	background: url(white_water_rafting_gfx/box-bl.gif);
	background-repeat: no-repeat;
	position: absolute;
	bottom: -1px;
	left: -1px;
}
* html .quoteBox-bl { bottom: -2px; }

.quoteBox-br {
	width: 15px;
	height: 15px;
	background: url(white_water_rafting_gfx/box-br.gif);
	background-repeat: no-repeat;
	position: absolute;
	bottom: -1px;
	right: -1px;
}
* html .quoteBox-br { bottom: -2px; right: -2px; }

.quoteBox-inside { padding: 10px; }

.boxRight {
	float: right;
	padding: 6px;
	margin-left: 10px;
	text-align: center;
}


.rightcolumn {
	width: 170px;
	float: right;
	padding: 6px;
	margin-left: 10px;
	margin-right: 0px;
	text-align: left;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	background: #BDDCF9;
}

.center {
	/*width: 170px;
	float: right;
	padding: 6px;
	margin-left: 10px;
	margin-right: 0px;*/
	text-align: center;
	/*border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	background: #BDDCF9;*/
}

/*------------- flyout menu styles -------------*/

#leftcolumn ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 140px; /* Width of Menu Items */
	line-height: 0em;
	/*border-bottom: 1px solid #ccc;*/
}
	
#leftcolumn ul li{
	position: relative;
}
	
/*Sub level menu items */
#leftcolumn ul li ul{
	position: absolute;
	/*margin-left: -20px;*/
	width: 200px; /*sub menu width*/
	top: 0;
	border: 1px solid #F73800;
	line-height: 1.25em;
	visibility: hidden;
}

/* Sub level menu links style */
#leftcolumn ul li ul a{
	display: block;
	overflow: none; /*force hasLayout in IE7 */
	color: #F73800;
	text-decoration: none;
	background: #FFFFFF;
	/*padding: 1px 5px;*/
	border: 1px solid #F73800;
	/*border-bottom: 0;*/
}

#leftcolumn ul li ul a:hover{
	background-color: #F73800;
	color: #FFFFFF;
	text-decoration: underline;
}


/* Holly Hack for IE \*/
* html #leftcolumn ul li { float: left; height: 1%; }
* html #leftcolumn ul li a { height: 1%; }
* html #leftcolumn ul li ul a { overflow: auto; }
/* End */

/*----------- end flyout menu styles -----------*/



#footer {
	clear: left;
	width: 100%;
	background: black;
	color: #FFF;
	text-align: center;
	padding: 4px 0;
}

#footer a {
	color: #FFFF80;
}

.button1 {
	background-color: #333333;
	border: 2px #333333 outset;
		margin-right: 30px; /*Set left margin to LeftColumnWidth*/
	color: white;
	text-decoration: none;
	font-family: arial,helvetica;
	font-size: 12px;
}

.button1:hover{
	border-style: outset;
	background-color: #666666;
	cursor: pointer;
	cursor: hand;
}

.button1:active{
	border-style: inset;
	background-color: #333333;
}

.ienlargerleft {
	float: left;
	clear: none; /* set to left or right if needed */
	padding-bottom: 0px; /* space between thumbs. Don't change this to margin */
	padding-right: 0px; /* space between thumbs and wrapping text when there is any text around it */
}

.ienlargerright {
	float: right;
	clear: none; /* set to left or right if needed */
	padding-bottom: 0px; /* space between thumbs. Don't change this to margin */
	padding-right: 0px; /* space between thumbs and wrapping text when there is any text around it */
}

.ienlargerleft a, .ienlargerright a { 
	display:block;
	text-decoration: none;
/* add cursor:default; to this rule to disable the hand cursor */
}

.ienlargerleft a:hover, .ienlargerright a:hover{ /* don't move this positioning to normal state */
 	position:relative;
}

.ienlargerleft span img, .ienlargerright span img {
	border: 1px solid #FFFFFF; /* adds a border around the image */
	margin-bottom: 8px; /* pushes the text down from the image */
}

.ienlargerleft a span, .ienlargerright a span {  /* this is for the large image and the caption */
	position: absolute;
	display:none;
	color: #FFCC00; /* caption text colour */
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; /* caption text size */
	background-color: #000000;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 13px;
	padding-left: 10px;
}

.ienlargerleft img, .ienlargerright img { /* leave or IE puts a border around links */
	border-width: 0;
}

.ienlargerleft a:hover span { 
	display:block;
	top: 0px; /* means the pop-up's top is 50px away from thumb's top */
	left: 0px; /* means the pop-up's left is 90px far from the thumb's left */
	z-index: 100;
	
/* If you want the pop-up open to the left of thumb, remove the left: 90px; and add  
right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */	

/* If you want the pop-up open above the thumb, remove the top: 50px; and add  
bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */	

/* add cursor:default; to this rule to disable the hand cursor only for the large image */
}

.ienlargerright a:hover span { 
	display:block;
	top: 0px; /* means the pop-up's top is 50px away from thumb's top */
	left: -180px; /* means the pop-up's left is 90px far from the thumb's left */
	z-index: 100;
	
/* If you want the pop-up open to the left of thumb, remove the left: 90px; and add  
right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */	

/* If you want the pop-up open above the thumb, remove the top: 50px; and add  
bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */	

/* add cursor:default; to this rule to disable the hand cursor only for the large image */
}

.resize_thumb {
	width: 160px; /* enter desired thumb width here */
	height : auto;
}