body, div, p, th, td, li, dd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
	
}

html>body { voice-family: inherit; }

body {
	background-color: #eee;
	margin: 0px; padding: 0px;
	text-align: center;
}
html, body { height: 100%; }
#wrap {
	margin: auto;
	padding: 0px;
	border: #666 solid 1px;
	background-color: #fff;
	color: #000;
	text-align: left;
	min-width: 850px;
	max-width: 850px;
	width: auto !important;
	width: 850px;
}

#topbanner { padding: 0px 1em 1em 1em; width: auto; position: relative; }
#topbanner p { }
#topbanner h1 { font-size: x-large; margin: 15px 0px 0px 0px; text-align: center; }
#topbanner h2 { 
	font-size: 1.2em; 
	margin: 15px 0px .5em 0px; 
	text-align: center; 
	border-bottom: #000 none 1px; 
	padding: 0px 0px .5em 0px;
}
#topbanner hr { margin: auto; padding: 0px; height: 2px; width: 95%; color: #000; display: block; }
#mainmenu { 
	background-color: #fff; 
	display: block; 
	width: 850px;
	margin: auto;
}
#mainmenu ul, #mainmenu li	{
	background-color: #fff;
	margin: 0px; padding: 0px;
	display: inline;
	list-style-type: none;
}

#mainmenu a	{
	float: left;
	font-weight: bold;
	margin: 0px 0px 0px 1em;
	padding: 5px 10px;
	text-decoration: none;
	color: #000;
	background-color: #fff;  
}
#mainmenu a.active { background-color: #fc6; color: #000;}
#mainmenu a:hover { background-color: #fc6; color: #f00; }

#header {
	width: auto;
	clear:  both;
}
#pageheader {
	background-color: #fc6;
	font-size: 1.2em;
	margin: 0px;
	padding: .5em;
	width: auto;
	display: block;
}

#sidebar {
	float: right;
	width: 120px;
	margin: 0px;
	padding: .5em;
	background-color: #ffdd99;
	text-align: left;
}
#sidebar p { margin: 0px; text-indent: 0px; }
#sidebar h2 { margin: 0px; padding: 0em; font-size: 1em; }
#sidebar .inside { 
	background-color: #eee;
	width: auto;
	margin: .5em; padding: .5em;
	border-left: #666 solid 1px;
	border-bottom: #666 solid 1px;
}
#copyleft {
	background-color: #fc6;
	color: #000;
	width: auto;
	height: 50px;
	text-align: left;
	vertical-align: top;
	padding: .8em;
	margin: 1em 0px 0px 0px;
	font-size: .8em;
}
#copyleft p { text-align: left; }
#content { 
	margin: 0px;  padding: 1em; 
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#content, #content p, #content li { line-height: 1.4em; }
#content ol { margin-top: .1em; }

#mainmenu, #header { margin: auto; text-align: center; }
.red { color: #f00; }
.high { line-height: 2.6em; }
.low { line-height: 1.2em; }
p.long { text-indent: -1em; margin: 0px 0px 0px 1em; }
p.glue { margin: .1em; }

#loadlist {
    width: 100%;
    border-compact: compact;
}

#loadlist a, #loadlist a:visited { color: #00f; }
#loadlist td { border-bottom: #666 solid 1px; height: 3em;}
#loadlist td.top { border-top: #666 solid 1px; }

table.border, table.border td { border: #666 solid 1px; border-collapse: collapse; }

div#win { float: right; width: 200px; font-size: bold; color: #f00; text-align: right; }

#sape, #xap {
	margin:0.5em auto;
	padding: .5em;
	background-color: #eee;
	color: #aaa;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: #666 none 1px;
	height: 50px;
	min-width: 740px;
	max-width: 950px;
	width: auto !important;
	width: 740px;

}
#sape a, #xap a { color: #caa; }

#rec { background-color: #ddd; padding: .5em;}
#rec ul { list-style-type: none; margin: 0px 0px 0px .5em; }
#rec li { font-size: 11px; }
#rec p.glue { font-size: 11px; margin-bottom: 0px; }

#mark {
	font-style:italic; font-weight: bold;
	margin: -1em 0px -0.2em 2.5em;
	line-height: 1.2em;
	text-decoration: none;
}