/* CSS Document */

/* ******************************************	*/
/* ***************** globals ****************	*/
/* ******************************************	*/
body {
	margin:0;
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size:0.9em;
	color:#555555;
	background-color:#FFFFFF; 
/*	background-color:red; */
	text-align:left;
}
img {  padding:7px;
        /*border:1px solid #ffefb5; */
}

/* ***************** links ********************	*/
a {
	color:#4D87CE;
	font-weight:bold;
	text-decoration:none;
}
a:hover     {
	color:#2a65ad;
}
a:visited   {
    color: purple;
}

/* ***************** lists ********************	*/
ol,ul {}

li {list-style-image:url(../public/images/backgrounds/li.gif);
	line-height:1.25em;
	text-align:left;
}
li.inline {display: inline;
  padding-left: 3px;
    padding-right: 3px;
/*  border-right: 1px dotted #066; */
  }

li.last {
  display: inline;
  padding-left: 3px;
  padding-right: 3px;
  border-right: 0px;
  } 

/* ******************************************	*/
/* ************** top section div ***********	*/
/*               Login and search           *	*/
/* ******************************************	*/
#top
{
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #ffefb5 /* moccasin */;
    margin-bottom: 5px; /*	*/
    /* border:4px solid green;  /**/
    height: 60px;
}
#top a {
	color:#4D87CE;
	text-decoration:underline;
	padding:6px;
	padding-top:5px;
	padding-bottom:5px;

}
#topleft{
    width:75%;
    float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:0.9em;
/*	border:1px solid green;  */
}
#topright{
    width:25%;
    float:right;
	text-align:right;
	font-size:0.8em;
/*	border:1px solid blue;  */
}
#search {
	width: 150px; 
	float:right; 
	border: 1px solid #728c40;
	background: red; /*url(input.gif) no-repeat; */
	padding: 0.7em; 
	font-size:0.9em;

}

/* ******************************************	*/
/* ************** gas banner div ************	*/
/* ******************************************	*/
#gasbanner
{
    width: 80%;
    background-color: #fff;
    color: #b8860b; 
    text-align: left;
    border: 0px solid #f5fff4;
    padding: 20px;
    /* border: 3px solid red; */
    min-height: 100%;
    height: 150px;
    
}
#gasbanner h1
{
    font-family: "Century Gothic" , "Trebuchet MS" , "Arial Narrow" , Arial, sans-serif;
    font-size: 2.9em;
    text-transform: uppercase;
    font-weight: NORMAL;
    padding: 0;
    padding-top: 10px;
    margin-bottom: 10px;
}
#gasbanner h2 {
	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size:1.0em;
	text-transform:uppercase;
	font-weight:normal;
	padding:0;
	text-align:right;
}

/* ******************************************	*/
/* ****** div for images with captions ******	*/
/* ******************************************	
.image div {
    font-size: 0.8em;
    font-style: italic; 
    font-family: "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
    text-align: left;
    float: left 
}

/* ******************************************	*/
/* ********* main middle div ***************	*/
/* ******************************************	*/
#middle {
    width: 95%;
    background-color: #fff;
	text-align:left;
}

/* ********* main middle intro ***************	*/
.intro {
	font-family:Helvetica, Arial, sans-serif;
	line-height:20px;
	font-size:1.0em;
	color:#99B198;
	padding-left:0;
	padding-right:200px;
	padding-bottom:35px;
	padding-top:0;

}
.intro h1
{
    font-family:Helvetica, Arial, sans-serif;
	line-height:20px;
	font-size:1.0em;
    color: #b8860b;
}



/* ********* main middle logo ***************	*/
#logo {
	float:left;
	margin-right:20px;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:20px;
	border:1px solid red;
}
.clearer {
	clear:both;
}

/* ******************************************	*/
/* ***************** menus ******************	*/
/* ******************************************	*/
#middleleft {
    width: 20%;
    margin: 0 5px 5px 0 ;
    float:left;
    background-color: #fff;
    color:#6C534A;
    color: #b8860b;
    font-weight:normal;
    text-align:left;
}

#middleright {
    width: 20%;
/*  margin-left:50px; */
    margin: 0 0 50px 10px;
    float:right;
    background-color: #fff;
    color:#6C534A;
    color: #b8860b;
    font-weight:normal;
    text-align:left;
}

