@charset "utf-8";
/* CSS Document */
/* mobile defaults */
@media screen and (max-width: 400px) {
article, aside, figure, section {display: block; margin: 0; padding: 0;} 
#hpContent {width:100%; font-size:1em;} 
#hpPic {visibility:hidden; display:none;}
.fuelMsgDIV {visibility:hidden; display:none;}
.fuelOpsDIV {visibility:visible; display:inline;}
#hpMsgQR {margin:0 1em 0 1em;	border-top:2px solid #2c68a0;}
#hpOpps {
	float:right;
	width:99%;
	margin:0 auto;
	padding:.2em;
	font-size:1em;
	text-align:center;} 
#OppsTitle {/* Provides large text title in gray area above White Content for most pages  */
	font-size: 1.25em;
	border-bottom: 0;}
#hpBotMsg {margin: 0 .3em 0 .3em;	font-size: 1em;}
/* 2 20/80 % Column of EqualHeight  */
#hpOppsFloat {
  clear:both;
	display block;
	float:right;
	padding:.3em;}
#OppsTitle {/* Provides large text title in gray area above White Content for most pages  */
	width:95%;
	margin:.3em auto 0 auto;
	padding:.2em 0 .2em 0;
	text-align:center;
	font-size:1.25em;
	font-weight:bold;
	border-top:2px solid #2c68a0;
	border-bottom:0;}
/* 2 20/80 % Column of EqualHeight  */
.dateEventOuterCont {  /*  News Releases, Green News Releases, 2011 Change of Top Management  */
	margin-left:.3em;
	margin-right:.3em;
	padding .2em 0 0 0;
	z-index:5;
	font-size:1em;
	border:0;}
.dateEventInnerCont {  /* News Releases, Green News Releases, 2011 Change of Top Management  */
  float:left;
	right:80%;
  width:95%;
	padding:0;
	z-index:5;
	border:0;}
.LeftCol1 {  
	margin: .3em 0 .3em .2em;
  width:20%;
  left:80%;}
.dateLeftCol1 {  /* News Releases, Green News Releases, 2011 Change of Top Management  */
  float: left;
	margin: .2em 0 .2em 0;
  width:20%;
  left:80%;
	padding:0;
	z-index: 5;
	text-align:left; /*1*/
	border:0;}
.eventRightCol2 {  /* News Releases, Green News Releases, 2011 Change of Top Management  */
  float:right;
	margin: .2em 0 .2em 0;
  width:77.8%;
  left:80%;
	text-align:left;
	z-index:5;
	border:0;}
.eventRightCol2 a{text-decoration: underline;}  /* Homepage Opportunities   */
} 
/* tablet defaults */
@media all and (min-width: 401px) and (max-width: 599px) {
#hpContent {
	display:block;
	width:98%;
	margin:0 auto 0 auto;
	border-top:2px solid #0073B5;}
#hpLeft { clear: left; float: left; margin:.25em;}
#hpPic {
	float: left;
	width: 49%;
	max-width: 200px;}
.fuelMsgDIV {
	visibility:visible; 
	display:block;
	margin-top:1em;
	text-align:center;}
.fuelOpsDIV {visibility:hidden; display:none;}
#hpMsgQR {   /* Desktop Only and Multi-Device  */
	float: right;
	font-size: 1em;
	width: 49%;}
#hpBotMsg {   /* Desktop Only and Multi-Device  */
  padding:0 3px 0 3px;
	width:100%;
	border:0;}
#hpMsg hr {   /* Desktop Only and Multi-Device  */
 bgcolor:#0073B5;
 background-color:#0073B5;
 width:98%;}
#hpOpps {
	clear:both;
	width:98%;
	margin:0 auto;
	text-align:center;
	float:none;
	padding:.2em;
	border-bottom:1 solid #0073B5;} 
/* 2 20/80 % Column of EqualHeight  */
#OppsTitle {/* Provides large text title in gray area above White Content for most pages  */
	font-size:1.25em;
	font-weight:bold;
	border-top:2px solid #0073B5;
	border-bottom:2px solid #0073B5;}
.dateEventOuterCont {  /*  News Releases, Green News Releases, 2011 Change of Top Management  */
	margin-left:.3em;
	margin-right:.3em;
	padding:.2em 0 0 0;
	z-index:5;
	font-size:1em;
	border:0}
.dateEventInnerCont {  /* News Releases, Green News Releases, 2011 Change of Top Management  */
  float:left;
	right:80%;
  width:95%;
	padding:0;
	z-index:5;}
.LeftCol1 {  
	margin:.3em 0 .3em .2em;
  width:20%;
  left:80%;}
.dateLeftCol1 {  /* News Releases, Green News Releases, 2011 Change of Top Management  */
  float:left;
	margin:.2em 0 .2em 0;
  width:20%;
  left:80%;
	padding:0;
	z-index:5;
	text-align:left; /*2*/
	border:0;}
.eventRightCol2 {  /* News Releases, Green News Releases, 2011 Change of Top Management  */
  float:right;
	margin:.2em 0 .2em 0;
  width:78.5%;
  left:80%;
	text-align:left;
	z-index:5;
	border:0;}
.eventRightCol2 a{text-decoration: underline;}  /* Homepage Opportunities   */
}
/* desktop defaults */
@media screen and (min-width: 600px) {
article, aside, figure, section {
    display: block;
    margin: 0;
    padding: 0;} 
#hpContent {clear: both; display: block;}
#hpLeft {
	float: left;
	width: 35%;
  padding:3px;
	margin: 0;
	border: 0;}
#hpPic {width: 100%; max-width: 400px; padding-bottom: 3px;}
.fuelMsgDIV {visibility:hidden; display:none;}
.fuelOpsDIV {visibility:visible; display:inline;}
#hpMsgQR {width: 100%; max-width: 362px;}
#hpMsg {float: left; padding: 3px; max-width: 362px;}
#hpMsg hr {bgcolor: #0073B5; background-color: #0073B5; width: 100%;}
#hpOpps {
	float: right;
	width: 62%;
	margin-left: 2px;
	padding: 4px 2px 2px 2px;
	border: 0;
	text-align:center;}
#hpOpps a{text-decoration:none;}
#OppsTitle {
	width: 100%;
	margin-top: 3px;
	padding: 2px 0 2px 0;
	text-align: center;
	font-size: 1.15em;
	font-weight: bold;
	border-top: 2px solid #0073B5;
	border-bottom: 2px solid #0073B5;}
.dateEventOuterCont {  /* Homepage Opportunities   */
	margin-left: 3px;
	margin-right: 3px;
	padding: 2px 0 0 0;
	z-index:5;}
.dateEventInnerCont {  /* Homepage Opportunities   */
  float: left;
  width: 100%;
	padding: 0;
	z-index: 5;}
.dateLeftCol1 {  /* Homepage Opportunities   */
  float: left;
  width: 19%;
	text-align: left; /*3*/
	margin: 0;
	padding: 0;
	z-index: 5;
	border-bottom: 0;}
.eventRightCol2 {  /* Homepage Opportunities   */
  float:right;
  width:78%;
	text-align:left;
	margin:0 3px 3px 0;
	z-index:5;
	border:0;}
.eventRightCol2 a{text-decoration: underline;}  /* Homepage Opportunities   */
#hpBotMsg { 
	clear: both;
  display: block;
  padding: 0 3px 0 3px;
	width: 100%;
	border: 0;}
}
@media all and (min-width: 600px) and (max-width: 650px) {
header {padding:0; border-bottom:2px solid #2c68a0;}
}