html { margin: 0; padding: 0; }
body { font: 12px/1.5 Verdana, Arial, Helvetica, sans-serif; margin: 0; color: #ffffff; background:url('../images/background_dark_blue.gif') repeat}
table#main {background: #ffffff; margin:0; padding:0;}
.container { position:relative; margin: 0; padding: 0;}
div#header { position:relative; margin:0; padding:0; top: 0px; left: 0px; height: 100px; width: 770px; border-bottom: 2px solid #ff0000;}
div#header img {margin:0; padding:0;}
div#topbox { position:relative; top: 9px; left: 20px; height: 30px;}

h2 {font-size:18px; font-weight:bold; color:#333333; text-align:center;}
h4 {font-size:13px; font-weight:bold; color:#333333; text-align:left;}

div#main { position:relative; width:770px; font: 12px/1.5 Verdana, Arial, Helvetica, sans-serif; color: #000000; }
div#main_content { margin:10px 10px 10px 165px; padding:0;}
#main_content h1{margin:2px 5px 2px 5px; padding:0; color:#333333; font-size: 102%; font-weight:bold; font-family: Arial, Helvetica, sans-serif;}
#main_content li{list-style-type:disc;}
#main_content table{border: 1px solid #1c2462;}
#main_content th{color:#FFFFFF; background:#1c2462;}
#main_content td{padding: 3px 4px 3px 4px; color:#333333; border: 1px solid #1c2462; font:Verdana, Arial, Helvetica, sans-serif; font-size:85%; font-weight:bold;}
div#right-side {float:right; width: 225px; left:460px; right:20px; margin:0; padding:0;}
#right-side h3 {
   margin:0;
   border-top: 4px solid #ff0000; 
   border-left: 2px solid #ff0000;
   border-right: 2px solid #ff0000;
   padding:0.25em 0.25em; 
   color: #FFFFFF; 
   background: #f08080; 
   text-align:center; 
   font-size: 16px; 
   font-weight: bold; 
}
.redbkgd {margin: 0; padding:0.25em 0.5em 0.25em 0.5em; font-size: 95%; color: #ff0000; background: #ffffff; border: 2px solid #ff0000;}
h2 {font-size:18px; font-weight:bold; font-family:"Courier New", Courier, mono; color:#333333; text-align:center;}
div#headerLeft { float:left;}
div#headerRight { float:right; padding: 2px 2px 2px 2px; margin: 0.5em 1em 0.5em 1em;  vertical-align:top;}
div#headerRight p {color: white; background-color: #ff9900;  font-size: 110%; font-weight: bold; text-align: center;}
div#sitenav { position:relative; height:24px; width:770px;  margin:0; padding:0 0 0 0; color: #ffffff; background-color:#1c2462; border-top: 3px solid #a3d5fc;}
div#sitenav a {display: table-row; padding: 1px 5px 1px 30px; margin: 0; font-size: 15px; color:#ffffff; text-decoration: none; font-weight:bold; background: url('../images/navbr_image.gif') 5px 50% no-repeat; }
div#sitenav a:hover { color:#cccccc; background: url('../images/navbr_image_gray.gif') 5px 50% no-repeat;}
div#sitenavtop {text-align: right; margin:0; padding:0; background: #000066 url(file:///G|/transgas/stagdo/stagdo/top_left_db.gif) top left no-repeat;}
div#sitenav p{color:#a3d5fc; background: #003366; font-size:12px; font-weight:bold; text-align:right; padding: 0.2em 1em 0.2em 0.5em;}
div#sitenavbottom {text-align: right; margin:0; padding:0; background: #000066 url(file:///G|/transgas/stagdo/stagdo/bt_left_db.gif) bottom left no-repeat; border-top: 1px solid #cccccc; }
div#threeColumns {position:relative; top: 0; left: 0; width: 100%; height:40em; margin: 0; padding: 0; background: #fff; }
div#leftSide { float:left; width: 145px; background-color: #fff;}
div#leftSide img{margin: 5em 0.5em 2em 2em; padding: 1em 0.5em 1em 0.5em}


div#rightsideimg {margin:0; padding:0; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc;}
div#rightside h4 {margin: 0; padding: 0;font-size: 115%; background: #000066; color: #FF9900; text-align: center; border-right: 1px solid #red; border-left: 1px solid #red; }
div#toprhs {text-align:right; margin:0; padding:0; background: #c0c0c0 url(../images/top_left_gray.gif) top left no-repeat;}
div#bottomrhs {text-align:right; margin:0; padding:0; background: #c0c0c0 url(../images/bt_left_gray.gif) bottom left no-repeat; }
div#rightside h3{padding: 0.25em 0.25em 0 0; color: #000066; font-size: 115%;}
div#rightside b {color: #ff9900; text-align:right;}
div#rightside p { display: block; padding: 2px 2px; margin: 0; font-size: 95%; color:#ff9900; text-decoration: none; text-align:left; border-left:1px solid #c0c0c0; border-right:1px solid #c0c0c0; }
div#Rightsideorange {color: white; background-color: #ff9900;  font-size: 110%; font-weight: bold; text-align: center; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc;}
div#rightside a {font-size:85%; color: #ff9900; display: block;text-align:center; margin:0; padding: 2px 0 2px 0; border-left:1px solid #c0c0c0; border-right:1px solid #c0c0c0; }
div#rightside a:hover{color: #ff9900;}


div#main h1 {font-size: 200%; letter-spacing: 0.25em; font-weight:bold;}
div#main b {font-weight:bold; font-size:12px;}
div#commentbox {float:right; width: 200px; margin: 0; padding:0; font-size: 105%; color:#000066; text-align: left; font-weight:bold; background:#1c2462
;}
div#commentbox p{padding: 0em 0.25em 0em 0.25em; font-size: 98%; font-weight:bold; color:a3d5fc;}
div#commentbox2 {float:left; width: 175px; margin: 0; padding:0; font-size: 102%; color:#ff9900; text-align: left; font-weight:bold; background: #c0c0c0;}
div#boxtop {text-align: right; margin:0; padding:0; background: images/top_left_db.gif) top left no-repeat;}
div#footer {position: relative;  margin:0; padding:0; border-top: 2px solid #a3d5fc; border-bottom: 1px solid #ff0000; width: 770px; height:20px;  padding: 0; background: #1c2462; text-align: left; color: #cccccc; font-size:11px; font-weight:bold; }
div#footer p {float:left; font-size: 11px; color: #ffffff; font-weight: bold; }
div#footer a {font-size: 12px; color: #ffffff;  text-decoration: none; font-weight: bold;}
div#footer a:hover {color: #cccccc;}
div#bottombar { position:relative; margin:0; padding:5px 0px 0px 5px; height: 30px; width: 765px; color:#1c2462;  font-size:11px; background: #FFFFFF; font-weight:400; text-align:center;}
div#bottombar a {float:right; color:#666666; font-size:12px; font-weight:bold;}
div#bottombar a:hover {float:right; color:#339900; font-size:12px; font-weight:bold;}

.img_box{ float:none;  width:385px; margin: 20px 20px 20px 100px; padding:0; border: 4px solid #000000;  background:#00ffff;}
.img_box img{ margin: 10px 10px 10px 10px; padding:0; border: 2px dotted #000000;}
.img_box p{margin:0; padding: 5px 10px 5px 10px; color: #000000;}

.img_box_left{ float:left; margin: 1em 1em; padding:0; border: 3px double #006699;  background:#eef6f6;}
.img_box_left img{ margin: 10px 10px 10px 10px; padding:0; border: 1px dotted #006699;}
.img_box_left p{margin:0; padding: 5px 10px 5px 10px; color: #6699cc;}

#title {float: left; margin:2em 0 2em 0; padding:0; width:85%; height:50px; border-right: 10px solid #ff0000;border-left: 3px solid #ff0000;border-top: 3px solid #ff0000; border-bottom: 3px solid #ff0000; background: url(images/rainbow.jpg) no-repeat; text-align:right;}
#title h1{margin:5px 20px 5px 50px; padding: 0.25em 0.25em 0.25em 0.25em; color:#333333; font-size:115%; font-weight:bold; font-family:"Courier New", Courier, mono;}
#title h2{margin:0; padding: 2px 20px 2px 20px; font-size:20px; font-weight:bold; font-family:"Courier New", Courier, mono; color:#333333; text-align:right;}

#title2 {float: left; margin:1em 0 1em 0; padding:0; width:65%; height:80px; border-right: 10px solid #000000;border-left: 3px solid #000000;border-top: 3px solid #000000; border-bottom: 3px solid #000000; background: url(file:///G|/transgas/stagdo/stagdo/%27../images/title_bkgd.gif%27) top left no-repeat; text-align:right;}
#title2 h1{margin:5px 10px 5px 115px; padding: 0.25em 0.25em 0.25em 0.25em; color:#000000; font-size:14px; font-weight:bold; font-family:"Courier New", Courier, mono}


#tips{ float:none;  margin: 20px 20px 20px 50px; padding:0.5em 0.5em; border: 1px dashed #333333; font-family:Arial, Helvetica, sans-serif; font-size:13px; }
#tips h2 {margin:0; padding:0; font-size:16px; font-weight:bold; color:#333333; text-align:center;}

#address{ float:right;  margin: 1em 1em; padding:0.5em 0.5em; border: 1px dashed #333333; font-family:Arial, Helvetica, sans-serif; font-size:13px; }
#address h2 {margin:0; padding:0; font-size:16px; font-weight:bold; color:#ff00cc; text-align:center;}

#address_left{ float:left;  margin: 1em 1em; padding:0.5em 0.5em; border: 1px dashed #333333; font-family:Arial, Helvetica, sans-serif; font-size:13px; }
#address_left h2 {margin:0; padding:0; font-size:16px; font-weight:bold; color:#ff00cc; text-align:center;}

#bottom_banner {margin: 1em 1em 1em 1em; float:none;}

.example_box{ margin: 5px 0px 5px 0px; width:100%;}
.example_box h5{color:#FFFFFF; background:#1c2462; font-size:98%; font-weight:bold; width:100%;}
.example_box img{ float:left; margin:0; padding: 2px 5px 2px 0px;}
.example_box p{color:#000000; margin: 0px 5px 0px 5px; padding:0; font-size:90%; font-weight:bold;}
.example_box a{color:#1c2462; text-decoration:none;}
.example_box a:hover {color:#FF0000;text-decoration:underline;}

#example {margin: 0; padding:0; font: 12px/1.5 Verdana, Arial, Helvetica, sans-serif; color: #000000; background: #ffffff;}
#example p{font: 12px/1.5 Verdana, Arial, Helvetica, sans-serif; color: #000000;}
#example table{margin:0; padding:0; background: #ffffff;}

#leftside dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;


}
#leftside {
position: absolute; /* Menu position that can be changed at will */
top: 0;
left: 0;
}

#leftside dt {
display: block; margin: 2px 0 2px 0; padding: 2px 5px 2px 5px; font-size: 100%; color:#a3d5fc; font-weight: bold; text-decoration: none; text-align:left; background: #1c2462

}

#leftside li {
margin-left: 20px;
text-align: left;
background: none;

}
#leftside li a{
display: block; margin: 2px 0 2px 0; padding: 2px 5px 2px 5px; font-size: 100%; color:#1c2462; font-weight: bold; text-decoration: none; text-align:left; background: #a3d5fc;
}
#leftside dt a {
font-size: 100%; color:#a3d5fc; font-weight: bold; text-decoration: none; text-align:left; background: #1c2462;

}

#leftside li a:hover {
color: #ff0000;

}

#leftside dt a:hover {
color:#ff0000; background-color:#1c2462;

}

.clearAll {
clear: both;
}

.clearRight {
clear: right;
}

.left {
float: left;
}

.right {
float: right;
}
.center{
float:none;
}

.clearLeft {
clear: left;
}