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

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



/***************************************************************
Appearance Code
***************************************************************/

body {
	font-family:arial, helvetica, sans-serif;
	font-size:73%;
	color:#575a5d;
	background:url('/images-layout/site-bg.jpg') 50% -2px #3d6998;
}

p {
	margin:0 0 1.6em 0;
	padding:0;
	line-height:1.6em;
}

form {
	display:inline;
}

fieldset {
	margin:0;
	padding:0;
	border:none;
}

label {
	font-weight:bold;
}

.botField {
	position:absolute;
	left:-999em;
}

a:link, a:visited {
	color:#d6560a;
	text-decoration:none;
}
a:hover, a:active { 
	color:#d6560a;
	text-decoration:underline;
}
a:active {
	outline:none;
}

h1 {
	margin:.5em 0 .3em 0;
	font-family: arial, helvetica, sans-serif;
	font-weight:normal;
	font-size:200%;
	color:#d6560a;
}

h2 {
	margin:0;
	margin-bottom:.3em;
	font-family: arial, helvetica, sans-serif;
	font-weight:normal;
	font-size:125%;
	color:#2c95b5;
}

h3 {
	margin:0;
	margin-bottom:.3em;
	font-family: arial, helvetica, sans-serif;
	font-weight:normal;
	font-size:100%;
	color:#d6560a;
}

img {
	border:0px;
	margin:0px;
}

.hr {
	margin:12px 0;
	border-bottom:1px dotted #dbdbdb;
}

.hr2 {
	margin:12px 0;
	border-bottom:1px dotted #dbdbdb;
}


ul, ol {
	margin:0 0 .6em 18px;
	padding-left:0;
}
ul {
	list-style:disc;
}
ul li, ol li {
	margin-bottom:.6em;
	line-height:1.6em;
}



/***************************************************************
Appearance Code Applied to Layout Elements
***************************************************************/

#container {
	padding-top:118px;
	padding-left:0;
	padding-right:0;
}

#content {
	padding:16px 0 0 0;
	background:url('/images-layout/content-bg.gif') 50% 1px repeat-y #fff;
}

#columnWrapper {
	padding-bottom:5px;
	
	min-height:475px;
	
	/* IE 6 Mumbo Jumbo */
	height:auto !important;
	height:475px;
	
	border-top:1px solid #d1cfcc;
	background:url('/images-layout/column-wrapper-bg.gif') 209px top repeat-y;
}



.columnStyle1 {
	margin:0;
	padding:0 10px 0 0;	
}
	.columnStyle1 .columnTopLeft {
		display:none;
	}
		.columnStyle1 .columnTopRight {
			
		}
	.columnStyle1 .columnBody {
		padding-left:5px;
	}
	.columnStyle1 .columnBottomLeft {
		display:none;
	}
		.columnStyle1 .columnBottomRight {
			
		}



.columnStyle2 {
	margin:0;
	padding:0;
}
	.columnStyle2 .columnTopLeft {
		display:none;
	}
		.columnStyle2 .columnTopRight {
			
		}
	.columnStyle2 .columnBody {
		
	}
	.columnStyle2 .columnBottomLeft {
		display:none;
	}
		.columnStyle2 .columnBottomRight {
			
		}
		
		
		
.columnStyle3 {
	margin:0;
	padding:0;
}
	.columnStyle3 .columnTopLeft {
		display:none;
	}
		.columnStyle3 .columnTopRight {
			
		}
	.columnStyle3 .columnBody {
		
	}
	.columnStyle3 .columnBottomLeft {
		display:none;
	}
		.columnStyle3 .columnBottomRight {
			
		}


.pullQuote {
	float:right;
	margin-left:10px;
	padding:6px 10px 4px 10px;
	width:155px;
	border-left:1px solid #d1cfcc;
}
	.pullQuote h2 {
		color:#2c95b5;
	}
	.pullQuote .learnMore:link, 
	.pullQuote .learnMore:visited,
	.pullQuote .learnMore:hover,
	.pullQuote .learnMore:active {
		color:#575a5d;
	}
	
	
/***************************************************************
List Styles
***************************************************************/
.ulStyle1 {
	margin:6px 0 1.6em 0;
	padding-left:0;
	
	list-style:none;
}
	.ulStyle1 li {
		margin:0;
		margin-bottom:.6em;
		padding-left:9px;
		line-height:1.6em;
		background:url('/images-layout/bullet-arrow-green.gif') left 7px no-repeat;
	}
		.ulStyle1 li a:link, .ulStyle1 li a:visited {
			text-decoration:none;
		}
		.ulStyle1 li a:hover, .ulStyle1 li a:active {
			text-decoration:underline;
		}
		.ulStyle1 ul {
			margin:.4em 0 4px .4em;
			padding-left:0;
			
			list-style:none;
		}
			.ulStyle1 ul li {
				margin-bottom:.6em;
				padding-left:12px;
				line-height:1.6em;
				background:url('/images-layout/bullet-arrow-green.gif') left 7px no-repeat;
			}
			
.ulStyle2 {
	margin:6px 0 1.6em 0;
	padding:0;
	list-style:none;
}
	.ulStyle2 li {
		margin:0;
		padding: 0 0 10px 15px;
		background: url('images-layout/list-style-2-bullet.gif') left 2px no-repeat;
	}