/* ****************** middleleft/right header 1 ******	*/
#middleleft h1, #middleright h1 {
	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	border-bottom:1px solid #eeeeee;
	font-size:1.5em;
	text-transform:uppercase;
	font-weight:normal;
	margin:5px;
	padding:0;
	text-align:left;
}
/* *********** middleleft/right paragraph ************	*/
#middleleft p, #middleright p {
	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size:1.0em;
	font-family:"Trebuchet MS", Arial, Verdana;
	color:#728c40;
}

/* ******************************************	*/
/* ****************** menu ***************	*/
/* ******************************************	*/
.menu {
}

/* ****************** links ***************	*/
.menu a {
	display:block;
	width:100%;
	background-image:url(../public/images/backgrounds/menua.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding:5px;
	padding-right:0;
}
.menu a:hover {
	background-color:#eeeeee;
	background-image:url(../public/images/backgrounds/menua_hover.jpg);
	background-repeat:repeat-y;
}
/* ******************************************	*/
/* ************** skip menu *****************   */ 
/* * implements WCAG v2.0 Guideline 2.4.1   *	*/
/* ******************************************	*/
/* removed as it causes FF to break, but OK in IE6/7 */
/*
#skip a, #skip a:hover, #skip a:visited 
{ 
position:absolute; 
left:0px; 
top:-500px; 
width:1px; 
height:1px; 
overflow:hidden;
} 
 
#skip a:active 
{ 
position:static; 
width:auto; 
height:auto; 
} 
*/
/* ******************************************	*/
/* ****************** middlemain ***************	*/
/* ******************************************	*/
#middlemain {
	width:75%;
    background-color: #fff;
    background-image: url(../public/images/backgrounds/mainbar.jpg);
    background-position: right top;
    background-repeat: no-repeat;
	float:left;
    
    
}

/* *** middlemain header 1 definition ****	*/
#middlemain h1 {
	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size:2em;
	text-transform:uppercase;
	font-weight:normal;
	border-bottom:1px solid #eeeeee;
    color: #b8860b;
	text-align:left;
    clear:both; 
}

/* *** middlemain header 2 definition ****	*/
#middlemain h2 {
	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size:1.5em;
	text-transform:uppercase;
	font-weight:normal;
	border-bottom:1px solid #eeeeee;
    color: #b8860b;
	text-align:left;
    clear:both; 
}
a:hover {
	color:#2a65ad;
}

/* *** middlemain paragraph definition ****	*/
#middlemain p {
	line-height:1.25em;
/*	margin: 0 90px 0 0px;
	margin-left:20px; */
}

#middlemain a {
	text-decoration:underline;
/*	padding:10px;
	padding-top:20px;
	padding-bottom:20px; */
	color:#4D87CE;
/*    color:red;
  	font-weight:bold; */
}
#middlemain a:hover {
	color:#2a65ad;
}

#middlemain a:visited   {
    color: purple;

}
/* ******************************************	*/
/* * rjustfd image with article within middlemain 	*/
/* ******************************************	*/
.imager div{
	float:right;
	padding:10px;
	border:1px solid #eee;
	margin-left:5px;
	margin-top:5px;
	margin-bottom:5px;
    font-size: 0.8em;
    font-style: italic; 
    font-family: "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
    text-align: left;
    float: left 
}

/* ******************************************	*/
/* * ljustfd image with article within middlemain 	*/
/* ******************************************	*/
.imagel div{
	float:left;
	padding:10px;
	border:1px solid #eee;
	margin-left:5px;
	margin-top:5px;
	margin-bottom:5px;
    font-size: 0.8em;
    font-style: italic; 
    font-family: "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
    text-align: left;
}

.floatright {
    float: right; 
    margin: 5px 0px 5px 10px;
}

.floatleft {
    float: left; 
    margin: 5px 10px 5px 0px;
}
#middlemain .datecreated 
{   font-family:"Trebuchet MS", Arial, Verdana;
	font-size:0.9em;
	text-align:left;
}
#middlemain .datelastupd
{   font-family: "Trebuchet MS" , Arial, Verdana;
    font-size: 0.9em;
    text-align: left;
}

