/*CONTENT CLASSES*/

html, body {
background: url(images/gashelp_back.jpg) repeat-x;
background-color: #fff;	
font-family: Verdana, Arial, helvetica, san serif;
font-size: .9em;
color: #4a4a52;

margin: 0;
padding: 0;
line-height: 160%;
text-align:left;

}







a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color: #167078;
	background-color: transparent;
}





a img { border: none; }




#page-wrapper {
	
	text-align:  left;
	width:900px; 
	min-height:700px;
height:auto !important;
	margin: 0px auto;
border: 0px solid #000000; 
}

#page-heading {

background: #fff url(images/gashelp_header.jpg);
background-position:top center;
	background-repeat: no-repeat;
	height: 250px; 

margin-top: 0px;
border-bottom: 0px solid #fabf21;
}





#content {

background-color: #fff;

margin-top: 0px;
margin-bottom: 4px;
border: 0px solid red;

width:900px; 
padding: 0px;
margin-left: 0px;

 float: left;
min-height:400px;
height:auto !important;

}




#mainContent { 
  width: 660px;
  padding-left: 0px;
    border: 0px solid red;
  margin-left: 0px;
  margin-bottom: 0px;
  float: left; 
text-align: justify; text-justify: newspaper;
  display: inline; /* IE6 double margin float */
}




#page-footer {

background-color: #b4c5d2;

clear: both;
height:80px;
margin-top: 0px;
text-align: center;
padding-top: 0px;
border: 0px solid red;
border-top: 4px solid #f64e36;
border-bottom: 4px solid #000;
padding-top: 1px;

}

.sig {
width: 900px;
font-family: Arial, Helvetica, sans-serif;
color: #000;
margin-top: 0px;

text-align: left;
font-size: 1em;
border: 0px solid red;
	}



	.jump{
	 text-decoration: none; 
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	padding-top: 4px;
	text-align: top;
	margin: 0;
	text-align: right;
	
	font-size: .8em;
	}	


	
.tiny {
	 text-decoration: none; 
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	padding-top: 4px;
	text-align: top;
	margin: 0;
	text-align: right;
	
	font-size: .7em;
	}	

	
	h1
	{
	text-decoration: none;
color: #f64e36;
font-family: Arial, Helvetica, sans-serif;
margin-left: 0px;
margin-bottom: 10px;
margin-top: 10px;
text-align: left;
font-style: normal;
	font-size: 1.4em;
	}	
	
	

	
	h2
	{
	text-decoration: none;
color: #333;
font-family: Arial, Helvetica, sans-serif;
margin-left: 0px;
margin-bottom: 10px;

margin-top: 0px;
padding-bottom: 2px;
text-align: left;

	font-size: 1.2em;
	}
	
	
	
	h3
	{
	text-decoration: none;
	color: #d76b38;
font-family: Arial, Helvetica, sans-serif;
margin-left: 0px;
margin-bottom: 0px;
margin-top: 0px;
padding-bottom: 0px;
text-align: left;
font-size: 1.2em;
	text-decoration: none;
	}	
	
	h4
	{
	text-decoration: none;
	color: #0B400A;
font-family: Arial, Helvetica, sans-serif;
margin-left: 0px;
margin-bottom: 0px;
margin-top: 0px;
padding-bottom: 0px;
text-align: center;

	font-size: 1.3em;
	text-decoration: none;
	}	
	
.pledge { 

  padding: 10px;
    border: 1px solid #B9C7D5;
    margin-top: 4px;
    
    }
	
	
	.quote
	{
    
    font-style: normal;
font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #333333;
text-align: right;
margin-left: 0px;
margin-bottom: 4px;
}

.credit
	{
    
    font-size: .8em;
font-family: Arial, Helvetica, sans-serif;

}

.hilite
	{
    
    font-style: bold;
   
    text-decoration: none;
    color: #167078;

}

.hilite a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color: #167078;
	background-color: transparent;
}



#topNav {

	width:900px; 
		min-height:40px; 
	
font-family: Arial, Helvetica, sans-serif;

text-align: left;
line-height: 200%;
font-size: 1.5em;
color: #2b6a98;
margin-top: 0px;
background-color: transparent;
border: 0px solid #fabf21;
	}
	


  
  

  
  #menu1 {
  width:900px;
  float:right;
  padding:0; 
  text-align: left;
  margin:0 auto; 
  list-style-type:none;
  border: 0px solid red;
  }
  
  
  
#menu1 li {
  float:left;
  width:200px;
  border: 0px solid red;
  

  }
#menu1 a {
  /*display:block;*/
  width:200px;
 color: #214090;
  border-right: 0px solid #598e92;
 text-align:left; 
  padding:0px 0; 
  text-decoration:none; 
  float: left; 
  }
#menu1 a:hover {
color: #f4902c;
 
  }








	
#sideNav {
  list-style: none;
  background-color: transparent;
  width: 200px;
  padding-top: 0px;
 float: right;
  padding-left: 0px;

    margin-right: 0px;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
	font-size: 1em;
	line-height: 150%;
	margin:4px 0px 0px 6px;
	border: 0px solid red;
}





	
.cap	{
	font-size: 1.4em;
color: #167078;
font-weight: bold;
letter-spacing: 1px;
	}



hr 

{color: #fff; background-color: #fff; border: 1px dotted #007cc6; border-style: none none dotted; clear:both;}


input.txt {
  color: #00008B;
  background-color: #fff;
  border: 1px solid #fabf21;
  width: 250px;
}

input.box {
  color: #00008B;
  background-color: #fff;
  border: 1px #fabf21;
  width: 300px;
  height: 120px;
}

  .btn {
  color: #000000;
  background-color: #eeeeee;
  border: 1px outset #fabf21;
  /*margin-left:11em;*/
  
}
  form p {
  clear: left;
  margin: 0;
  padding: 0;
  padding-top: 5px;
}
 form p label {
  float: left;
  width: 50%;
  /*font: bold 0.7em Arial, Helvetica, sans-serif;*/
}


/***** Global Classes *****/
.clear { clear: both; }
.img { border: 0px; margin-bottom: 10px; }
.hide { display: none; }
.show { display: block; }
.float-left { float: left !important; }
.float-right { float: right !important; }
.image, .image-left, .image-right { margin: 5px; } 
.image-left { float: left !important; margin-right: 15px; }
.image-right { float: right !important; margin-left: 8px; margin-right: 0px; }
.image-border { border: 1px solid #fabf21; padding: 5px; }
.image-line { border: 1px solid #A7C024; padding: 5px; }
.align-left { text-align: left !important; }
.align-center { text-align: center !important; }
.align-right { text-align: right !important; }
.align-justify { text-align: justify !important; }
.align-middle { vertical-align: middle !important; }
.align-bottom { vertical-align: bottom !important; }
.hand { cursor: pointer; }
.auto-height { height: auto !important; }
.auto-width { width: auto !important; }



img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
img.alignrightborder {float:right; margin:0 0 1em 1em; border: 1px solid #ccc; padding: 5px;}
img.alignleftborder {float:left; margin:0 1em 1em 0; border: 1px solid #ccc; padding: 5px;}
img.aligncenterborder {display: block; margin-left: auto; margin-right: auto; border: 1px solid #ccc; padding: 5px;}



