/* THE BODY AND THE WRAPPER */
body {
font-size: 12px;
background: #24274F;
margin: 0;
padding: 0px;
}

#wrapper {
width: 100%;
margin: 0;
}

/* TOP BAR AND THE HEADER */

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

#header {
background: url(images/head-blue08.jpg) top center no-repeat; 
width: 100%;	
height: 120px;
padding: 50px 0px 0px 50px;
color: yellow;
text-align: center;
font-size: 24px;
}

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

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

#menu {
width: 200px;
height: 20px;
margin: 50px;
float: left;
text-align: center;
}

#menu li a {
height: 35px;
voice-family: "\"}\""; 
voice-family: inherit;
height: 27px;
text-decoration: none;
font-weight: bold;
font-size: 14px;
}	
	
#menu li a:link, #menu li a:visited {
color: yellow;
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: 80%;
height: 100%;
text-align: left;
text-justification: full;
margin: 3px 10px 10px 110px;
color: white;
font-size: 18px;
}

img {
border: none;
} 

#table {color: lime;
background:  url(images/on.png);
padding: 8px 5px 0px 0px;
height: 27px;
font-size: 13px;}

#table td a: hover {
color: #0A2441;
background:  url(images/on.png);
padding: 8px 0 0 10px;
height: 27px;  }
   
a:visited { color: yellow; }   
a:link { color: white;} 
a:hover { color: white;} 
   
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: 100%;
height: 60px;
padding: 15px 0px 0px 350px;
color: lime;
}

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