#middlemain .back
{
    color: maroon;
}

/* ******************************************	*/
/* ****** anchor links within middlemain *******	*/
/* ******************************************	*/
.middlemainlinks  {
    background-color: #fff;
    padding:5px;

}
.middlemainlinks h1 {
	margin:0 0 0 0;
	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size:2em;
	text-transform:uppercase;
	font-weight:normal;
	border-bottom:1px solid #eeeeee;
    color: #b8860b;
	text-align:left;
}

/* ******************************************	*/
/* ******** 2-col div within middlemain ********	*/
/* ******************************************	*/

#mb2col {
	width:100%;
	float:left;
/*	padding-left:20px;
/*    margin-right:185px;
	padding-right:35px;
/*	border:1px solid red; */
	background-image:url(../public/images/backgrounds/mainbar.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}    

/* ******************************************	*/
/* ***** left col div within #mb2col ********	*/
/* ******************************************	*/
#mb2collcol {
	width:50%;
	float:left;
/*	padding-right:10px;*/
	border:1px solid blue; 
	background-image:url(../public/images/backgrounds/mainbar.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}

/* ******************************************	*/
/* ***** right col div within #mb2col *******	*/
/* ******************************************	*/
#mb2colrcol {
	width:49%;
	float:right;
/*	border:1px solid green; */
	background-image:url(../public/images/backgrounds/mainbar.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}   

/* ******************************************	*/
/* ***************** footer *****************	*/
/* ******************************************	*/

#footer {
	width:100%;
/*	background-color:#b6cf84;  was puke green*/
    background-color: #ffefb5 /* moccasin */;
	border-top:1px solid #d8efa6;
	border-bottom:5px solid #94ae62;
	padding-top:5px;
	padding-bottom:5px;
	color:#555555;
    clear:both;
}

/* links within footer 				*/

#footer a {
	color:#006600;
}

/* links within footer 				*/

#footer a:hover {
	color:#009900;
}

#footer a:visited {color:purple;}

/* left right divs */

div.row span.left {
  float: left;
  text-align: left;
  font-weight: bold;
  color: #fff;
  width: 49%;
  }

div.row span.right {
  float: right;
  text-align: right;
  font-weight: bold;
  color: #fff;
  width: 49%;
  }

/* forms */

div.row {
  clear: both;
  padding-top: 10px;
  }

div.row span.label {
  float: left;
  width: 100px;
  text-align: right;
  }

div.row span.formw {
  float: right;
  width: 335px;
  text-align: left;
  } 

/* ******************************************	*/
/* ******** 1-col div within middle ********	*/
/* ******************************************	*/

#onecol {
	width:100%;
	float:left;
	margin-left:10px;
	padding-left:10px;
/*  margin-right:185px;
	padding-right:35px;
	border:1px solid red; 
	background-image:url(../public/images/backgrounds/mainbar.jpg);
	background-position:top right;
	background-repeat:no-repeat; */
}
/* *** middlemain header 1 definition ****	*/
#onecol h1 {
	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size:2em;
	text-transform:uppercase;
	font-weight:normal;
	border-bottom:1px solid #eeeeee;
	color:#728c40;
	text-align:left;
}    

#onecol h2 {
	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size:1.5em;
	text-transform:uppercase;
	font-weight:normal;
	border-bottom:1px solid #eeeeee;
	color:#728c40;
	text-align:right;
}

.raisedcap  {
    font-family:Georgia;
    color:#d2691e;
    font-size:56px;
    font-weight:normal;
    line-height:80%;
    letter-spacing:-6px;
}
.tablecaptionlastupd 
{
    font-size:0.7em;
    text-align:right;    
}
/*
    float: left;
    margin-top: 0px;
    color: #d2691e; /* chocolate */
/*  padding-top:.2em; 
    font-size: 36pt;
    height: 42pt;
    font-family: Georgia;
    color: #d2691e; /* chocolate 
    font-weight: normal;
    line-height: 100%;
    letter-spacing: -6px;
/*    background-color: #d2691e; /* chocolate 
}
*/
.init2words  {
    font-size:1.5em;
}
.myBox
{
/*    margin: 0 auto; */
/*    border: 0px solid #f5fff4;
 */

/*    color: #f5fff4;*/
/*    padding: 5px;
 */

    text-align: left;
    background-color: #f5fff4;
    border: 1px solid #f5fff4;
    /*
    background-image: url(back_test2.jpg);
    background-repeat: no-repeat;
    */
}


