/* THE BODY AND THE WRAPPER */
body {
font-size: 18px;
background: #002200;
margin: 0;
padding: 10px;
}

#wrapper {
width: 800px;
margin: 0 auto;
}

/* TOP BAR AND THE HEADER */

#top {
background: #2F2000 url('images/topbar.png') no-repeat top center; 
width: 800px;
height: 50px
}

#header {
background: url('images/header.png') no-repeat top center; 
width: 550px;	
height: 100px;
color: white;
font-size: 24px; padding-left:250px; padding-right:0px; padding-top:50px; padding-bottom:0px
}

/* THE INSIDE WRAPPER, THE MENU, AND THE CONTENT */

#contentwrapper {
background: url('images/bgmiddle.png') repeat-y top center; 
width: 790px;
margin: 0 auto;
text-align: center;
padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:100px
}

#menu {
width: 200px;
height: 20px;
margin: 0px;
float: left;
}

#menu li a {
height: 35px;
voice-family: "\"}\""; 
voice-family: inherit;
height: 27px;
text-decoration: none;
font-weight: bold;
}	
	
#menu li a:link, #menu li a:visited {
color: lime;
display: block;
background:  url('images/off.png');
height: 27px; padding-left:10px; padding-right:0; padding-top:8px; padding-bottom:0
}
	
#menu li a:hover {
color: #0A2441;
background:  url('images/on.png');
height: 27px; padding-left:10px; padding-right:0; padding-top:8px; padding-bottom:0
}	

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

#content {
width: 550px;
height: 100%;
text-align: justify;
margin: 3px 10px 10px 210px;
color: white;

}

a:link {
color:white;
}

img {
border: none;
} 

p {
background: url('images/paragraph.png') repeat-y top left;
padding-left: 20px
}



/* THE FOOTER */

#bottom {
background: #2F2000 url('images/bottom.png') no-repeat bottom center; 
width: 700px;
height: 35px;

color: lime; padding-left:100px; padding-right:0px; padding-top:15px; padding-bottom:0px
}

#bottom a:link, #bottom a:visited {
color: #FFF;
}
	
#bottom a:hover {
color: LIME;
}