/*	GROUP COLOURS
	0067c6	corp blue		4691d5	dark blue
	000000	black			7fb3e2	mid blue
	ffffff	white			d9e8f7	light blue
	333333	white			666666	dark grey
					999999	mid grey
					cccccc	light grey

*/
/*	100% = 12pt Mac (72ppi) | 16pt PC (96ppi) | 20pt PC large font (120ppi) */
/*	1024x768 | fold: 580 */
/*	100% = 12pt Mac (72ppi) | 16pt PC (96ppi) | 20pt PC large font (120ppi) */
/*	1024x768 | fold: 580 */

/* ============= Base settings ============= */


body {
font-family:arial, helvetica, sans-serif;
}


/* ========= Header & Footer styles from corporate style sheet ============= */
#rowHd {
	margin-bottom:15px;
	float:left;
	width:90%;
}

#rowFooter {
	height:30px;
	margin-bottom:5px;
	float:left;
	width:90%;
}

#logo {
/*altered to match heights across header section*/
	height:57px;
}

#logo img {
	margin:5px
}

#navHousekeep {
/*altered to match heights across header section*/
	height:57px;
	text-align:right;
	/*padding:5px;*/
	font-size:75%;
}

.margin5 {
	margin:5px;
}

#navFooter {
	font-size:75%;
	text-align:right;
	margin:5px;
	/*percent helped collapsing*/
}

.access {
	display:none;
}

.clear {
	clear:both;
}

.hskpcol1 {
	width:38%;
	/*percentages used for scaling*/
	border:1px solid #7fb3e2;
	float:left;
}

.hskpcol2 {
	width:60%;
	border:1px solid #7fb3e2;
	float:right;
	/*aligns with right margin when collapsing*/
}

.hskpcol1 img, .hskpcol2 img {
	border:0px;
}

#copyright {
	font-size:75%;
	margin:5px;
}



/* ============ Archive site styles =========== */

#contentwrap {
  width:90%;
}

.logotext {
  font-size:200%;
  font-weight:bold;
  color:#4691d5;
}

h1 {
  font-size: 120%;
  color:#4691d5;
  font-weight:normal;
}

h3 {	
  font-size:90%;
}

h2 {
	font-size:100%;
	color:#7fb3e2;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:5px;
}


.source {
	font-weight: normal;
        margin-top:0px;	
        color:#CF1144;
	margin-bottom:5px;
	text-align:right;
	font-size:80%;
}

p, ul, ol, td{
	font-size:80%;
	color:#000000;
}

ul.body {
margin-left:212px;
}

ul.body li {
 padding-bottom:5px;;
}

p.image {
        float: left;
	font-size: 70%;
	text-align: center;
	color: #7d6340;
	padding: 0.25em 1.25em 0.25em 1.25em;
}

p.image img {
	display: block;
	border: 1px solid #7d6340;
}

a:link, a:visited {
	color:#0067c6;
	text-decoration:none;
}

a:hover, a:active {
	color:#999999 !important;
	text-decoration:underline !important;
	/* added for colourblind folk*/
}

.textbox, .textarea {
	font-size:80%;
}


/* ===========Gas History - Next Section Link ============== */
.podNext {
  color:#333333;
  width:350px;
  margin:0px !important;
  float:left;
  background:url(pics/divider_dotted_h169.gif) repeat-x top;
}

.podNext ul {
  padding:5px 20px 0px 0px;
  margin-bottom:5px;
}

.podNext img {
  margin-right:10px;
}

/*============ Back to top box ============*/

.podLinks  {
list-style:disc url(pics/black.gif) outside;
margin-left:-5px;
padding:0px;
margin:0px;
}

.podTop {
	color:#333333;
	margin:0px !important;
	float:right;
	width:18%;
	background:url(pics/divider_dotted_h169.gif) repeat-x top;
}

.podTop ul {
  padding:5px 0px 0px 0px;
  margin-bottom:5px;
}

.podTop img {
	margin-right:10px;
}

.divider {
	background:url(pics/divider_dotted_h169.gif) repeat-x top;
}

.divider img {
	margin:0px 5px 5px 1px;
}


/* ****** table design ****** */

th, tfoot td {
        font-size:80%;
	color:#0067c6;
	background-color:#eeeecc;
	padding-top:3px;
	padding-bottom:3px;
        padding-left:6px;
	text-align:left;
}

tfoot td{
	text-align:center;
}