/* ******************************************	*/
/* ******** tables in CSS            ********	*/
/* * from http://icant.co.uk/csstablegallery/index.php?css=43#r43 */
/* ******************************************	*/

div#gastable1 {
	border-collapse: collapse;  /* cells share borders */
	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
/*	font: normal normal normal 0.7em Verdana, Geneva, Arial, Helvetica, sans-serif; */ 
	background: #fff; /*url(input.gif) no-repeat; */
    font-weight: normal;
	font-size:0.8em;
}

html>body div#gastable1 {
/*	font: normal normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	background: red; 
	height: 377px; */
}

div#gastable1 table {
	border-collapse: collapse;  /* cells share borders */
}
UNKNOWN {
	FONT: 25px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	HEIGHT: 377px
}
/* caption {
	background: url(http://www.imaputz.com/cssStuff/datatable.gif) #FFF repeat-x scroll center left; 
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
	display: block; 
    font: normal normal bold 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif; 
    font-weight: bold;
	font-size:2em;
	padding: 20px;
	text-align: left;
}*/

/*
html>body caption {
	display: block;
}
*/
thead tr th, tr thead td {
/*	background: url(http://www.imaputz.com/cssStuff/datatable.gif) #FFF repeat-x scroll center left; */
	border-bottom: 1px solid #CCC;
	padding: 5px;
	position: relative;
	text-align: left;
}

html>body thead tr th, html>body tr thead td {
	position: inherit;
}

tbody tr th, tbody tr td {
/*	background: url(http://www.imaputz.com/cssStuff/datatablerow.gif) #FFF repeat-x scroll center left; */
	display: table-cell;
/*	font: normal normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size:0.8em; */
	padding: 5px;
	text-align: left;
	vertical-align: top;
}

tbody tr.odd th, tbody tr.odd td
{
    /*	background: url(http://www.imaputz.com/cssStuff/datatablerow.gif) #EEE repeat-x scroll center left; */
    display: table-cell;
    padding: 5px;
    text-align: left;
    vertical-align: top;
    background: #f0f0f0;
}
/*
tbody tr:hover th, tbody tr:hover td, tbody tr.odd:hover th, tbody tr.odd:hover td {
	background: url(datatablerow.gif) #999 repeat-x scroll center left;
	color: #FFF;
	display: table-cell;
	padding: 5px;
	text-align: left;
	vertical-align: top;
}

tbody tr a, tbody tr a:link, tbody tr a:visited {
	color: #009;
	text-decoration: none;
}

tbody a:hover {
	color: #009;
	text-decoration: underline;
}

tbody tr:hover th a, tbody tr:hover td a, tbody tr.odd:hover th a, tbody tr.odd:hover td a {
	color: #FFF;
	text-decoration: none;
}

tbody tr:hover th a:hover, tbody tr:hover td a:hover, tbody tr.odd:hover th a:hover, tbody tr.odd:hover td a:hover {
	color: #FFF;
	text-decoration: underline;
}

tfoot tr th {
	background: url(http://www.imaputz.com/cssStuff/datatable.gif) #FFF repeat scroll center left;
	border-top: 1px solid #CCC;
/*	font: normal normal bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	padding: 5px;
	text-align: right;
	z-index: 1000000;
}

tfoot tr td {
	background: url(http://www.imaputz.com/cssStuff/datatable.gif) #FFF repeat scroll center left;
	border-top: 1px solid #CCC;
/*	font: normal normal bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	padding: 5px;
	z-index: 1000000;
}

html>body tfoot tr th, html>body tfoot tr td {
	border-bottom: 1px solid #CCC;
}

 
html>body thead {
	display: block;
}

html>body tfoot {
	display: block;
	position: absolute;
/*	top: 620px; 
}

html>body tbody {
	display: block;
/*	height: 300px; 
	overflow: auto;
}

html>body thead tr th, html>body tbody tr th {
/*	width: 98px; 
	width: 20%;
}

html>body thead tr th + th, html>body tbody tr th + td {
/*	width: 100px; 
	width: 20%;
}

html>body thead tr th + th + th, html>body tbody tr th + td + td {
/*	width: 80px; 
	width: 10%; 
}

html>body thead tr th + th + th + th, html>body tbody tr th + td + td + td {
/*	width: 230px;
	width: 10%;
}

html>body thead tr th + th + th + th + th {
/*	width: 86px; 
	width: 10%;
}

html>body tbody tr th + td + td + td + td {
/*	width: 70px; 
	width: 10%;
}

html>body tfoot tr th {
/*	width: 98px; 
	width: 10%;
}

html>body tfoot tr th + td {
/*	width: 526px; 
	width: 10%;
}
*/
/*                      test for image/captions */



