h1.title { font-size: 160%; margin-bottom: 1em; }

.topics {  }
.topics .topic { float: left; width: 275px; height: 260px; background: #dddddd; padding: 10px; }
.topics .topic h2 { text-align: center; font-size: 120%; margin-bottom: 1em; }
.topics .topic .intro { height: 80px; }
.topics .topic ul {  }
.topics .topic ul li { display: list-item; list-style-type: disc; padding-left: 0.5em; margin-left: 1.5em; margin-bottom: 0.7em;}
.topics .space { float: left; width: 40px; height: 1px;  }

.main { width: 600px;  float: left; }
.main h2, .main-full h2{ font-size: 120%; margin-bottom: 1em; }
.main p, .main-full p { margin-bottom: 1em; line-height: 1.5em; }
.main ol, .main-full ol { margin-bottom: 1em; }
.main ol li, .main-full ol li{ display: list-item; list-style-type: decimal; margin-left: 1.5em; margin-bottom: 0.5em ;}
.main strong, .main-full strong { font-weight: bold; }
.main ul, .main-full ul { margin-bottom: 1em; }
.main ul li, .main-full ul li{ display: list-item; list-style-type: disc; margin-left: 1.5em; margin-bottom: 0.5em ;}

.main .figure { text-align: center; margin-bottom: 1em; }

.sidebar { width: 317px; margin-left: 660px; }
.sidebar h2 { font-size: 120%; border-bottom: 1px solid #cccccc; margin-bottom: 0.5em;  }
.sidebar ul { margin-bottom: 1em; }
.sidebar ul li { display: list-item; list-style-type: disc; margin-left: 1.5em; margin-bottom: 0.5em; }

.right { float: right; margin-left: 1em; margin-bottom: 1em; }
.left { float: left; margin-right: 1em; margin-bottom: 1em; }

.check-java { margin-bottom: 2em; }

.contact { margin-bottom: 2em; }
.contact .company { font-weight: bold; font-size: 110%; margin-bottom: 0.5em; }
.contact .company a { color: inherit; text-decoration: none }
.contact .company a:hover { text-decoration: underline; }
.contact .address, .contact .email { margin-bottom: 0.2em; }

.banner { margin: 0 auto 3em; width:850px; }
.banner h1 { padding-right: 0.3em; margin-right: 0.3em;  border-right:2px solid grey;  color:#444444;  font-size:50px; font-weight:bold; float: left; }
.banner h2 {  font-size:18px; padding-top: 0.5em; }
.banner em { background-color: #e2ec89; padding: 0 0.2em;}

.new_order { width: 460px; }
.new_order fieldset { border-top: 1px solid black; margin:0 0 0.5em; padding:20px 10px 0px; }
.new_order legend { font-weight: bold; }
.new_order input, .new_order textarea { margin-left:10px; width:270px; }
.new_order label { float:left; text-align:right; width:140px; font-size: 90%; }
.new_order .error-message { margin-left: 150px; width: 270px; color: #D8000C; font-size: 75%; margin-bottom: 1em; }
.new_order .line { margin-bottom: 0.5em; clear: left; }
.new_order input.submit { width: auto; margin-left: 160px; }

.faq { float: right; width: 400px; }
.faq h2 { font-size: 100%; font-weight: bold; margin-bottom: 0em; }