/* Recycle Project Stylesheet */
/* Created: 30/10/08 */
/* Author: Chris James for The Rix Centre */


body {
	background: #000;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}

#strapline {
text-align:center;
colour: white;
}

#container {
	min-height: 600px;
	background: url(../images/rubbish_left.gif) no-repeat 0 100%;
	min-width: 900px;
	
}

#container_2 {
	min-height: 600px;
	background: url(../images/rubbish_right.gif) no-repeat 100% 100%;
	min-width: 900px;
}
#container_blnk {
	min-height: 600px;
	min-width: 900px;
	
}

#choice{
	margin-top: 15px;
}

#container2_blnk {
	min-height: 600px;
	min-width: 900px;
}
#energy_house {
	min-height: 480px;
	min-width: 640px;
	text-align:center;
}
#video_box {
	min-height: 520px;
	min-width: 730px;
	text-align:center;
	margin-top: 20px;
	margin-bottom: 20px;
}
#recycle_sort {
	min-height: 602px;
	min-width: 802px;
	background-color:white;
	text-align:center;
}
/* min-height for IE 6*/
* html #container,
* html #container_2 {
	height: 600px;
}

.title {
	font-size: 18px;
	color: #FF00FF;
	font-weight: bold;
}

img {
	border: none;
	
}

h2 {
	text-align: center;
	padding-top: 0px;
	padding-bottom: 15px;
}

.element {
	width: 60%;
	margin: 0 auto 15px 20%;
	min-height: 120px;
	
}
.selement {
	width: 50%;
	min-height: 140px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: 30%;	
}
.description_text {
	width: 60%;
	margin: 0 auto 15px 19%;
	min-height: 120px;
}

/* min-height for IE 6*/
* html .element , * html .selement  {
	height: 120px;
}


.selement p {
	margin: 0 0 0 170px;
	line-height: 1.2;
}

.selement a:link, .selement a:visited {
	color: #CCFFCC;
	text-decoration: underline;
}

.selement a:active, .selement a:hover {
	color: #00FF00;
	text-decoration: underline;
}

.selement li {
	margin: 0 0 0 170px;
	line-height: 1.2;
}

.selement img {
	float: left;
	border:1px;
}

.element p {
	margin: 0 0 0 140px;
	line-height: 1.2;
}

.element a:link, .element a:visited, .description_text a:link, .description_text a:visited {
	color: #CCFFCC;
	text-decoration: underline;
}

.element a:active, .element a:hover, .description_text a:active, .description_text a:hover{
	color: #00FF00;
	text-decoration: underline;
}





.element li {
	margin: 0 0 0 120px;
	line-height: 1.5em;
}
.element ul {
	margin-top: 0px;
}
.description_text p {
	margin: 10px 5px 5px 10px;
	line-height: 1.2;
}

.element img {
	float: left;
	border:1px solid #009900;
}

.teachers a, .students a{
	font-weight: bold;
	font-size: 200%;
	text-decoration: none;
	color: #fff;
}

.teachers a:hover, .students a:hover {
	text-decoration: underline;
}

.logos {
	color: #FF00FF;
	font-weight: bold;
	font-size: 12px;
	margin-top: 10px;
}

#footer {
	min-height: 90px;
	background: url(../images/footer_fade_2.gif) repeat-x 0 0 #fff;
	min-width: 900px;
	
}