/* Layout */
/*-------------------------------*/
body {
font-size: 55%; 
margin: 0em auto; 
padding: 0em;
font-family:Arial, Helvetica, sans-serif;
background-image:url(/media/images/Waste-Management-bg.jpg);
background-repeat:no-repeat;
background-position: top center; 
background-color:#999999;
}
#container {
width: 730px;
margin: 10px auto;
background-color:#D9D9D9;
border: solid 5px #666666;
}
.waste {
text-align:right;
font-family:Arial, Helvetica, sans-serif;
padding-right:3px;
padding-bottom:7px;
color:#666666;
}
.waste p {
font-size:110%;
color:#666666;
}

/* header */
/*-----------------------------------*/

#waste_header {
width: 730px;
margin: 0px auto; 
height:180px;
background-image:url(/media/images/Waste-Management-1.jpg);
background-repeat:no-repeat;
position: top left; 
}
#header_compost {
width: 730px;
margin: 0px auto; 
height:180px;
background-image:url(/media/images/compost-header.jpg);
background-repeat:no-repeat;
position: top left; 
}
#header_paper{
width: 730px;
margin: 0px auto; 
height:180px;
background-image:url(/media/images/Recycle-paper.jpg);
background-repeat:no-repeat;
position: top left; 
}
#header_cardboard{
width: 730px;
margin: 0px auto; 
height:180px;
background-image:url(/media/images/Recycle-cardboard.jpg);
background-repeat:no-repeat;
position: top left; 
}
#header_resources{
width: 730px;
margin: 0px auto; 
height:180px;
background-image:url(/media/images/Recycling-Resources.jpg);
background-repeat:no-repeat;
position: top left; 
}
#header_news{
width: 730px;
margin: 0px auto; 
height:180px;
background-image:url(/media/images/Recycling-news.jpg);
background-repeat:no-repeat;
position: top left; 
}
#header_plastic{
width: 730px;
margin: 0px auto; 
height:180px;
background-image:url(/media/images/Recycle-plastics.jpg);
background-repeat:no-repeat;
position: top left; 
}
#waste_header_news{
width: 730px;
margin: 0px auto; 
height:180px;
background-image:url(/media/images/Waste-Management-2.jpg);
background-repeat:no-repeat;
position: top left; 
}
#waste_header_news_glass{
width: 730px;
margin: 0px auto; 
height:180px;
background-image:url(/media/images/recycle-glass-head.jpg);
background-repeat:no-repeat;
position: top left; 
}
#waste_header_news_alu{
width: 730px;
margin: 0px auto; 
height:180px;
background-image:url(/media/images/recycle-alu-head.jpg);
background-repeat:no-repeat;
position: top left; 
}
#waste_header_news_paper{
width: 730px;
margin: 0px auto; 
height:180px;
background-image:url(/media/images/recycle-paper-head.jpg);
background-repeat:no-repeat;
position: top left; 
}
#waste_header_news_plastic{
width: 730px;
margin: 0px auto; 
height:180px;
background-image:url(/media/images/recycle-plastic-head.jpg);
background-repeat:no-repeat;
position: top left; 
}
#waste_header_news_steel{
width: 730px;
margin: 0px auto; 
height:180px;
background-image:url(/media/images/recycle-steel-head.jpg);
background-repeat:no-repeat;
position: top left; 
}
#waste_header_news_textile{
width: 730px;
margin: 0px auto; 
height:180px;
background-image:url(/media/images/recycle-textile-head.jpg);
background-repeat:no-repeat;
position: top left; 
}
#waste_header_news_tyre{
width: 730px;
margin: 0px auto; 
height:180px;
background-image:url(/media/images/recycle-tyre-head.jpg);
background-repeat:no-repeat;
position: top left; 
}
#waste_header_news_card{
width: 730px;
margin: 0px auto; 
height:180px;
background-image:url(/media/images/recycle-cardboard-head.jpg);
background-repeat:no-repeat;
position: top left; 
}
#waste_header_links{
width: 730px;
margin: 0px auto; 
height:180px;
background-image:url(/media/images/Waste-Management-5.jpg);
background-repeat:no-repeat;
position: top left; 
}
#waste_header_services{
width: 730px;
margin: 0px auto; 
height:180px;
background-image:url(/media/images/Waste-Management-3.jpg);
background-repeat:no-repeat;
position: top left; 
}
#waste_header_faqs{
width: 730px;
margin: 0px auto; 
height:180px;
background-image:url(/media/images/Waste-Management-4.jpg);
background-repeat:no-repeat;
position: top left; 
}
#headertitle {
position:relative;
width: 358px; 
height: 61px; 
margin: 0px; 
top:200px;
left:200px;
}
#menutop {
position:relative;
width: 708px;  
margin: 0px; 
top:10px;
left:15px;
color:#003366;
}
#menutop p {
color:#00CCFF;
}
#menutop a {
color:#007795;
text-decoration:none;
}
#menutop a:hover {
color:#003366;
text-decoration:none;
}

