html, body {
	height: 100%;

}
/* =========== Fixed Page Elements ============ */
body {
	background-image: url(/pipeline/images/headers/cgt_header_full.jpg);
	background-repeat: no-repeat;
	background-color: #ffffff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
}

table {
	width: 95%;
	border-style: solid;
	border-width: 1px;
	border-color: #b9b8b8;
	border-collapse: collapse;
	padding: 2px;
	font-size: 100%;
}

th {
	border: #b9b8b8 1px solid;
	empty-cells: show;
}

tr {
	border-color: #b9b8b8;
	border-style: solid;
	border-width: 1px;
	empty-cells: show;

}

td {
	border: #b9b8b8 1px solid;
	empty-cells: show;

}

/* ie 7 likes top: -7px and left: -2px */
*:first-child+html img.logo {
	position: absolute;
	top: -7px;
	left: -2px;
}

/* all other browsers */
img.logo {
	position: absolute;
	top: 0px;
	left: 0px;
}

td.center {
	text-align: center;
}

/*added specifically for the /library/industry_links/biogaslist.shtml page.  Creates a style-based valign within a table and can be used anywhere */
td.valign {
	vertical-align: top;
}

/*added specifically for the /library/industry_links/biogaslist.shtml page.  bumps out the "services" row so it is a tad wider */
td#fixed {
	width: 140px;
	font-family: verdana;
	color: black;
	font-size: 80%;

}

th.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right{
	text-align: right;
}




/* ============= POSITION of "TOP" box for IE6 ============ */
.top {
	/*position: relative;
	top: -15px;
	left: -11px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	border: 2px solid #000;
	background-color: #CBE7ED;*/
}

/* ============ POSITION of "TOP" box for Safari ============= */
body>.top {
	position: relative;
	top: -8px;
	left: -8px;
}

/*Box that holds <h2> box with bottom border on all pages*/
#pipeRangerBox {
	width: 740px;
	margin-top: -15px;
	margin-bottom: 10px;
	border-bottom: 1px solid #006c93;
}

/*Box that holds <h2> tag with bottom border in Operations*/
#operationsBox {
	width: 740px;
	margin-bottom: 10px;
	border-bottom: 1px solid #006c93;
}

/*Box that holds <h2> tag with bottom border in Winter Wednesday Archive */
#wwArchiveBox {
	width: 740px;
	margin-top: -2px;
	border-bottom: 1px solid #006c93;
}


/* ======== Three boxes on index page that hold recent news (left), supplemental content (middle) and static content (right) ============ */

#container {
	height: 100%;
	/*border: 2px #000 solid;*/
	width: 750px;
}

#mainLeft {
	width: 273px;
	float: left;
	background: #fff;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	/* this change needs to be made after the switch to ie7 */
	/*height: 100%;*/
}

#Left2Col {
	float: left;
	width: 550px;
	padding-left: 5px;
	padding-right: 5px;
	/*border: #000 1px solid;*/
	padding-top: 10px;
	height: 100%;
}

#wwLeft2Col {
	float: left;
	width: 550px;
	padding-left: 5px;
	padding-right: 5px;
	/*border: #000 1px solid;*/
	padding-top: 0px;
	height: 100%;
}

#mainCenter {
	/*position: absolute;
	top: 128px;
	left: 294px;*/
	width: 262px;
	float: left;
	background: #fff;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	z-index: 0;
}

*html #mainCenter {
	top: 145px;
}

#mainRight {
	/*position: absolute;
	top: 124px;
	left: 568px;*/
	width: 180px;
	height: 100%;
	float: left;
	background-color: #016692;
	border-top: 5px #DDBF3B solid;
}

*html #mainRight {
	top: 137px;
	left: 570px;
	height: 100%;
}

#Right2Col {
	position: absolute;
	top: 135px;
	left: 568px;
	width: 180px;
	/*float: left;*/
	width: 180px;
	height: 100%;
	/*border: green 1px solid;*/
	background-color: #016692;
	border-top: 5px #DDBF3B solid;
}

*html #Right2Col {
	top: 132px;
	left: 570px;
	height: 100%;
}

.wideContent {
	width: 740px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	height: 100%;
}

/* ====================== FOOTER STYLES ================== */

#h-contain {
	width: 370px;
	margin-left: 140px;
	/*padding: 5px;
	border: 1px solid #000;*/
	margin-bottom: 25px;
	margin-top: 15px;
	align: bottom;
}

*html #h-contain {
	w/idth: 385px;
	/width: 385px;
}

