/* header  */
div.header {
  width:770px;
  height:50px;}
  
  div.logo {
    top:0px;
    left:10px;
/*    width:211px; */
    height:50px;}
/*   
  div.myTransGasBG {
    position:absolute;
    top:0px;
    left:0px;
    height:50px;
    width:770px;
    clip:rect(0px,auto,auto,603px);
    background-color:#ffb30f;
    background-image:url('/img/myTransGasBG.png');
    background-repeat:repeat-x;
    background-position:13%;}
*/

span.years {
	font-size: 20px;
	
	/*	
	position: relative;
	left: 180px;
	top: -30px; 
	*/
	
	line-height: 60px;
	padding-left: 15px;
	height: 60px;
	vertical-align: top;
}
    
  div.myTransGasLogin {
    position:absolute;
    top:24px;
    left:580px;
    height:16px;
    width:101px;
    display:block;
    background-color:#ffb30f;}  

/* End Header */
  
/* Middle Section */

div.midTop {
  width:770px;
  height:55px;
  background-color:#e0eb73;}
  
div.middle {
  width:770px;
  height:214px;
  margin-bottom:10px;}
    
  div.midBottom {
    position:absolute;
    width:770px;
    height:214px;
    background-color:#a0ba7a;}
  
    /* Section Title */
  
  div.sectionTitle {
    position:absolute;
    top:-32px;
    left:25px;
    height:48px;
    z-index:15000;}
  
  /* End of Section Title */     

  /* 
     Right side - this is just a general positioning - use style="" on a 
     per page basis to position the div 
  */
  
  div.rightSide {
    position:absolute;
    top:0px;
    z-index:3000;}
  
/* Quick Link Menu  */
  div.quickLinkMenu {
    visibility:hidden;
    left:65px;}
    
  div.quickLinkMenu a, div.quickLinkMenu span {
    width:220px;}
    
/* End of Middle Section */
  

/* overrride the centering of text in the centered block */

div.announcements *, div.news * {
  text-align:left;}
  

/* end overrride the centering of text in the centered block */

/* Announcements : Announcements */

div.announcements {
  font-size:11px;
  width:754px;
  height:75px;
  margin-bottom:12px;}
  
  div.announceRule {
    position:absolute;
    top:0px;
    left:0px;
    width:754px;
    height:1px;
    border-top:1px dashed #01415b;}
    
  div.announce {
    position:absolute;
    height:70px;
    display:block;}
  
  div.small {
    width:152px;
    overflow:hidden;}
    
  span.news {
      width:293px;
      height:26px;
      display:block;
      font-size:15px;
      font-style:italic;
      text-indent:8px;}
 



div.announce span.title {
      width:293px;
      height:26px;
      display:block;
      font-size:18px;
      font-style:italic;
      text-indent:8px;}






     
    div.small span.title {
      line-height:26px;
      font-size:15px;
      font-weight:bold;
      width:152px;}
      
    div.announce span.content {
      width:293px;
      height:44px;
      display:block;}
      
    div.announce span.content p {
      margin:0px;
      margin-left:8px;
      width:283px;}
      
    div.small span.content p {
      width:140px;
      font-style:normal;
      font-size:12px;
      margin:0px;
      margin-left:8px;}
      
    div.small span.content a, span.content a {
      font-weight:bold;
      font-style:normal;}
    
    div.announce span.green {
      background-color:#e9f19b;
      color:#01415b;}
      
    div.announce span.blue {
      background-color:#a6bcc6;
      color:#01415b;}
      
    div.announce span.DKblue {
      background-color:#80a0ad;
      color:#fff;}
    
    div.announce span.orange {
      background-color:#f9d063;
      color:#01415b;}
      
    div.announce span.DKorange {
      background-color:#f8b210;
      color:#01415b;}
      
    div.announce .large {
      padding-top:5px;
      font-size:13px;}
      
    /* build the right padding into the image */
    div.announce div.photo {
      position:absolute;
      top:0px;
      right:0px;}
      
    div.announce input, div.announce p input, div.announce span input {
      width:60px;
      border:1px solid #000;}
      
    div.announce input.button {
      color:#fff;
      background-color:#60854c;
      border:1px solid #fff;
      text-align:center;}
      
  
  
/* End of Announcements */
  


/*-------------------------------------------*/
/* form styles */

input.blur {
  border:1px solid #7f7f7f;
  background-color:#a6bcc6;}
  
input.focus {
  border:1px solid #7f7f7f;
  background-color:#ffffff;}
  
input.button {
  border:0px;}

input.checkbox {
  width:auto;}
  
form {
  margin:0px;
  padding:0px;
  width:auto;}