/*Mainnavigation */
/*------------------------------------*/

.waste_nav {
clear: both; 
float: left; 
width: 167px; 
margin: 0 0 0 0px; 
padding-left:10px;
padding-top:10px;
background-image:url(/media/images/Waste-Management-Menubg.jpg);
background-repeat:no-repeat;
position: top left;
height:409px; 
}
.waste_nav ul {
padding:0 0 0 0px;
margin:0 0 0 0px
}
.waste_nav li {
list-style-type:none;
list-style-position:inside;
padding:0 0 0 0px;
margin:0 0 0 0px;
height:18px;
}
.waste_nav li a{
color:#333333;
font-size:100%;
font-weight:normal;
}
.waste_nav li a:hover{
color:#5BBA0A;
text-decoration:none;
font-weight:normal;
}

/*Dry Recyclates Sub */
/*------------------------------------*/

.dry-recyclates-sub {
float: left; 
width: 370px; 
margin-top:10px;
padding-top:10px;
height:22px;
background-color:none;
background-image:url(../media/images/Sub-Menu-BG.jpg);
background-position:left bottom;
background-repeat:no-repeat;
}
.dry-recyclates-sub a {
color:#666666;
text-decoration:none;
font-weight:normal;
font-size:120%;
}
.dry-recyclates-sub a:hover {
color:#005100;
text-decoration:underline;
font-weight:normal;
}

/*Recycling Services Sub */
/*------------------------------------*/

.recycling-services-sub {
float: left; 
width: 370px; 
margin-top:10px;
margin-bottom:10px;
padding-top:10px;
height:22px;
background-color:none;
background-image:url(../media/images/Sub-Menu-BG.jpg);
background-position:left bottom;
background-repeat:no-repeat;

}
.recycling-services-sub a {
color:#666666;
text-decoration:none;
font-weight:normal;
font-size:120%;
}
.recycling-services-sub a:hover {
color:#005100;
text-decoration:underline;
font-weight:normal;
}



/*MainBody */
/*------------------------------------*/

