/*Style sheet for Mozilla base web browzer*/

body       { /* body format */
           margin: 0;
           padding: 0;
           font-size: medium;
           font-family: arial, helvetica, georgia;
           font-weight: normal;
           color: #520c7b;
           }
#header    { /* header format */
           width: 690px;
           height: 100px;
           margin: auto;
           padding: 0;
           /*border: 1px solid red;*/
           }
#maincontent {/* main content format */
           width: 690px;
           margin: auto;
           padding: 16px 0 6px 0;
           border-top-color: #003471;
           border-top-style: ridge;
           border-top-width: 2px;
           border-bottom-width: 2px;
           border-bottom-color: #003471;
           border-bottom-style: ridge;
           border-left-width: 2px;
           border-left-color: #003471;
           border-left-style: groove;
           border-right-width: 2px;
           border-right-color: #003471;
           border-right-style: groove;
           text-align: center;
           }
#topnavlink { /* top link content format. I've decide to not include top nav. But keep this if ever want to use it */ 
           position: relative;
           top: -90px;
           margin: 0;
           padding: 0 6px;
           font-size: .8em;
           /*border: 1px solid red;*/
           text-align: right;
           }
#topnavlink ul {
           padding: 0;
           margin: 0;
           display: block;
           list-style: none;
           }
#topnavlink li {
           display: inline;
           margin: 0;
           padding:0 4px;
           }
#topnavlink li a {
           text-decoration: none;
           color: #f7941d;
           }
#topnavlink li a:hover {
           text-decoration: underline;
           color: #520c7b;
           }           
#mainnavlink { /* main product links format */
           width: 690px;
           position: relative; /* This is to move the main link closer to the main logo*/
           top: -4px;
           padding: 0;
           margin: auto;
           text-align: center;
           font-size: .8em;
	   font-weight: bold;
           }
#mainnavlink ul {
           padding: 0;
           margin: 0;
           display: block;
           list-style: none;
           }
#mainnavlink li {
           display: inline;
           margin: 0;
           padding: 0 4px;
           }
#mainnavlink li a {
           text-decoration: none;
           color: #df8922; /*#f7941d;*/
           } 
#mainnavlink li a:hover {
           text-decoration: underline;
           color: #520c7b;
           }          
#oemcontainer {/* container for oem discription format */
           width: 550px;
           margin: 8px auto;
           padding: 0;
           border-top: 1px solid #003471;
           border-bottom: 1px solid #003471;
           }
#oemcontainer ul {
           padding: 0;
           margin: 0;
           display: block;
           list-style: none;
           }
#oemcontainer li {
           display: inline;
           margin: 0;
           padding: 10px;
           }
#footer    { /* footer content format */
           width: 690px;
           margin: auto;
           padding: 6px 0 6px 0;
           }
#gglogo    {
           margin: 0;
           padding: 0;
           border: 1px solid red;
           }
#logocontainer { /* logo container format */
           width: 30%;
           margin: 0;
           padding: 0;
           float: right;
           text-align: right;
           }
#copyright { /* copyright statement format */
           width: 32%;
           margin: 0;
           padding: 0;
           font-size: .7em;
           float: left;
           }
#announcement { /* announcement statment format */
           width: 38%;
           margin: 0;
           padding: 0 0 8px 0;
           font-size: 1.1em;
           text-align: center;
           float: left;
           }
#subpicture { /* format for all sub picture container */
           margin: 0;
           padding: 6px 0 0 0;
           }
#announcontentbg {
           background-image: url(../images/gasinglobal.jpg);
           background-repeat: no-repeat;
           background-position: top center;
           }
#splcontentbg {
           background-image: url(../images/gasinglobal_special.jpg);
           background-repeat: no-repeat;
           background-position: top right;
           }
#csbcontentbg {
           background-image: url(../images/gasinglobal_csb.jpg);
           background-repeat: no-repeat;
           background-position: top center;
           }
.announcemaintxt {
           margin: 0;
           padding: 0 0 20px 0;
           font-size: 1.6em;
           }
.announcesubtxt {
           margin: 0;
           padding: 0 6px;
           font-size: .8em;
           text-align: left;
           }
.smalltext { /* format for small text */
           font-size: .7em;
           }
.noimageborder { /* format for no border on image */
           margin: 0;
           padding: 0;
           border: none;
           }
.tcenteralign {
           margin: auto;
           padding: 6px;
           }
table.lefttxtalign      {
            text-align: left;
           }
td.halfwidth {
           width: 50%;
           }
.centertext {
            text-align: center;
           }
.lefttext {
           text-align: left;
           }
.righttext {
           text-align: right;
           }
.guidediscrip {
           margin: 0;
           padding: 6px;
           text-align: left;
           }
.lttxtpad {
           margin: 0;
           padding: 6px;
           text-align: left;
           }
.note  {
           width: 600px;
           /*border: 1px solid red;*/
           margin: auto;
           padding: 6px;
           font-size: .8em;
           text-align: left;
           border-top-color: #003471;
           border-top-style: ridge;
           border-top-width: 1px;
           border-bottom-width: 1px;
           border-bottom-color: #003471;
           border-bottom-style: ridge;
           }

h4 {
            margin: 0;
            padding: 0;
            }
a:link {    color: #520c7b; /*f7941d;*/
            text-decoration: none;
            }
a:visited {
            text-decoration: none;
            }
a:hover {
            color: #f7941d; /*520c7b;*/
            text-decoration: underline;
            }
a.menu:link {
            color: #520c7b; /*f7941d;*/
            text-decoration: none;
            }
a.menu:visited {
            text-decoration: none;
            }
a.menu:hover {
            color: #f7941d; /*520c7b;*/
            text-decoration: none;
            }
/*<!--[if IE]> <link href="ie.css" rel="stylesheet" type="text/css"> <![endif]--> ie hacks*/