/*

Stylesheet by Creative Bubbles
written on 01/05/07

COLOURS
The hex colours for each section are: 

Area					                    |  Main   | Grey    | Link Tint
Contact Us / Homepage / Downloads / News	| #bd001e | #666666 | #d14c61  (Red)
Energy F.A.Q								| #588932 | #666666 | #ADC59A (Green)
Energy Information							| #E09E28 | #666666 | #e9bb68  (Orange)
About Energy Information					| #f6de31 | #666666 | #f9e86e  (Yellow)

PAGE CLASSES
The BODY should have a class of either:
	.generalPage		-- Contact Us / Homepage / Downloads / News
	.energyFaqPage		-- Energy F.A.Q
	.energyInfoPage		-- Energy Information
	.aboutEnergyPage 		-- About Energy Information
This is used to set a range of colours below

*/


/* Basic elements */


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #000;
	background-color: #fff;
	margin: 0;
	padding: 0;
	text-align:center;
}

img {
border:none;
margin:0;
padding:0;
}

.greenBold {color:#0c7e0c; font-weight:bold;}
h1 {font:1.2em Arial, Helvetica, sans-serif; color:#0c7e0c; font-weight:bold; margin:8px 0 5px 0; padding:0;}
h2 {font:1.4em Arial, Helvetica, sans-serif; color:#0c7e0c; font-weight:bold; margin:8px 0 5px 0; padding:0;}
p {font:1em Arial, Helvetica, sans-serif; margin:8px 0 8px 0;}

.imageSpace {margin:0 60px 10px 30px;}
.floatImage {float:left; margin:0 10px 0 0;}

	
#maincontainer {
margin: 0px auto;
text-align: left;
width: 911px;
background:#fff;

}

a {color:#0c7e0c; text-decoration:underline;}
a:hover {color:#9ed98b; text-decoration:underline;}

#header {width:911px; float:left;}

#logo {width:300px;float:left; padding: 0 185px 0 0;}

#quickLinks {padding:0 0 0 300px;}
#quickLinks ul { margin: 55px 0 0 0px; list-style:none;}
#quickLinks li { float:left; padding: 0 18px 0 0px; font:1.0em Arial, Helvetica, sans-serif; }
#quickLinks a {color:#0c7e0c; text-decoration:none;}
#quickLinks a:hover {color:#9ed98b; text-decoration:none;}


#navigationBackground {width:911px; margin:0; padding:0;}
#leftBanner {width:618px; float:left; margin:0; padding:0;}
#rightBanner {float:right; margin:0; padding:0; background:url('../images/home/banner-section-2.gif') no-repeat; height:332px; width:293px;}

#home-image {float:left; background:url('../images/home/banner-section-1.gif') no-repeat; margin:0; padding:0; width:618px; height:332px;}
#menu {margin:0 0 0 0px; padding:305px 0 0px 0; width:618px; float:left; }
#menu ul {list-style:none; padding:0 0 0 5px; margin:0;}
#menu li {float:left; margin:0 0px 0 0; padding:0 2px 0 12px; }

#menu a { font:1em Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; font-weight:bold;}
#menu a:hover{ font:1em Arial, Helvetica, sans-serif; color:#FC6D03; text-decoration:underline; font-weight:bold;}


#bottom {float:left; width:911px; margin:10px 0 10px 0; padding:0;}

#content {width:615px; float:left; padding:10px 0 10px 0; margin:0;}
#adminContent {width:911px; float:left;}

#leftContent {width:285px; float:left; text-align:justify;}
#split {float:left; width:10px; padding:0 0 0 10px;}
#rightContent {width:295px; float:right; text-align:justify; padding:0 10px 0 10px; border-left:dotted 1px #999999;}

#rightCol {position:relative; width:290px; margin:-75px 0 0 0; overflow:hidden; top:0; left:615px;}
* html div#rightCol {position:relative; width:290px; margin:-75px 0 0 0; overflow:hidden; top:0; left:0px;}

#rightColNoneHome {position:relative; width:290px; margin:-105px 0 0 615px; overflow:hidden; top:0; left:0px;}
* html div#rightColNoneHome {position:relative; width:290px; margin:-125px 0 0 615px; overflow:hidden; top:0; left:0px;}

#newsheader {margin:10px 0 0 0; padding:0;}

#footer {float:left; border-top: 3px solid #7fbb7f; width:911px; padding:5px 0 0 0;}

#copyright {float:left; width:300px; font:0.9em Arial, Helvetica, sans-serif; color:#949494; padding:0 320px 0 0;}

#tools a { color:#949494; text-decoration:none;}
#tools a:hover {color:#333333; text-decoration:none;}
#tools ul {list-style:none; margin:0 0 0 0px; font:0.9em Arial, Helvetica, sans-serif;  }
#tools li {float:left; padding:0 0px 0px 10px;}

#news {background:url('../images/site/newsroom-background.gif') no-repeat; padding:5px 0px 2px 5px; width:283px; height:229px; margin:0;}
#news a {color:#FFFFFF; text-decoration:none; font-weight:bold;}
#news a:hover {color:#FFFFFF; text-decoration:underline; font-weight:bold;}

.newsStory {margin:0 0 10px 0;}

.newsHeadline {font:1.1em Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; margin:5px 0 5px 0;}

.newsSummary {font:1.0em Arial, Helvetica, sans-serif; color:#FFFFFF; margin:0;}

.date{font:0.8em Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; margin:2px 0 0 0;}

#subNav {background:url('../images/site/sub-nav-background.gif') no-repeat; width:618px; margin:0px 0 0 68px; padding:0px 0 30px 0; font:0.9em Arial, Helvetica, sans-serif;}
#subNav ul {list-style:none; margin:0; padding:0 0 0 14px;}
#subNav li {float:left; padding:7px 10px 0 0px; margin:0;}
#subNav a { color:#fff; text-decoration:none;}
#subNav a:hover {color:#fff; text-decoration:underline;}

#maincontent {float:left; width:598px; padding:0 15px 0 0; text-align:justify; margin:0;}

#adminContent {
width:100%;
}


#newsArticle {
margin:10px 0 0px 0;
}

#newsArticle a {
color:#89A689;
text-decoration:none;
font-weight:bold;
}

#newsArticle a:hover {
color:#89A689;
font-weight:bold;
text-decoration:underline;
}



/*  Images  */
#industry-image {float:left; background:url('../images/industry/retail-background.jpg') no-repeat; margin:0; padding:0; width:911px; height:332px;}
#education-image {float:left; background:url('../images/industry/education-background.jpg') no-repeat; margin:0; padding:0; width:911px; height:332px;}
#recycling-image {float:left; background:url('../images/recycling/plastics-background.jpg') no-repeat; margin:0; padding:0; width:911px; height:332px;}
#services-image {float:left; background:url('../images/services/flowers.jpg') no-repeat; margin:0; padding:0; width:911px; height:332px;}
#oil-image {float:left; background:url('../images/recycling/oil-background.jpg') no-repeat; margin:0; padding:0; width:911px; height:332px;}
#batteries-image {float:left; background:url('../images/recycling/batteries-background.jpg') no-repeat; margin:0; padding:0; width:911px; height:332px;}
#glass-image {float:left; background:url('../images/recycling/glass-background.jpg') no-repeat; margin:0; padding:0; width:911px; height:332px;}
#can-image {float:left; background:url('../images/recycling/cans-background.jpg') no-repeat; margin:0; padding:0; width:911px; height:332px;}
#wood-image {float:left; background:url('../images/recycling/wood-background.jpg') no-repeat; margin:0; padding:0; width:911px; height:332px;}
#cardboard-image {float:left; background:url('../images/recycling/cardboard-background.jpg') no-repeat; margin:0; padding:0; width:911px; height:332px;}
#transport-image {float:left; background:url('../images/industry/transport.jpg') no-repeat; margin:0; padding:0; width:911px; height:332px;}
#construction-image {float:left; background:url('../images/industry/construction.jpg') no-repeat; margin:0; padding:0; width:911px; height:332px;}
#utilities-image {float:left; background:url('../images/services/wind-farm.jpg') no-repeat; margin:0; padding:0; width:911px; height:332px;}
#food-image {float:left; background:url('../images/services/food.jpg') no-repeat; margin:0; padding:0; width:911px; height:332px;}
#news-image {float:left; background:url('../images/recycling/news.jpg') no-repeat; margin:0; padding:0; width:911px; height:332px;}
#carts-image {float:left; background:url('../images/recycling/carts.jpg') no-repeat; margin:0; padding:0; width:911px; height:332px;}
#ethics-image {float:left; background:url('../images/recycling/ethics.jpg') no-repeat; margin:0; padding:0; width:911px; height:332px;}
#national-image {float:left; background:url('../images/industry/national.jpg') no-repeat; margin:0; padding:0; width:911px; height:332px;}
#bin-image {float:left; background:url('../images/recycling/recycling-bins.jpg') no-repeat; margin:0; padding:0; width:911px; height:332px;}


/*  Industry Sectors Styles  */
.industry #menu {margin:0 0 0 0px; padding:305px 0 0px 0; width:911px; float:left; }
.industry #menu ul {list-style:none; padding:0 0 0 5px; margin:0;}
.industry #menu li {float:left; margin:0 0px 0 0; padding:0 15px 0 13px; }
.industry #menu li a.active {text-decoration:underline; font-weight:bolder; }

.industry #menu a { font:1em Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; font-weight:bold;}
.industry #menu a:hover{ font:1em Arial, Helvetica, sans-serif; color:#FC6D03; text-decoration:underline; font-weight:bold;}


#sideMenu {width:250px; margin:0; padding:0; float:left;}
#topSpacer {width:250px; border-top: solid 1px #7fbb7f; margin:0; padding:0;}
#bottomSpacer {width:250px; margin-top:2px; border-top: solid 1px #7fbb7f;}
#sideMenu ul {list-style-type:none; margin:0; padding:0;}
#sideMenu li {background-color:#7fbb7f; margin:1px 0 1px 0; padding:8px 0 8px 25px; font:1.1em Arial, Helvetica, sans-serif; color:#FFFFFF;}
#sideMenu a { font:0.9em Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none;}
#sideMenu a:hover{ font:0.9em Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:underline;}
#sideMenu li.linkOver {background-color:#89a689;}

#sideMenu ul li ul {margin:5px 0 5px 0;}
#sideMenu ul li ul li{display:block; font:0.9em Arial, Helvetica, sans-serif; color:#FFFFFF; list-style-type:none; margin:0; padding:0;}


#textContent {width:641px; float:right; text-align:justify;}
#topLine {margin-bottom:2px; border-top: solid 1px #7fbb7f; width:100%; margin-top:4px; padding:0;}

.pageTitle {font:2.0em Arial, Helvetica, sans-serif; color:#7fbb7f; margin:0px 0 0 0; padding:0;}

#quickNav a { text-decoration:none; font:0.8em Arial, Helvetica, sans-serif;}






/*   News Archive    */

#rssLink a {color:#0c7e0c; text-decoration:none;}
#rssLink a:hover {color:#9ed98b; text-decoration:none;}

.newsHeadline, .newsSummary, .date {margin:0 5px 0 5px;}

#newsContent {
width:911px;
float:left;
}



/* Error Styles */

.basictext {

font:11px Verdana, Arial, Helvetica, sans-serif;
color:#000000;

}

.errortext {
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#FF0000;
font-weight:bold;
}

/*#newsArticle {
float:left;
width:500px;
}

#newsMenu {
float:right;
width:290px;
}


#newsArchive {
margin: 0px 0 0 20px;
text-align:justify;
width:290px;
float:left;
}

.month {
background:#3E84A1;
color:#FFFFFF;
padding:0 0 0 5px;
font:13px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}

.newsText a {
text-decoration:none;
color:#000000;
}

.newsText a:hover {
text-decoration:underline;
color:#000000;
}

.monthHeadlines p {
margin:10px 0 0 0;
font-weight:normal;
padding: 0 0 0 5px;
}

.monthHeadlines {

border-bottom: solid 1px #3E84A1;
padding:0 0 10px 0;

}

.monthHeadlines a, .monthHeadlines a:hover {
font-size:10px;
}

.newsHeadline {
color:#3E84A1;
}*/