body {margin: 0; padding: 0; background: #FC9 url("images/roman.gif"); color: #000; font-size: 12px;}
body, a, p, ul, li, h1, h2, h3 {font-family: Arial, Verdana, Sans-serif;}
h1 {font-size: 20px; margin: 0; text-align: center; padding: 15px 0 0 0;}
a {text-decoration:none; font-weight: bold;}
div.nav2 {position: absolute; top: 680px; left: 0; width: 100%; padding-bottom: 2px;}
div.nav {text-align: center; padding: 15px 0 0 0;}
div.nav a, #converter a {background-color: #FF8040; color: #000; border-top: 2px solid #F93; border-left: 2px solid #F93; border-right: 2px solid #C60; border-bottom: 2px solid #C60;}
div.nav a:hover, #converter a:hover {background: #C60; color: #FFF; border-top: 2px solid #C60; border-left: 2px solid #C60; border-right: 2px solid #F90; border-bottom: 2px solid #F90;}
#converter a {font-weight: normal; font-family: "Times new Roman", serif;}
#converter a.short {letter-spacing: -0.05em;}
div.pictures {text-align: center; padding: 10px 0 0 0;}
div.list {position: absolute; top: 190px; right: 56%;}
div.chart {position: absolute; top: 185px; left: 50%;}
div.list td, div.chart td {color: #FFC; background: black; font-family: "Engravers MT", serif; text-align: center;}
div.list td.heading, div.chart td.heading, div.chartlearning .chartc td.heading {background-color: #FF8040; color: #000; text-align: center; font-size: 0.9em; border-bottom: 2px ridge #999;}
div.list td.lighter {font-size: 11px;}
div.chart td {font-size: 12px;}
ol#roman {list-style-type: lower-roman;}
td#roman ol {margin: 5px 0 0 100px; text-align: right;}
td#roman ol li {list-style-type: lower-roman; text-align: left;}
div.top {margin: 0 0 20px 250px; padding-bottom: 30px;}
td#arabic ol {margin: 5px 0 0 30px;}
td#arabic ol li {list-style-type: normal;}
div.list table.lists {width: 235px; border: 1px ridge #999;}
div.chart table.lists2 {width: 260px; border-right: 1px ridge #999; border-top: 1px ridge #999;}
div.chart table.lists2 td {border-left: 1px solid #333; border-bottom: 1px solid #333;}
div.history {position: absolute; top: 390px; left: 0; padding: 0 15%;}
div.history p {padding: 3px 0 0 0; margin: 0;}
img.wh {width: 347px; height: 69px;}
div.chartlearning {padding: 0; width: 700px; margin-left: 10%;}
div.chartlearning h2 {margin: 0; padding: 30px 0 0 0; font-size: 18px;}
div.chartlearning h3 {margin: 0; padding: 10px 0 0 0; font-size: 14px;}
div.chartlearning ol {margin: 0 20px 0 0; padding: 2px 0 5px 30px;}
div.chartlearning p {margin: 0 15px 0 0; padding: 0;}
div.chartlearning .chartc td {font-size: 12px; color: black; background: #CCC; text-align: left;}
tr.darker td {font-weight: bold;}
div.chartlearning td {padding: 0 10px 0 5px;}
div.chartlearning td.fst {color: white; background: #333;}
div.chartlearning td.b {font-weight: bold;}
div.chartlearning table.chartc {margin: 10px 0 0 40px; border: 1px solid black;}
p span.roman {font-family: "times new roman", serif;}
#converter td div {width: 40px;}
#converter td div a {width: 40px; display: block; text-align: center; padding: 0; margin: 0; background-color: #FF8040; color: #000;}
#converter td div a:hover {background-color: #C60; color: #FFF;}
div.centerx {text-align: center;}
.chartlearning div.conv {padding: 50px 0 0 50px; width: 520px;}
.chartlearning div.conv p {text-align: left;}
.chartlearning p.vert {padding-top: 25px;}
.left {text-align: left;}
.fleft {float: left; width: 205px;}
.frt {float: right; width: 205px;}
div.ima {text-align: center; font-size: 11px;}
.york {margin: 20px 0 20px 0;}
.york img {border: 0; float: left;}
.york a {color: black; text-decoration: underline; font-size: 11px;}
.york a:hover {text-decoration: none;}
div.center {text-align: center; position: absolute; top: 575px; width: 100%;}
div.center2 {text-align: center; position: absolute; top: 670px; width: 100%;}
div.center3 {text-align: center; position: absolute; top: 590px; width: 100%;}
p.center {text-align: center;} 
div.listpage {float: right; width: 122px; margin-right: 40px;}