body { background: #f5f5f5; font-family: Arial, Helvetica, Serif; font-size: 12px; }
#body {	margin: auto; width: 700px; }
div { font-size: 12px; }
#coll, .lbox { float: left; clear: left; width: 170px; }
#colr, #logo, #nav, #cont, .rbox { float: right; clear: right; width: 498px; }
.lbox, .rbox, #nav, .mbox { border: 1px solid #aaaaaa; margin: 1px; margin-bottom: 5px; padding: 2px; }
#nav { margin-bottom: 30px; }
div.con { padding: 5px; }
h1, #nav a { background: url("header.png") repeat-x; color: #800000; margin: 0px; font-size: 10px; height: 17px; padding-left: 5px; padding-top: 4px; text-transform: uppercase; background-color: #FFFFFF; text-align: center; }
#nav a:hover, #nav a#here { color: #800000; }
#nav a { color: #808080; }
a { text-decoration: none; color: #800000; }
.resl { float: left; clear: left; color: #008400}
.resr { float: right; clear: right; }
a.gr { color: #008400; }
p { display: inline; margin: 0px; }
h2 { text-align: center; font-size: 12px; margin: 0px; }
#nav ul { display: inline; list-style: none; }
#nav li { text-align: center; float: left; list-style-type: none; }
#nav a { display: block; width:  77px; font-weight: bold; border-right: 1px solid #bbbbbb; }
.lbox ul { color: #800000; list-style-type: disc; padding: 0px; padding-left: 20px; font-size: 12px; max-width: 60px; margin: 4px 0px 4px 0px; }
input, textarea { margin: 2px 0px 2px 0px; background: #f5f5f5; border: 1px solid #bbbbbb; }
form { margin: 0px; }
input.chck { border: 0px; margin: 0px; }
textarea { overflow: auto; }
input.reg { width: 220px; }
input.crquiz { width: 320px; }
input.ans { width: 210px; }
#footer { width: 360px; margin-left: 188px; }
table { background: #f5f5f5; }
img { border: 0px; vertical-align: -2px; }
#tooltip{ position: absolute; border: 1px solid #bbbbbb; background: #f5f5f5; padding: 3px; visibility: hidden; font-size: 12px; }