html { height: 100%; }

body { 
	height: 100%;
	background: #03c url(tile.gif) repeat;
	margin: 0 auto;
	padding: 0;
	font: 12px "Arial" sans;
	text-align: left;
	}

h1 { 
	margin-top: 20px;
	margin-bottom: 20px;
	font: bold 18px "Arial" sans;
	color: #336; 
	}

p, ul {
	line-height: 18px;
	}

a { color: #336; }
#nav {
	font: bold 10px "Arial" sans;
	text-transform: uppercase;
	border-bottom: 3px solid #336;
	text-align: center;
	padding-bottom: 10px;
	margin-top: 20px;
	}

#nav a {
	color: #336;
	text-decoration: none;
	padding-left: 15px;
	padding-right: 15px;
	}	

#nav a:hover {
	color: #c03;
	}
	
#nav a.on {
	color: #c03;
	}


#subnav {
	font: bold 10px "Arial" sans;
	text-transform: uppercase;
	text-align: center;
	padding-bottom: 0px;
	margin-top: 5px;
	}
	
#subnav a {
	color: #336;
	text-decoration: none;
	padding-left: 15px;
	padding-right: 15px;
	}	

#subnav a:hover {
	color: #c03;
	}
	
#subnav a.on {
	color: #c03;
	}
	
table.content {
	background:  url(content_bkg.gif) top center repeat-y;
	width: 850px;
	margin: 0 auto;
	padding: 0;
}

table.main {
	background-color:  #fff;
	width: 800px;
	margin: 0 auto;
	padding: 0;
}

table.sub {
	background-color:  #fff;
	width: 760px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

table.data {
	width: 750px;
	border-collapse: collapse !important;
	}

table.data td {
	border-bottom: 1px solid #C03 !important;
	padding: 5px;
	}

table.data th {
	background-color: #ccc;
	border-top: 1px solid #C03 !important;
	padding: 5px;
	text-align: left;
	}
	
.large { font-size: 16px;}	
.largest { font-size: 22px;}	
.red { background-color: #C03; }
.blue { color: #336; }
.redd { color: #c03; }
.white { color: #fff; }