/***************************************************************
Style Sheet for Tioga Energy

Copyright 2008 by Tioga Energy, All Rights Reserved
***************************************************************/



#content {
	
}

#columnWrapper {
	width:990px;
}

.column1 {
	display:inline;
	float:right;
	margin:0 10px;
	width:760px;
}

.column4 {
	display:inline;
	float:left;
	padding-top:10px;
	width:209px;
}


#tourNav {
	padding:8px 0;
	height:50px;
}
	#tourNav ul {
		display:inline;
		list-style:none;
	}
		#tourNav li {
			float:left;
			margin:10px 6px 0 6px;
			font-size:120%;
		}
		#tourNav li.current {
			display:block;
			padding-top:6px;
			height:24px;
			width:30px;
			text-align:center;
			font-weight:bold;
			font-size:135%;
			color:#0a5095;
			background: url('/images-layout/tour-current.gif') 50% 50% no-repeat #d6e8f3;
		}
			#tourNav li a:link, #tourNav li a:visited {
				display:block;
				padding-top:7px;
				width:30px;
				height:23px;
				text-align:center;
				text-decoration:none;
				color:#0a5095;
				background: url('/images-layout/tour-step.gif') 50% 50% no-repeat #fff;
			}
			#tourNav li a:hover, #tourNav li a:active {
				display:block;
				padding-top:7px;
				height:23px;
				text-decoration:underline;
				color:#0a5095;
				background: url('/images-layout/tour-current.gif') 50% 50% no-repeat #d6e8f3;
			}
		#tourNav li.back, #tourNav li.forward {
			margin-top:0;
			padding-top:0;
			width:80px;
			height:auto;
			background:none;
		}
		
		#tourNav li.back {
		
		}
			#tourNav li.back a:link, #tourNav li.back a:visited {
				display:block;
				padding-top:15px;
				padding-left:35px;
				width:45px;
				height:35px;
				background: url('/images-layout/tour-back.gif') left 50% no-repeat #fff;
			}
			#tourNav li.back a:hover, #tourNav li.back a:active {
				font-weight:normal;
				background: url('/images-layout/tour-back-hover.gif') left 50% no-repeat #fff;
			}
		
		#tourNav li.forward {
			
		}
			#tourNav li.forward a:link, #tourNav li.forward a:visited {
				display:block;
				padding-top:15px;
				padding-right:35px;
				width:45px;
				height:35px;
				background: url('/images-layout/tour-forward.gif') right 50% no-repeat #fff;
			}
			#tourNav li.forward a:hover, #tourNav li.forward a:active {
				font-weight:normal;
				background: url('/images-layout/tour-forward-hover.gif') right 50% no-repeat #fff;
			}



#tourImageFrame {
	clear:both;
	margin-bottom:1em;
	
	/* IE7 follows at least one standard; but unless we set this, the gradient looks funny. */
	min-height:212px;
	/* IE6 Mumbo-jumbo */
	height:auto !important;
	height:212px;
}
	#tourImageFrame img {
		
	}
	.tourImage {
		float:left;
		margin:0 8px 8px 0;
	}


#tourDescription {
	
}

#factoid {
	position:absolute;
	top:66px;
	right:10px;
	
	padding:50px 66px 0 17px;
	
	height:162px;
	width:452px;
	
	font-size:120%;
	font-style:italic;
	color:#333;
	
	background: url('/images-layout/factoid.gif') top right no-repeat #f2e6c0;
}