#waste_content_welcome {
float: left; 
width: 370px; 
height:auto;
margin: 0 0 0 0px;
border-left:4px solid #666666;
border-right:4px solid #666666;
padding-top:10px;
padding-left:8px;
background-color:#FFFFFF;
background-image:url(/media/images/Welcome-title.jpg);
background-repeat:no-repeat;
position: top;
}
#waste_content_env {
float: left; 
width: 370px; 
height:auto;
margin: 0 0 0 0px;
border-left:4px solid #666666;
border-right:4px solid #666666;
padding-top:10px;
padding-left:8px;
background-color:#FFFFFF;
background-image:url(/media/images/env-title.jpg);
background-repeat:no-repeat;
position: top;
}
#waste_content_about {
float: left; 
width: 370px; 
height:auto;
margin: 0 0 0 0px;
border-left:4px solid #666666;
border-right:4px solid #666666;
padding-top:10px;
padding-left:8px;
background-color:#FFFFFF;
background-image:url(/media/images/about-title.jpg);
background-repeat:no-repeat;
position: top;
}
#waste_content_news {
float: left; 
width: 370px;
height:auto;
margin: 0 0 0 0px;
border-left:4px solid #666666;
border-right:4px solid #666666;
padding-top:10px;
padding-left:8px;
background-color:#FFFFFF;
background-image:url(/media/images/News-title.jpg);
background-repeat:no-repeat;
position: top;
}
#waste_content_products {
float: left; 
width: 370px;
height:100%;
margin: 0 0 0 0px;
border-left:4px solid #666666;
border-right:4px solid #666666;
padding-top:10px;
padding-left:8px;
background-color:#FFFFFF;
background-image:url(/media/images/product-title.jpg);
background-repeat:no-repeat;
position: top;
}
#waste_content_services {
float: left; 
width: 370px;
height:auto;
margin: 0 0 0 0px;
border-left:4px solid #666666;
border-right:4px solid #666666;
padding-top:10px;
padding-left:8px;
background-color:#FFFFFF;
background-image:url(/media/images/services-title.jpg);
background-repeat:no-repeat;
position: top;
}
#waste_content_resources {
float: left; 
width: 370px;
height:auto;
margin: 0 0 0 0px;
border-left:4px solid #666666;
border-right:4px solid #666666;
padding-top:10px;
padding-left:8px;
background-color:#FFFFFF;
background-image:url(/media/images/resources-title.jpg);
background-repeat:no-repeat;
position: top;
}
#waste_content_faqs {
float: left; 
width: 370px;
height:auto;
margin: 0 0 0 0px;
border-left:4px solid #666666;
border-right:4px solid #666666;
padding-top:10px;
padding-left:8px;
background-color:#FFFFFF;
background-image:url(/media/images/faqs-title.jpg);
background-repeat:no-repeat;
position: top;
}
#waste_content_links {
float: left; 
width: 370px;
height:auto;
margin: 0 0 0 0px;
border-left:4px solid #666666;
border-right:4px solid #666666;
padding-top:10px;
padding-left:8px;
background-color:#FFFFFF;
background-image:url(/media/images/links-title.jpg);
background-repeat:no-repeat;
position: top;
}
#waste_content_contact {
float: left; 
width: 370px;
height:auto;
margin: 0 0 0 0px;
border-left:4px solid #666666;
border-right:4px solid #666666;
padding-top:10px;
padding-left:8px;
background-color:#FFFFFF;
background-image:url(/media/images/contact-title.jpg);
background-repeat:no-repeat;
position: top;
}
/* Heading */
/*-------------------------------*/
h1 {
position:relative; 
margin: 0px;
padding-top:50px;
font-size:130%;
font-weight:normal;
color:#5BBA0A;
}
h2 {
font-size:120%;
color:#666666;
padding-bottom:3px;
font-weight:normal;
color:#5BBA0A;
}
h3 {
font-size:120%;
color:#007997;
}
b {
color:#666666;
font-weight:normal;
}
p {
color:#5D5D5D;
font-size:120%;
}
a {
color:#5BBA0A;
text-decoration:none;
font-weight:normal;
}
a:hover {
color:#005100;
font-weight:normal;
text-decoration:underline;
}
li {
color:#5BBA0A;
text-decoration:none;
list-style-type:square;
list-style-position:outside;
margin:0 0 0 0px;
font-weight:normal;
font-size:120%;
}
li ul {
color:#5BBA0A;
text-decoration:none;
list-style-type:square;
list-style-position:outside;
font-weight:normal;
font-size:90%;
}
/*-----------------------*/
/* Right Options */
/*-----------------------*/

#waste_navright{
float: left; 
width: 167px;
}

/*-----------------------*/
/* News */
/*-----------------------*/

.newscolumn{
postion:relative;
width: 160px;
}
.newscolumn ul{
width: 160px;
margin: 0 0 0 0px;
padding: 0 0 0 0px;
list-style-type:none;
list-style-position:inside;
}
.newscolumn li{
height:auto;
color:#666666;
padding-left:6px;
padding-top:6px;
padding-bottom:6px;
list-style-type:none;
font-size:120%;
width: 100%;
}
.newscolumn li a{
text-decoration:none;
color: #000000;
font-weight:normal;
}
.newscolumn li a:hover{
text-decoration:none;
color:#5BBA0A;
font-weight: normal;
}

/**********************/
/* SECTION 8 - FOOTER */
/**********************/

/* Somehow not possible to use percentage values to scale the font-size here. */
/* Therefore the is the font-size definition given in the generic CSS-class   */
/* "footer-font", even though those generic font classes should all have a    */
/* normed size of 1.0em. But making footer an exception will not hurt us.     */

.waste_footer {
clear: both;
background-color:#666666;
background-image:url(../media/images/Footer-head.jpg);
background-repeat:no-repeat;
background-position:top;
width: 728px; 
margin: 0px 0px 0px 0px;
padding-top:29px;
text-align: left;
padding-left:2px;
color: #333333;
height:27px;
font-size:100%;
}
.waste_footer p {
color: #cccccc; 
text-decoration: none;
}
.waste_footer a {
color: #cccccc; 
text-decoration: none;
font-weight:normal;
}
.waste_footer a:hover {
color:#5BBA0A; 
text-decoration: underline;
font-weight:normal;
}
#footeroptions {
width: 476px;
height:76px;
margin: 0px;
direction:ltr;
display:inline
}
#menufoot {
position:relative;
width: 448px; 
height: 30px; 
margin: 0px; 
top:10px;
left:15px;
color:#003366;
border-top:1px solid #cccccc

}
#menufoot p {
color:#666666;
font-size:120%
}
#menufoot a {
color:#666666;
text-decoration:none;
}
#menufoot a:hover {
color:#003366;
text-decoration:none;
}