#h-contain p {
	margin-left: -40px;
	/*margin-top: 5px;*/
	text-align: center;
}

#bottom ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
}

#bottom ul li {
	margin-left: 0;
	padding: 0px 10px;
	border-left: 1px solid #000;
	list-style: none;
	display: inline;
}

#bottom ul li a:hover {
	background-color: #ebbc35;
}

#bottom ul li#firstli {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
}

/* ========  These styles are specifically for the A-Z navigation section in the glossary ======== */
#glossaryBox{
	border: 1px solid #ccc;
	margin-top: 20px;
}

#glossaryList {
	list-style: none;
	display: block;
	color: #666;

}

#glossaryList ul {
	list-style: none;
	display: block;
}

*html #glossaryList ul {
}


#glossaryList li {
	float: left;
	padding-right: 17px;
	/*white-space: nowrap;*/
}

/* ========================== Pipeline Information Map Styles ===================== */

#map {
	background-image: url(/pipeline/images/maps/cal_gas_pipeline_system2.jpg);
	background-repeat: no-repeat;
	height: 800px;

}

#alignForm {
	position: absolute;
	margin-left: 25px;
	margin-top: 400px;
	width: 300px;
	/*border: 1px black solid;*/
}

/* ========== Centered Image Style ========== */

.centeredImage {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/* ========== Boxes and styles within the static box on the home page and static boxes on sub-pages ======================= */
#first {
	/*background-image: url(/pipeline/images/icons/arrow_down.gif) no-repeat;*/
	/*font-weight: bold;
	color: #ffce2d;*/
	background-color: #016692;
	border-top: 3px #DDBF3B solid;
	padding: 5px;
}


/* ========== Positioning of boxes within the right column "static content" box (insidetracc, pipeline maintenance) ========== */
#statusLinks {
	font-family: verdana;
	padding-top: 5px;
	margin-left: 8px;
	color: #fff;
}

#statusLinks a:link {
	color: #fff;
	text-decoration: underline;
}

#statusLinks a:visited {
	color: #fff;
	text-decoration: underline;
}

#ofoBox {
	background-color: #007ea1;
	/*border-top: 3px #DDBF3B solid;*/
	border-top: 2px #fff solid;
	padding: 3px 3px 10px 3px;
	}


#itWeb {
	background-color: #007ea1;
	padding: 5px;
	border-top: 1px #9acedc solid;
}

#itWeb p {
	margin-left: 10px;
	margin-top: 0px;
	color: #fff;
	
}

#itWeb a:link {
	color: #fff;
	text-decoration: underline;
}

#itWeb a:visited {
	color: #fff;
	text-decoration: underline;
}

#pipelineMaint {
	background-color: #007ea1;
	padding: 5px;
	border-top: 1px #9acedc solid;
	border-bottom: 2px #fff solid;
}

#pipelineMaint p {
	margin-left: 10px;
	margin-top: 0px;
	color: #fff;
	
}

#pipelineMaint a:link {
	color: #fff;
	text-decoration: underline;
}

#pipelineMaint a:visited {
	color: #fff;
	text-decoration: underline;
}

/* ============ General Link Properties =============== */

a:link {
	color: #007fa0;
}

a:visited {
	color: #000000;
	/*color: #a5965b;*/
}

a:active {
	color: #12bff0;
}

/* ========== Fixed Bullet Properties ========== */


ul {
	list-style-type: square;
	margin-top: 4px;
	line-height: 15px;
}

dd {
	margin-left: 10px;
}

dl {
	margin-left: 10px;
}

/* ========== H1, H2, H3, ETC ============ */

h1 {
	font-family: arial, verdana;
	color: #333333;
	font-weight: bold;
	font-size: 160%;
}

h2 {
	font-family: arial, verdana;
	color: #006c93;
	font-weight: bold;
	font-size: 150%;
	margin-bottom: 0;
}

h3 {
	font-family: arial, verdana;
	color: #333333;
	font-weight: bold;
	font-size: 140%;
	margin-bottom: 3px;
	/*margin-bottom: 5px;
	margin-top: 10px;*/
}

h4 {
	font-family: arial, verdana;
	color: #333333;
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 3px;
	margin-top: 3px;
}

h4.articleGraphic {
	font-family: arial, verdana;
	color: #333333;
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 10px;
	margin-top: 3px;
}

h4.articleGraphicLeft {
	font-family: arial, verdana;
	color: #333333;
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 10px;
	margin-top: 3px;
	text-align: left;
}

