/**************************************************/
/*                                   Body and Wrapper                             */
/**************************************************/

body {
	background: #000099 url(images/back.png) top center repeat-x; 
	margin: 0px;
	padding: 0px;
	font: normal 8pt/13pt verdana, arial,sans-serif;
}

#wrapper {
	margin: 0px auto;
	width: 800px;
	padding: 0px;
	text-align: left;
}

/**************************************************/
/*                                       Top Piece                                        */
/**************************************************/

#top {
	background: url(images/bgtop.png) top center no-repeat; 
	width: 800px;
	height: 68px;
}

/**************************************************/
/*                                       Content                                             
another wrapper that holds all the content                              */
/**************************************************/

#content {
	background: url(images/bgmiddle.png) center repeat-y; 
	width: 766px;
	height: 100%;
	padding: 0px 17px 0px 17px;
}

/**************************************************/
/*                               All the content                                        */
/**************************************************/

#header {
background: url(images/header.png) top center no-repeat; 
width: 746px;
height: 146px;
margin: 0px 0px 10px 0px;
padding: 15px 0px 0px 20px;
color: yellow;
font-size: 50px;
text-align: center;
}
/*                    Menu                   */
#menu {
width: 200px;
height: 100%;
margin-left: 10px;
float: left;
text-align: left;
}

#menu li a {
height: 37px;
voice-family: "\"}\""; 
voice-family: inherit;
height: 29px;
text-decoration: none;
text-align: left;
}	
	
#menu li a:link, #menu li a:visited {
color: navy;
display: block;
background:  url(images/off.png) top center no-repeat;
padding: 8px 0px 0px 10px;
height: 29px;
text-align: left;
}
	
#menu li a:hover {
color: blue;
background:  url(images/on.png) top center no-repeat;
padding: 8px 0px 0px 10px;
height: 29px;
text-align: left;
}	

ul {
list-style: none;
margin: 0px;
padding: 0px;
text-align: left;
}

#stuff {
background:  url(images/texttop.png) top left no-repeat;
width: 520px;
margin: 0px 0px 0px 220px;
padding-top: 55px;
border: 2px navy;
}

#stuff2 {
width: 520px;
margin: 0px 0px 0px 220px;
padding-top: 15px;
border: 2px navy;
}

img {
border: none;
} 

th,td {
	/*borders and padding to make the table readable*/
	border:0px solid #000;
	padding:.5em;
    font-size:small;
    font-weight:bold;
}

td.left {
    text-align:left;
}

td.right {
    text-align:right;
}

th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}

table.center {
    margin-left:auto; margin-right:auto;
}

/**************************************************/
/*                                       Bottom                                             */
/**************************************************/

#bottom {
	background: url(images/bgbottom.png) bottom center no-repeat; 
	width: 800px;
	height: 50px;
}

font.smaller {
	font-size: 10; 
} 

span.red {
    color: red;
}

span.bold {
	font-size: 105%; 
	font-weight:bold;
}

span.title {
	font-size: 105%; 
	font-weight:bold;
    color: red;
}

h2.title {
	font-weight:bold;
    color: red;
	font: 22pt Tahoma, verdana, arial,sans-serif;
}