@import url("init.css");

body { color: #000; background-color: #f7f3dd; margin: 0; padding: 0; font-family: Verdana; font-size: 13px; line-height: 100%; }
#wrapper { margin: 0 auto; width: 870px; }
#menu { background-color: #bdbaa1; overflow: auto; padding-bottom: 2px; }
#menu .left { float: left; }
#menu .center { float: left; }
#menu .right { float: right; }
#menu li { line-height: 0; margin-bottom: 2px; }
#menu .center li { margin-left: 5px; margin-right: 5px; }
#container { background-color: rgb(224,218,195); }
#content { line-height: 140%; font-size: 12px; padding: 25px; overflow: auto; margin-right: 50px; }
#content p  { margin: 10px 0; text-align: justify; }
#content ul,
#content ol { margin: 10px 30px; }
li { margin: 5px 0; }
#content { margin-left: 216px; width: 554px; background-color: #f7f3dd; }
#sidebar { width: 216px; float: left; }
#footer { clear: both; text-align: center; padding: 5px 0; }
#footer p { font-size: 11px; margin: 5px; }

#sidebar h2,
h1 { color: rgb(124,6,4); font-family: "ArialNarrow", Arial; font-weight: normal; font-size: 18px; margin: 0 10px 20px 0; line-height: 110%; }

#sidebar h2 { margin: 10px; }
#sidebar h2.black { color: #000; margin: 10px 10px 0 10px; }
#sidebar p { margin: 5px 10px; font-size: 10px; }
#sidebar p.subline { margin: 0 10px; }
#sidebar div.ppl { padding: 0 0 0 5px; }
#sidebar div.ppl img { float: left; padding: 0 5px 0 0; }
#sidebar div.ppl span.name { display: block; font-size: 11px; font-family: "ArialNarrow", Arial; font-weight: bold; }
#sidebar div.ppl span.title { display: block; font-size: 10px; font-family: "ArialNarrow", Arial; color: rgb(124,6,4); margin: 2px 0; }
#sidebar div.ppl em { display: block; font-size: 10px; font-family: "ArialNarrow", Arial; line-height: 100%; margin-top: 10px; }

a { color: rgb(33,66,48); text-decoration: none; font-weight: bold; }
a:hover { text-decoration: none; color: #000000; }    

ul.disc { list-style: disc; }
ol { list-style: decimal;}

div.hr { border: 1px solid #ddd4bf; background-color: #ebeae0; padding: 1px; margin: 10px 2px; }
                          
.clear { clear: both; }

#home #content { margin: 0; padding: 0; width: auto; }
#home .col1 { float: left; width: 304px; }
#home .col1 .std { padding: 15px; }
#home .col2 { float: right; background-color: rgb(224,218,195); width: 350px; }
#home .col2 .std { padding: 15px; }

ul.form { margin-left: 20px; font-size: 12px; }
ul.form li { margin: 3px 0; }
ul.form input { height: 20px; width: 118px; background: transparent url('/gfx/login_bg.gif') no-repeat left top; border: 0; padding: 2px 5px 0 5px; }
ul.form button { background-color: #eae4d1; border: 1px solid #000; font-size: 11px; padding: 3px 2px; margin-left: 5px;
*padding: 3px 0 0 0; }

table th { border-bottom: 1px solid #000; }
table th, table td { padding: 2px 3px; }
.even { background-color: #EAE6D7; }

#test #timer { font-size: 24px; color: #ff0000; float: right; }
#test #question { text-align: center; margin: 10px 0; }
#test #image { text-align: center; margin: 10px 0; height: 322px; background-repeat: no-repeat; background-position: center center; background-color: #fff; }
#test #answer { text-align: center; margin: 10px 0;}

#sidebar div.userinfo p { font-size: 12px; }
#sidebar div.userinfo ul { list-style: disc; margin: 10px 25px; }
#sidebar div.userinfo li { margin: 4px 0; }

fieldset label { display: block; margin: 3px 0 3px -10px; }
fieldset div { margin: 3px 10px 8px 10px; }
fieldset button {  }

.ok { color: #009900; }

ol.alpha { list-style: lower-alpha; }

ul.errors { color: #c00; list-style: disc; }

.push { cursor: pointer; padding: 3px 8px;}