h4.articleGraphicRight{
	font-family: arial, verdana;
	color: #333333;
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 10px;
	margin-top: 3px;
	text-align: right;
}

h4.articleGraphicCenter{
	font-family: arial, verdana;
	color: #333333;
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 10px;
	margin-top: 3px;
	text-align: center;
}

/*h5 is a smaller WHITE font*/
h5 {
	font-family: arial, verdana;
	color: #ffffff;
	font-weight: 600;
	font-size: 100%;
	margin: 5px;
}

/*h6 is a medium size white font, used only on the Pipeline Information page at /pipeline/services/insidetracc/scheduled_flow/sched_pipe_flow.shtml */
h6 {
	font-family: arial, verdana;
	color: #fff;
	font-weight: bold;
	font-size: 110%;
	margin: 0px;

}


/* ============= Footnote Styles ================== */

.footnote {
font-family: verdana;
color: black;
font-size: 80%;
}


/* ============= Horizontal Rule Properties ============== */

hr {
	background-color: #6194a2;
	color: #6194a2;
	width: 75%;	
}


/* ========== "Return to Top" Link Properties (Background image with arrow included) ============= */
.back2top { 
	background: url(/pipeline/images/icons/arrow_back2top.gif) no-repeat #fff; 
	padding-left: 14px;
	width: 100%; 
	}
	
/*================ ROW REGULAR AND ROW LAST are styles used to format the right-hand supplemental navigation columns in various sections ===============*/
	
td.rowYellow{
	background-color: #DDBF3B;
	border-top: solid 1px #9acedc;
	color: #ffffff;
	font-weight: bold;
	padding-left: 5px;
	}

td.rowRegular{
	background-color: #007ea1;
	border-top: solid 1px #9acedc;
	color: #ffffff;
	font-weight: bold;
	padding-left: 5px;
	}

td.rowRegular a:link{
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

td.rowRegular a:hover{
	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;
}

td.rowRegular a:visited{
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

td.rowFront {
	background-color: #007ea1;
	border-top: solid 1px #9acedc;
	color: #ffffff;
	font-family: verdana;
	padding-left: 3px;
	padding-bottom: 10px;
	padding-top: 3px;
}

td.rowFront a:link{
	color: #ffffff;
	text-decoration: underline;
}

td.rowFront a:hover{	
	color: #ffffff;
	text-decoration: underline;
}

td.rowFront a:visited{
	color: #ffffff;
	text-decoration: underline;
}

td.rowLast{
	background-color: #016692;
	/*border-top: solid 1px #9acedc;*/
	border-top: solid 2px #ffffff;
	color: #ffffff;
	font-weight: bold;
	}

td.rowLast a:link{
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

td.rowLast a:hover{
	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;
}

table#rightColTable{
	border-top: solid 2px #ffffff;
	border-bottom: solid 2px #ffffff;
	font-family: arial;
	font-size: 95%;
	width: 180px;
	border-collapse: collapse;
	padding: 2px;
}

#rightColTable td, th {
	empty-cells: show;
	border-color: #9acedc;
	border-right: none;
	border-left: none;
}

/* ============== Image Float Properties ================ */

img.floatRight {
	float: right;
	padding-left: 10px;
}

img.floatLeft {
	float: left;
	padding-right: 10px;
}

.blueBold{
	color: #234e74;
	font-weight: bold;
}

/* =========== Global Search Properties ===========*/
#globalSearch {
	position: absolute;
	top: 39px;
	left: 477px;
	/*line-height: 18px;*/
	padding: 0px;
	font-size: 11px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #ffffff;
	z-index: 1;
	/*border: green 1px solid;
	height: 20px;*/
	width: 272px;	
	
}

/* IE 7.0 hack */
*:first-child+html #globalSearch {
	position: absolute;
	top: 32px;
	left: 510px;
	width: 272px;
}

*html #globalSearch {
	position: absolute;
	top: 37px;
	left: 510px;
	\width: 272px; /* IE 5.5 hack */
	w\idth: 272px; /* IE 6.0 */
}



select#filter {
	font-size: 10px;
	color: #000;
	padding: 0;
	background: #fff;
	font-family: verdana, arial, helvetica, sans-serif;
	z-index: 1;
	}

/* ie 7.0 hack. */
*:first-child+html img.searchButton {
	position: absolute;
	top: 2px;
	left: 208px;
	z-index: 99;
}
	
img.searchButton {
	position: absolute;
	top: 2px;
	left: 241px;
	z-index: 99;
}

*html img.searchButton {
	position: absolute;
	top: 2px;
	left: 205px;
}