/* ********************************************	*/
/* image and caption -divs and their supporters */
/* ********************************************	*/

div.imageandcaption {
	width: 50%;
	border: 1px silver solid;  /* moccasin */
	margin: 0.3em;
	padding: 0.3em;
}

div.imageandcaption p {
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size:0.8em;
	color:#555555;
	text-align: left;
	font-style: italic;
	text-indent: 0;
}
img.scaled {
  width: 97%;
}


/* ******************************************	*/
/* infor tab box */
/* ******************************************	*/
/* 
.Tab_Box {
	DISPLAY: block; PADDING-LEFT: 20px; FLOAT: left; MARGIN-BOTTOM: 20px; MARGIN-LEFT: 0px; WIDTH: 518px
}
.Tab_Nav {
	BACKGROUND-POSITION: center bottom; DISPLAY: block; BACKGROUND-IMAGE: url(/furniture/images/Tab_Box_Top.gif); MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 0px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 34px
}
.Tab_Nav_Items {
	PADDING-LEFT: 20px
}
.Tab_Body {
	MARGIN-TOP: 0px; DISPLAY: block; BACKGROUND-IMAGE: url(/furniture/images/Tab_Body_Bg.gif); MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 0px; BACKGROUND-REPEAT: repeat-y
}
.Tab_Content SELECT {
	FONT-SIZE: 11px; COLOR: #3a3a3a; FONT-FAMILY: Arial,sans-serif
}
.Tab_Content H1 {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; MARGIN-BOTTOM: 3px; MARGIN-LEFT: 15px; COLOR: #3a3a3a; LINE-HEIGHT: 14px; MARGIN-RIGHT: 15px; PADDING-TOP: 2px; FONT-FAMILY: Arial,sans-serif
}
.Tab_Content H2 {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 2px 15px 3px; COLOR: #3a3a3a; PADDING-TOP: 0px; FONT-FAMILY: Arial,sans-serif
}
.Tab_Content P {
	FONT-SIZE: 11px; PADDING-BOTTOM: 5px; MARGIN: 0px 15px; COLOR: #3a3a3a; LINE-HEIGHT: 14px; FONT-FAMILY: Arial,sans-serif
}
.Tab_Box_Bottom {
	DISPLAY: block; BACKGROUND-IMAGE: url(/furniture/images/Tab_Body_Bottom.gif); BACKGROUND-REPEAT: no-repeat; HEIGHT: 12px
}
.Tab_Content .Callout_Container {
	DISPLAY: block; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 510px; PADDING-TOP: 0px
}
.Tab_Content .Callout_Container .Callout {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 235px; PADDING-TOP: 0px
}
.Tab_Content .Callout_Container .Callout H1 {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; MARGIN: 0px 5px 2px 0px; COLOR: #8b050a; PADDING-TOP: 10px; FONT-FAMILY: Arial,sans-serif
}
.Tab_Content .Callout_Container .Callout H1 A {
	COLOR: #8b050a; TEXT-DECORATION: none
}
.Tab_Content .Callout_Container .Callout P {
	FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 0px 5px 0px 0px; COLOR: #3a3a3a; FONT-FAMILY: Arial,sans-serif
}
.Tab_Content .Callout_Container .Callout IMG {
	FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 10px 0px 0px; PADDING-TOP: 10px
}
.Tab_Content P.Divider {
	PADDING-BOTTOM: 0px; MARGIN: 5px 0px 0px 10px; PADDING-TOP: 5px
}
*/