.ulStyleSpaced li{
	margin-bottom:.6em;
}

.olStyleSpaced li{
	margin-bottom:.6em;
}
	.olStyleSpaced li p{
		padding:.6em 0 0 0;
	}



/***************************************************************
Table Styles
***************************************************************/
.formLabel {
	text-align:right;
}
table.downloadForm {
	width: 344px;
}


.tableCaseStudy {
	
}
	.tableCaseStudy tr {
	
	}
		.tableCaseStudy td {
			border-bottom:1px solid #fff;
			background:#f0f5e6;
		}
		.tableCaseStudy .title {
			padding:8px 12px 8px 6px;
			font-size:125%;
			vertical-align:top;
			color:#419639;
		}
		.tableCaseStudy .description {
			padding:8px 3px;
		}
			.tableCaseStudy .description ul {
				margin:0;
				padding:0;
				list-style:none;
			}
				.tableCaseStudy .description li {
					margin-bottom:.6em;
					padding-left:12px;
					background:url('/images-layout/bullet-arrow-green.gif') left 7px no-repeat;
				}



table.leed {
	margin:0 auto 1.6em auto;
	border-collapse: collapse;
}
	table.leed td {
		padding:2px 9px;
		text-align: center;
		border:1px solid #000;
	}
	table.leed tr.leedTitle td {
		background: #eeece1;
	}

/***************************************************************
Text Styles
***************************************************************/
.bonusText {
	font-weight: bold;
	color:#f00;
}

.bigger {
	font-size:120%;	
}
.smaller {
	font-size:76%;
}

.strike {
	text-decoration:line-through;
	font-weight:600;
}
sup.sm {
	font-size:76%;
}

.alignStyle1 {
	text-align:center;
}
.alignStyle2 {
	text-align:right;
}

.extraLine {
	margin-bottom:1.5em;
}
.halfLine {
	margin-bottom:.5em;
}
.hedgeTitle {
	margin: 30px 0 31px 67px;
}


/* ------------------ Headers -----------------*/
.pageHeader {
	color:#2c8323;
}

.subHeader1 {
	color:#d6560a;
}

.tiogaHeader {
	margin:0 0 12px -5px;
	padding:7px 12px 0 0;
	height:27px;
	text-align:right;
	font-size:135%;
	letter-spacing:1px;
	color:#fff;
	background:#419639 url('/images-layout/tioga-header.gif') left 50% no-repeat;
}
.tiogaHeader + h1 {
	margin-top:12px;
}


/***************************************************************
Image Classes
***************************************************************/
.mugShot {
	float:left;
	padding-right:8px;
}
.imageCaseStudy {
	margin-left:-5px;
}
.report {
	position:absolute;
	top:113px;
}


/***************************************************************
Link Classes
***************************************************************/
.learnMore:link, .learnMore:visited {
	padding-right:9px;
	background:url('/images-layout/bullet-arrow-gray.gif') right 6px no-repeat;
}
.learnMore:hover, .learnMore:active {
	
}

.learnMore2:link, .learnMore2:visited {
	padding-right:9px;
	color:#575a5d;
	background:url('/images-layout/bullet-arrow-gray.gif') right 6px no-repeat;
}
.learnMore2:hover, .learnMore2:active {
	color:#575a5d;
}


.buttonStyle1, .buttonStyle1:link, .buttonStyle1:visited, .buttonStyle1:hover, .buttonStyle1:active, .buttonStyle1_ie6hover {
	display:block;
	padding:18px 28px 0 0;
	height:42px;
	width:229px;
	font-size:150%;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	letter-spacing:2px;
	color:#fff;
	background:url('/images-layout/button-style-1.jpg') top left repeat-x #0b5893;
}
.buttonStyle1:hover, .buttonStyle1:active, .buttonStyle1_ie6hover {
	text-decoration:underline;
	background:url('/images-layout/button-style-1.jpg') bottom left repeat-x #0b5893;
}

button.buttonStyle1, button.buttonStyle1:hover, button.buttonStyle1_ie6hover,
input.buttonStyle1, input.buttonStyle1:hover, input.buttonStyle1_ie6hover {
	display:block;
	height:60px;
	padding-bottom:12px;
	cursor:pointer;
}

/***************************************************************
Other Classes
***************************************************************/
.divider {
	clear:both;
	margin-bottom:20px;
	padding-bottom:9px;
	min-height:12px;
	/* IE6 Mumbo Jumbo */
	height:auto !important;
	height:12px;
	background:url('/images-layout/divider.gif') bottom left repeat-x;
}
.divider2 {
	clear:both;
	margin-bottom:6px;
	min-height:12px;
	/* IE6 Mumbo Jumbo */
	height:auto !important;
	height:12px;
	background:url('/images-layout/divider.gif') bottom left repeat-x;
}


.diagramItem, .diagramItemNarrow {
	position:relative;
	padding:18px 0 0 40px;
	height:1%;
	border-top:1px solid #d1cfcc;
}
.diagramItemNarrow {
	width:284px;
}
	.diagramStep {
		position:absolute;
		top:10px;
		left:5px;
	}