input[type=text].top {
	width: 120px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 90%;
}

input.text {
	width: 120px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 90%;
}

.textfield {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	/*line-height: 11px;
	border: 1px #234e74 solid;
	background-color: #fff;
	padding: 3px;
	margin: 1px;*/
	color: #234e74;
}

.select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	/*padding: 1px;
	margin: 1px;
	color: #234e74*/
}


/*===== Supplemental Content Box (within middle column) and Related Classes =====*/
#supCont {
	position: relative;
	left: 200px;
	width: 45%;
	padding-left: 8px;
	padding-top: 0px;
	/*float: right;*/
	border: solid;
	border-width: 2px;
	border-color: #666666;
}

.supContent {
	margin-left: 5px;
	display: block;
	/*border: solid;
	border-width: 2px;
	border-color: red;*/

}

/* ========== OFO Outlook Table within "static content" box ============== */
table#ofoOutlook{
	width: 170px;
	border: none;
	/*border: solid;
	border-width: 1px;
	border-color: #666666;*/
	margin-left: 1px;
	padding: 3px;
	font-family: verdana;
	font-size: 100%;
	color: #000000;
}

table#ofoOutlook a:link{
	color: #007ea2;
	text-decoration: underline;
}

table#ofoOutlook a:visited{
	color: #007ea2;
	text-decoration: underline;
}


table#ofoOutlook td, th {
	border-bottom: 1px solid #666;
	border-left: none;
	border-right: none;
	border-top: none;
}



/* ==========  Red font and background colors used on Pipeline Status Page ========= */
.ofo {
	color: #fff;
	font-weight: bold;
}

.ofo a:link {
	color: #ffffff;
}

.ofo a:visited {
	color: #ffffff;
}

.redBg {
	background-color: #963a3d;
	color: #ffffff;
}



/* ========== SUPPLEMENTAL NAVIGATION GOLD (now blue) BOX  ========== */

.goldCont {
	width: 220px;
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	font-family: verdana, arial;
	background-color: #cfe5e5;
	border: 1px solid #006b92;
}	

.goldCont a:link {
	color: #000000;
}

.goldCont p {
	margin-top: 8px;
	margin-bottom: 8px;
}

.goldHeader {
	clear: both;
	color: #fff;
	font-size: 13px;
	background: #ddbf3b;
	border-right: 12px solid #177fa4;
	padding: 2px 3px 2px 10px;
	font-weight: bold;
	margin-top: 15px;
	/*margin: 0 0 1px;*/
	w\idth: 125px;
}

.goldCont ul {
	list-style-image: url("/pipeline/images/icons/blue_arrow_right.gif");
	/*margin-left: 15px;*/
	line-height: 20px;
}

/* A wider, centered version of the goldCont box - currently used on the plan_descriptions.shtml page*/
.blueCont {
	/*width: 75%;*/
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 25px;
	margin-left: 30px;
	margin-right: 30px;
	font-family: verdana, arial;
	background-color: #cfe5e5;
	border: 1px solid #006b92;
	min-height: 50px;
}

/* ==================== Links from here to border free are used for the nav on the pipeline status page ================== */
ul.anchorlinks {
	list-style: none;
	margin-top: 0;
	width: 355px;
	padding: 0;
	}

ul.anchorlinks li { 
	margin-bottom: 3px; 
	background: url("/pipeline/images/icons/arrow_anchor.gif") no-repeat #fff; 
	padding-left: 0;
	padd\ing-left: 14px;
 	}
 
 ul.rightLinks {
	list-style: none;
	margin-top: 0;
	width: 355px;
	padding: 0;
	}

ul.rightLinks li { 
	margin-bottom: 3px; 
	background: url("/pipeline/images/icons/arrow_right.gif") no-repeat #fff; 
	padding-left: 0;
	padd\ing-left: 14px;
 	}
 	
 	
 table#borderFree{
	border: none;
}

#borderFree td {
	border: none;
	empty-cells: show;
}

#borderFree tr {
	border: none;
}

/*========= SITE MAP FONT ============*/

#siteMap {
	font-size: 93%;
}

/* ========== SMALL SUBNAV TABLES - Light Row and Dark Row ========== */

tr.lightRowSmall	{
	background: #ffffff;
}

tr.darkRowSmall {
	background: #cccccc;
}



/* ========== TABLES - Light Row and Dark Row, Light Cell and Dark Cell ========== */

.headerLeft {
	font-family: arial, verdana;
    background: #e4e6df;
    text-align: left;
    font-weight: bold;
}

