html, body {
height: 100%
}

body {
background: url(/imgs/images/body-bk.jpg) no-repeat;
	background-color: #d2d2d2;

font-family: Helvetica, Arial, sans-serif;
line-height: 18px;
font-size: 11.5px;
color: #717375;
}

a {
color: #ffffff;
text-decoration: none;
}

a:hover {
color: white;
text-decoration: underline;
}

p {
margin: 20px 0 0 0;
}
#content p {
	margin: 0;
	padding: 0 0 18px 0;
}

.nofloat {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0px;
	font-size: 0;
	line-height: 0px;
	content: ".";
	border: none;
	margin: 0;
	padding: 0;
}


/**************************
* FONT STYLES
*************************/

h1 {
font-size: 14px;
font-weight: bold;
color: #186e32;
margin: 0 0 13px 0;
}

h2 {
font-size: 14px;
font-weight: bold;
color: #186e32;
margin: 0px 0 9px 0;
}

.dropdown txt {
font-size: 14px;
font-weight: bold;
color: #ffffff;
}

.dropdown btn txt {
font-size: 12px;
color: #2a442d;
}

/**************************
* END FONT STYLES
*************************/

/**************************
* LIST STYLES
*************************/

#greentablecontent li {
background: url(/imgs/images/bulletpoint.gif) no-repeat;
}

ul.spaced {
letter-spacing: 0.25px;
line-height: 25px;
font-size: 18px;
font-weight: bold;

}


div#content ul {
	font-size: 12px;
	line-height: 1em;
	font-weight: inherit;
	list-style: none;
	margin: 20px 0 0;
}

div#content li {
	background: url(/imgs/images/bulletpoint-small.gif) no-repeat 0px 1px;
	padding: 0 0 0 15px;
	margin: 0 0 6px 0;
	
}

/**************************
* END LIST STYLES
*************************/


/**************************
* MAIN DIVS
*************************/


#parent {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -37px; /* the bottom margin is the negative value of the footer's height */
	width: 720px;
	padding: 0 9px 20px 9px;
	background-image:url(/imgs/images/og.png);
	background-repeat: repeat-y;
}

#outerglow {
width: 734px;
background:url(/imgs/images/body-outerglow.png);
background-repeat: repeat-y;
}

#header  {
background-image: url(/imgs/images/header.jpg);
background-repeat: no-repeat;
height: 114px;
width: 100%;
background-color:#CC0000;
}

#greenline {
background-image: url(/imgs/images/greenmile.gif);
background-repeat: repeat-x;
width: 720px;
height: 6px;
}

#lowerwrap {
width: 720px;
overflow: hidden;
padding: 11px 0 0;
clear: both;
}

#newsticker {
	font-size: 12px;
	background: url(/imgs/images/ticker-hd.jpg) 0 0 no-repeat;
		background-color: #ea293c;
	color: #fff;
	height: 7px;
	margin: 21px 27px 0px 27px;
	padding: 6px 0px 8px 10px;
}

#ticker-footer {
	background: url(/imgs/images/ticker-ft.jpg) 0 0 no-repeat;
	width: 667px;
	height: 8px;
	margin: 0 27px 0 27px;	
}

#push {
height: 34px;
clear:both;
}

#footer {
background: url(/imgs/images/footer-bk.png) repeat-y;
clear: both;
margin: 0 auto;
padding: 9px;
width: 722px;
overflow:hidden;
}

/**************************
* END MAIN DIVS
*************************/


/**************************
* CONTENT DIVS
*************************/

#logo {
position: absolute;
background: url(/imgs/images/logo.jpg);
background-repeat: no-repeat;
width: 245px;
height: 89px;
top: 13px;
}

#contact {
	position: relative;
	float: right;
	top: 17px;
	background: url(/imgs/images/headerdetail.png) no-repeat;
	width: 278px;
	height: 85px;
	text-align: right;
	padding: 10px 0;;
}

div#contact p.large {
	font-size: 27px;
	font-weight: bold;
	color: #ee2039;
	margin: 14px 16px 8px 0;
}

div#contact p.small {
	font-size: 16px;
	font-weight: bold;
	margin: 0 16px 5px 0;
}
div#contact p.small a {
	color:#EE2039;
}

#content {
width: 386px;
padding: 18px 30px 0 30px;
}

#footer div {
	display:inline;
}

#footercopy {
width: 185px;
margin: 0 0 0 34px;
font-size: 12px;
color: #ffffff;
float:left;
}

#designby {
float: right;
width: 145px;
margin: 1px 26px 0 0;
color: #fff;
font-size: 12px;
}

/**************************
* END CONTENT DIVS
*************************/

/**************************
* RIGHT COLUMN
*************************/

#lightbulb {
position: relative;
float: right;
right: -22px;
background:url(/imgs/images/lightbulb.png) no-repeat;
top: 24px;
width: 269px;
height: 213px;
}

#greentable {
	display:inline;
	margin: 0px 27px 0 0;
	padding: 2px 0 0 0;
	clear: right;
	float: right;
	width: 251px;
	background: url(/imgs/images/toprounded.gif);
	background-repeat: no-repeat;
}

#greentablecontent {
font-size: 12px;
background-color: #8cc641;
color: #ffffff;
padding: 10px 10px 2px 13px;
}

#greentablecontent p {
	margin: 0 0 12px 0;
}
#greentablecontent ul {
	line-height: 1em;
	padding: 7px 0 0;
}
#greentablecontent li {
	padding: 0 0 7px 21px;
	font-size: 14px;
}

#greentablefooter {
background-image:url(/imgs/images/buttomrounded.gif);
background-repeat: no-repeat;
padding: 5px 0 0;


}

