@import url(nav.css);
@import url(typography.css);

html {
overflow:-moz-scrollbars-vertical; height: 100%;
}

body {
	background:url(../images/bg.gif);
	font: .7em/1.8 Verdana, "Trebuchet MS", Tahoma, Arial;
	color: #666;
	text-align: left;
	height: 100%;
	margin: 10px 0px 0px 0px; padding: 0px;
}

#container {
	margin-left:auto;
	margin-right:auto;
	width:760px;
	background: #fff;
	margin-top:10px;
}

#topbanner {
	width:758px;
	height:110px;
	border: 1px #fff solid;
	background:url(../images/ecoworld-heading.jpg) no-repeat;
}


#main_content {
width:760px;
float:left;
background: #ffffff;
padding:10px 0px 0px 0px;
}

#main_content p {

margin-left:10px;
margin-right: 10px;

}

#main_content ul {
	list-style: square;
	margin-bottom: 10px;
}



#main_content a:link, #main_content a:visited {
	color:#8BB73C;
	font-weight: bold;
	text-decoration: none;
} 

#main_content a:hover {
color:#6B8D2E;
font-weight: bold;
text-decoration: none;
} 

#columnleft {
width:170px;
float:right;
padding:0;
margin-right: 30px !important;
margin-right: 10px;
margin-left: 10px;
margin-top: 46px;
}

a img {
border: none;
}




/*----------------blueish nav------------------------------*/
#nav2 {
background:#f8f8f8;
margin:10px 0 0;
padding:0;
}

#nav2 ul {
list-style:none;
margin:0;
padding:0;
}

#nav2 li {
color:#6699FF;
}

#nav2 li a:link,#nav2 li a:visited {
color:#6699ff;
font-weight:700;
text-decoration:none;
line-height:200%;
}

#nav2 #current a {
background: #eee;
color:#000;
}

#nav2 li a:hover {
color:#000;
font-weight:700;
}
/*-----------------------------------------------------*/


#nav_main {
	width: 760px;
	background: #fff;
}



/* #main_content a:link,a:visited {
font-weight: bold;
color: #00CCFF;
text-decoration: none;
border-bottom: 1px dotted #66ccdd;
}

#main_content a:hover {
font-weight: bold;
color: #666666;
background-color: #eee;
text-decoration: none;
}
*/

#bg_green {
width:567px;
height:81px;
background:url(../images/green-bars.gif) no-repeat;
float:right;
}

#eco_energy {
width:131px;
height:176px;
background:url(../images/eco-energy.gif) no-repeat;
float:right;
}

img.right {
padding:10px;
float:right;
clear:right;
}

img.right2 {
padding:5px;
float:right;
clear:right;
}

img.ackpad {

padding: 5px;

}

img.left {
padding-right:6px;
float:left;
margin-right: 14px;
margin-bottom: 10px;
}

img.heading {
padding-left:12px;
padding-top:12px;
}

#footer {
width:758px;
background: #91c533;
float:left;
border-bottom: 1px #fff solid;
border-left: 1px #fff solid;
border-right: 1px #fff solid;
}

#footer_greener {
width:758px;
background: #a4d64a;
float:left;
border-bottom: 1px #fff solid;
border-left: 1px #fff solid;
border-right: 1px #fff solid;

}

#footer p, #footer_greener p {
margin: 7px;
color: #fff;
}

#gameint1 {
width: 760px;
background: url(../images/gameint1.gif) no-repeat;
height: 24px;
float: left;
}

#gameint2 {
width: 760px;
background: url(../images/gameint2.gif) no-repeat;
height: 24px;
float: left;
}


#taskbox {
width: 400px;
min-height: 130px;
height: auto !important;
height: 150px;
overflow: visible;
margin-left: auto;
margin-right: auto;
background: #f8f8f8 url(../images/taskbg.gif) no-repeat;
border: 1px solid #eee;
padding-left: 85px;
padding-right: 20px;
margin-top: 20px;
margin-bottom: 20px;
}

#taskbox p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
}

#defbox {
width: 400px;
height: auto; /*check ie height */
margin-left: 20px;

background: #f8f8f8 url(../images/definition.gif) no-repeat;
border: 1px solid #eee;
padding-left: 100px;
padding-right: 20px;
margin-top: 20px;
margin-bottom: 20px;
min-height: 125px;
}

#defbox p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
}


div#sources {
padding:15px;
background: #F7FEF3;
width: 730px;
height: auto;
overflow: auto;

}

#didyouknow {
width: 400px;
padding: 20px;
margin-top: 20px;
margin-bottom: 20px;
border: 1px solid #eee;
margin-left: auto;
margin-right: auto;
}

p.ack {
float:right;
width: 300px;
text-align: right;
}

p.ack a{
text-decoration: none;
color: #fff;
font-weight: bold;
}

p.pro {
float:left;
width: 300px;
}