.header {
	font-family: arial, verdana;
	background: #e4e6df;
	border: #b9b8b8 1px solid;
	empty-cells: show;
	font-weight: bold;
}

.header th {
	font-family: arial, verdana;
	background: #e4e6df;
	border: #b9b8b8 1px solid;
}

tr.header{
        font-family: arial, verdana;
        background: #e4e6df;
        text-align: center;
        font-weight: bold;
}

.header td{
        font-family: arial, verdana;
        background: #e4e6df;
        text-align: center;
        font-weight: bold;
}

tr.darkHeader {
	font-family: arial, verdana;
	/*background: #cad1b8;*/
	background: #cce2e4;
}

td.darkHeader {
	font-family: arial, verdana;
	/*background: #cad1b8;*/
	background: #cce2e4;
}

.lightHeader{
	font-family: arial, verdana;
	background: #e4e6df;
}
.lightRow	{
	background: #ffffff;
}

.lightCell {
	background: #f0f0f0;
}

.darkCell {
	background: #e0e0e0;
}	

.darkRow {
	background: #ffffff;
}

.darkRowSorted {
	font-family: arial, verdana;
	background-color: #cad1b8;
	background-image: none;
}


.lightRowSorted {
	font-family: arial, verdana;
	background-color: #e4e6df;
	background-image: none;
}

.colorThree {
	background-color: #a9cccf;
}

.colorFour {
	background-color: #cce2e4;
}

.ofoActivity {
	/*background-color: #963a3d;*/
	background-color: #922c01;
	color: #ffffff;
}

.ofoActivity a:link {
	color: #ffffff;
}

.ofoActivity a:visited {
	color: #ffffff;
}	

.yellowBG {
	background-color: #ebbc35;
}

#reps_nav {
	z-index: -1;
}

/*======================== Table Indent Styles ========================*/
td.indent {
	padding-left: 11px;
}

.indent2 {
	padding-left: 17px;
}

.indented {
	margin-left: 15px;
}

/*======================= "next" and "previous" navigation box at the bottom of training pages ========================*/

.nextNav {
	width: 100%;
	/*border: solid 2px black;*/
	text-align: center;
	margin-top: 15px;
}


/*TRANSPORTATION PATH TABLE YELLOW /products/transportation_path_table*/
TD.lightYellowBg{
background-color:#FFFF99;
color:#FFFFFF;
}

/*TRANSPORTATION PATH TABLE GREEN /products/transportation_path_table*/
.greenBg {
background-color:#6b963a;
color:#FFFFFF;
}

/*transportation path table has no gridlines*/
table#transPath{
	border: none;
}

#transPath td, th, tr {
	border: none;
	empty-cells: show;
}


table#subFormTable{
	border: none;
}

#subFormTable td, th, tr {
	border: none;
	empty-cells: show;
	padding: 5px;
}

#subFormTable #left{
	width: 100px;
}

/*THE FOLLOWING ARE USED IN ALL "RATES" TABLES*/

.greyText {
	color: #999999;
}

/*TH - Grey text (used in table cells in products/rates/aa_rates.shtml)*/
TH.greyText {
color:#999999;
}

/*TD - Grey text (used in table cells in products/rates/aa_rates.shtml)*/
TD.greyText {
color:#999999;
}

/*TH - Grey text/small font (used in table cells in products/rates/aa_rates.shtml)*/
TH.greyText2 {
color:#999999;
font-size: 80%;
}

.greyText2 {
color:#999999;
font-size: 80%;
}

.redText {
	color: #963a3d;
}

table#formsTable {
	font-size: 110%;
}

/* SPECIFICATION FOR BORDERS ON TABLES SEARCH ENGINE RESULTS PAGE */
table.searchTables {
	border: none;
}

.clear {
	clear: both;
}

/*=================== BOX THAT CONTAINS A+ and A- BUTTONS for future possible font-sizing styles  CURRENTLY UNUSED =======================*/

#fontSize{
	position: absolute;
	top:  94px;
	left:  710px;
	background-color: #234e74;
	width: 50px;
	/*border-color: #568ab7;
	border-width: 1px;
	border-style: solid;*/
	z-index: 1;
}

#fontSize a:link {
	color: #ffffff;
	text-decoration: none;
}

#fontSize a:visited {
	color: #ffffff;
	text-decoration: none;
}

.articleListHeader {
	font-family: arial, verdana;
	color: #333333;
	font-weight: bold;
	font-size: 100%;	
}