#energyimg {

	margin:26px 27px 0 0;
	float: right;
	clear: right;
	width: 251px;
	height: 255px;
}

.save {
	background: url(/imgs/images/save.jpg) no-repeat;
	width: 387px;
	height: 81px;
	margin: 0 0 0 25px;
	padding-bottom: 20px;
	display: block;
}

a span {
	visibility: hidden;
	display: none;
}

/**************************
* END RIGHT COLUMN
*************************/

/**************************
* COLOUR BARS
*************************/

#barscontainer {
padding-left: 4px;
float: left;
width: 389px;
}

#bar {
	margin: 0 0 5px 23px;
}

div#bar h1 {
	float: left;
	color: #ffffff;
	font-weight: bold;
	margin: 0 18px;
}

#hd {
	width: 388px;
	height: 9px
}

.hdgreen {
	background: url(/imgs/images/greenbar-hd.jpg) no-repeat;
}

.hdyellow {
	background: url(/imgs/images/yellowbar-hd.jpg) no-repeat;
}
.bar {
	overflow: hidden;
	width: 388px;
	margin-bottom: 9px;
}

div.bar h2 {
	color: #fff;
	margin: 0;
	display:inline;
	font-size: 14px;
	display: inline;
	float:left;
	padding: 2px 0 0 10px;
}

div.bar h2.yellow {
	color: #777100;
}


div.green {
	background: url(/imgs/images/greenbar-hd.jpg) no-repeat;
	padding-top: 9px;
	margin-left: 24px;	
}

div.yellow {
	color: #777100 !important;
	background: url(/imgs/images/yellowbar-hd.jpg) no-repeat;
	padding-top: 9px;
	margin-left: 24px;
}

div.orange {
	background: url(/imgs/images/orangebar-hd.jpg) no-repeat;
	padding-top: 9px;
	margin-left: 24px;
}

div.red {
	background: url(/imgs/images/redbar-hd.jpg) no-repeat;
	padding-top: 9px;
	margin-left: 24px;
}

div.bar span {
	margin: 2px 0 0 6px;
	display: block !important;
	visibility: visible !important;
	font-weight: bold;
}

div.bar .footer {
	padding: 4px 0;
	margin: 0;
}
div.green .button {
	background: url(/imgs/images/barbtn_green.gif) 0 0 no-repeat;
}
div.orange .button {
	background: url(/imgs/images/barbtn_orange.gif) 0 0 no-repeat;
}
div.red .button {
	background: url(/imgs/images/barbtn_red.gif) 0 0 no-repeat;
}
div.yellow .button {
	background: url(/imgs/images/barbtn_yellow.gif) 0 0 no-repeat;
}

div.content {
	color:#fff;
	width: 100%;
	overflow:hidden;
	padding: 0 0;
}

div .button {
	color: #2a442d;
	float: right;
	width: 41px;
	height: 22px;
	margin-right: 12px;
	display: inline;
}

div.green .content {
	background: #2c8937;
}

div.yellow .content {
	color: #777100;
	background: #e9df25;
}

div.orange .content {
	background: #ee9f23;
}

div.red .content {
	background: #de1225;
	padding: 5px 0;
}
div.red .content h2 {
	font-size: 18px;
}

div.green .footer {
	background: url(/imgs/images/greenbar-ft.jpg) no-repeat 0 0;
}

div.yellow .footer {
	background: url(/imgs/images/yellowbar-ft.jpg) no-repeat 0 0;
}

div.orange .footer {
	background: url(/imgs/images/orangebar-ft.jpg) no-repeat 0 0;
}

div.red .footer {
	background: url(/imgs/images/redbar-ft.jpg) no-repeat 0 0;
}
div.hideme {
	padding: 0px 9px 25px;
}
div.red .hideme {
	padding: 0px 9px 5px;
}
/**************************
* END COLOUR BARS
*************************/
/***
 * FORM STUFF
 */
span.small {
	font-size: 9px;
}
form {
	width: 360px;
	margin-top: 10px;
	overflow: hidden;
	padding-bottom: 20px;
}
form ul {
	width: 335px;
	float: right;
}
form ul li {
	overflow: hidden;
	clear: both;
	width: 100%;
	line-height: 1em;
}
form li label {
	display: block;
	width: 147px;
	text-align: right;
	margin-right: 5px;
	float: left;
	display:inline;
	line-height:1.2em;
	padding: 3px 6px 3px 3px;
}

input.radio {
	margin: 0 !important;
	margin: 3px 0 5px !important;
	width: auto !important;
}
input.submit {
	float:right;
}
form li div.inputs {
	float: left;
	display:inline;
	width: 174px;
	overflow: hidden;
	text-align: left;
}
form div.inputs input {
	border: none;
	float: left;
	width: 169px;
	margin: 0 0 5px 0;
	padding: 3px;
}
form div.inputs label {
	display: inline;
	float: left;
	text-align: left;
	width: 85px;
	margin-left: 5px;
}
form div.inputs div {
	overflow: hidden;
	clear: both;
}
#redbar {
	border-top:1px solid #FF7070;
	border-bottom:1px solid #FF7070;
	background:#ffc7c7 url(/imgs/images/att.gif) no-repeat 6px 5px;
	color:#790000;
	font-weight: bold;
	font-size: 12px;
	padding: 5px 0;
}
#redbar p {
	margin: 0 0 0 42px;
}
#msg {
	background:#efee99;
	border: 1px solid #eed501;
	padding: 5px;
	margin-bottom: 10px;
	font-weight: bold;
}
#msg h6 {
	
}
#msg p {
	margin: 0 0 0 20px;
	padding: 0;
}