body {background: url(/img/bg.gif) #fb0 repeat-x; margin: 0; padding: 0; font: 16px arial; color: #000; text-align: center;}
a {color: #000;}
a:hover {color: #fff;}
img {border: 0;}
form {margin: 0; padding: 0;}
table {padding: 0; border: 0; border-collapse: collapse;}
small {font: 11px arial;}

h1 {margin: 0 0 20px -1px; padding: 0; font: 35px tahoma, arial; letter-spacing: -1px; color: #633;}
h2 {margin: 20px 0; padding: 0; font: 22px tahoma; letter-spacing: -1px; color: #633;}
p {margin: 0; padding: 0 0 30px 15px;}

#logo {margin: 20px 0 10px 10px;}
.space {margin: 0 auto; width: 960px; text-align: left; clear: both;}
.a {width: 260px; float: left;}
.a ol, .structure ul {margin: 0 0 20px 25px; padding: 0; color: #fff;}
.b {width: 700px; float: right;}
.d {width: 700px; float: right; padding: 0 0 20px 0;}
.c {padding: 60px 0; font: 11px arial, tahoma; color: #633;}

.sub {margin: 60px 0 0 25px; font: 24px arial;}
.sub a {}


.structure {width: 260px; float: left;}
.structure ol, .structure ul {margin: 0 0 20px 25px; padding: 0; color: #fff;}
.substance {width: 700px; float: right; border: #fff 0px dashed;}

#earth {padding: 40px 0; font: 11px arial, tahoma; color: #633;}

.box {width: 100%; margin: 0 0 25px 0;}
.box td {padding: 0; font: 11px arial;}
.box .white td {background: #fff;}
.box .lt {width: 15px; height: 15px; background: url(/img/rounded-lt.gif) no-repeat left top;}
.box .rt {width: 15px; height: 15px; background: url(/img/rounded-rt.gif) no-repeat right top;}
.box .lb {width: 15px; height: 15px; background: url(/img/rounded-lb.gif) no-repeat left bottom;}
.box .rb {width: 15px; height: 15px; background: url(/img/rounded-rb.gif) no-repeat right bottom;}

.list {width: 100%; background: #fff;}
.list th {padding: 0 0 8px 0; background: #e5a800; font: bold 12px arial, tahoma; color: #fff; border-bottom: #986f00 2px solid; text-align: left;}
.list td {padding: 7px 0; border-bottom: #e5a800 1px solid; font: 12px arial, tahoma; color: #000; vertical-align: top;}
.list .icon {width: 29px; height: 29px; padding: 0; vertical-align: top;}
.list .first {width: 29px; text-align: center;}
.list .number {width: 29px; text-align: center;}
.list .checkbox {width: 29px; height: 29px; padding: 0; vertical-align: top;}
.list .final {border: 0;}
.list a {color: #333;}
.list a:hover {color: #fb0;}
.list img {display: block;}
.list .selected {background: #ffa;}
.list .highlight {background: #f3f3f3;}

.list .one {width: 29px; height: 29px; padding: 0; vertical-align: middle; text-align: center; font: 18px arial;}
.list .one input {margin: 0;}


.wide {margin: 0; padding: 3px; width: 690px; font: 18px arial; background: #ffebb3; border: #966 2px solid;}
.button {margin: 0; padding: 7px 15px; border: 0; background: #b28300; font: 18px arial;color: #ffebb3;}


ul.main {margin: 0; padding: 0 0 25px 13px;}
ul.main li {margin: 0; padding: 0 0 25px 40px; list-style-type: none; background: url(/img/checked3.gif) no-repeat;}
ul.main li li {margin: 0; padding: 0; list-style-type: decimal; background: none;}

ul.main li h3 {margin: 0 0 0 -1px; padding: 0; font: 22px arial, tahoma; letter-spacing: -1px;}
ol {list-style-type: decimal; background: none;}
ol li {list-style-type: decimal; background: none;}


.graph {width: 100%;}
.graph td {font: 11px arial; padding: 0; text-align: center;}
.graph .column {width: 4%; height: 120px; border-right: #fff 1px solid; border-bottom: #093 1px solid; color: #093; vertical-align: bottom;}
.graph .column div {background: #093;}
.graph .row {background: #fff; padding: 2px; border-right: #fff 1px solid;}

.msg {padding: 10px 15px;}
.msg a {color: #fff;}
.msg2 div {background: #369; color: #fff;}
.msg1 div {background: #093; color: #fff;}
.msg0 div {background: #f60; color: #fff;}
.r1, .r2, .r3, .r4, .r5, .r6 {display: block; overflow: hidden; height: 1px; font-size: 1px;}
.r6 {margin: 0 6px;}
.r5 {margin: 0 5px;}
.r4 {margin: 0 4px;}
.r3 {margin: 0 3px;}
.r2 {margin: 0 2px;}
.r1 {margin: 0 1px;}

.warning {font-weight: bold; color: #f30;}



.now, .now-over {position: relative; text-align: center;}
.now-over .inner-box, .now .inner-box {padding: 3px; font: 11px arial, tahoma;}
.now div {background: #633;}
.now-over div {background: #093;}
.now-over a, .now a {font: 11px arial, tahoma; color: #fff; text-decoration: none;}

/* Forms */

.form-block {float: left; height: 105px; border: #000 0px dashed;}
.form-title {padding: 12px 10px 0 0; text-align: right;}
.form-input {float: left; margin: 2px 0 4px 0; padding: 7px 0 6px 7px; width: 324px; font: bold 16px arial; background: #ffebb3; border: #cb9500 2px solid; vertical-align: top; color: #633;}
.form-prompt {display: block; font: 11px arial, tahoma; color: #986f00; clear: both;}
.required {float: left; width: 24px; font: bold 32px arial; color: #f00; text-align: center;}

.form-input-wrap {float: left; background: #ffebb3; border: #cb9500 2px solid;}
.form-input-transparent {width: 100%; margin: 5px; font: 18px arial, tahoma; background: transparent; border: 0; color: #633;}
