/* THE BODY AND THE WRAPPER */
body {
font-size: 16px;
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; 
width: 800px;
height: 25px;
}

#header {
width: 550px;	
height: 100px;
padding: 50px 0px 0px 250px;
color: white;
font-size: 24px;
}

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

#contentwrapper {
background: url(images/bgmiddle.png)  repeat-y; 
width: 100%;
margin: 0 auto;
text-align: center;
padding: 5px 5px 25px 5px;
}

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

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

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

#content {
width: 550px;
height: 100%;
text-align: left;
margin: 10px 10px 10px 130px;
color: white;
}


#content a {
color: lime;
}

#content a:visited {
color: orange;
}

img {
border: none;
} 

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

/* THE FOOTER */

#bottom {
background: #2F2000 url(images/bottom.png) bottom center no-repeat; 
width: 700px;
height: 35px;
padding: 15px 0px 0px 100px;
color: lime;
}

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