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

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

/* TOP BAR AND THE HEADER */

#top {
background: #2F2000 url(images/topbar.png) top center no-repeat; 
width: 800px;
height: 20px;
padding: 30px 0px 0px 0px;
font-size: 18px;
}

#header {
background: url(images/header.png) top center no-repeat; 
width: 800px;	
height: 150px;
padding: 5px 0px 0px 0px;
}

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

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

#menu {
width: 199px;
height: 100%;
margin: 5px;
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: red;
display: block;
background:  url(images/off.png);
padding: 8px 0 0 10px;
height: 27px;
}
	
#menu li a:hover {
color: #0A2441;
display: block;
background:  url(images/on.png);
padding: 8px 0 0 10px;
height: 27px;
}	

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

#content {
width: 455px;
height: 100%;
text-align: center;
margin: 0px 0px 0px 225px;
color: white;
}

img {
border: none;
} 

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

/* THE FOOTER */

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

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