body 
{
background:white;
font-family:"helvetica";
text-align:justify;
font-size:12px;
}

p
{
margin-left:13%;
width:80%;
color:white;
}

h3, h2
{
margin-left:13%;
width:80%;
color:#7fbf3f;
}

#wrapper
{
width:700px;
position:relative;
margin:auto;
}

#header
{
width:100%;
position:relative;
}

#banner
{
width:100%;
position:relative;
height:80px;
background:url("images/banner.jpeg");
}

#menu
{
width:100%;
position:relative;
height:25px;
background:url("blue.png");
padding-top:3px;
padding-bottom:3px;
}

#container
{
width:100%;
position:relative;
height:300px;
}

#window
{
width:60%;
height:300px;
position:relative;
background:url("images/home.jpeg");
float:left;
}

#secondary 
{
width:40%;
height:300px;
position:relative;
background:url("images/secondary.png");
float:right;
}

#secondary ul
{
list-style:none;
margin-top:10px;
margin-left:5px;
padding:0;
}

#secondary ul li{margin-bottom:5px;}

#secondary ul li a
{
text-decoration:none;
color:#ffff73;
font-weight:bold;
font-size:16px;
}

#secondary ul li a:hover
{
color:#4e6642;
}

#content
{
width:40%;
height:300px;
position:relative;
background:url("images/content.png"); 
float:left;
overflow:auto;
}

#footer
{
width:100%;
position:relative;
float:left;
height:31px;
background:url("images/footer.png");
margin-top:5px;
}

.home{background:url("images/home.png"); width:54px;}
.about{background:url("images/about.png"); width:78px;}
.recycling{background:url("images/recycling.png"); width:135px;}
.vision{background:url("images/vision.png"); width:85px;}
.news{background:url("images/news.png"); width:56px;}
.gallery{background:url("images/gallery.png"); width:66px;}
.support{background:url("images/support.png");width:74px;}
.contact{background:url("images/contact.png");width:71px;}
.links{background:url("images/links.png"); width:52px;}

li.home:hover{background:url("images/homehover.png");}
li.about:hover{background:url("images/abouthover.png");}
li.recycling:hover{background:url("images/recyclinghover.png");}
li.vision:hover{background:url("images/visionhover.png");}
li.news:hover{background:url("images/newshover.png");}
li.gallery:hover{background:url("images/galleryhover.png");}
li.support:hover{background:url("images/supporthover.png");}
li.contact:hover{background:url("images/contacthover.png");}
li.links:hover{background:url("images/linkshover.png");}

#menu ul
{
list-style:none;
margin:0;
padding:0;
}

#menu ul li
{
display:inline;
float:left;
height:25px;
margin-left:2.5px;
}

.fill
{
width:100%;
float:left;
background:transparent;
height:54.384px;
border:none;
}

