body { margin: 0px; padding: 0px; background: #690000 url("../images/body_bg.png") repeat-x left top; color: #000000; font-family: "Lucida Grande", "Tahoma", "Helvetica", "Arial", sans-serif; text-align: center; }
div { margin: 0px; padding: 0px; }
img { border: 0px; }
a { color: #cc0000; text-decoration: none; }

#site { width: 700px; margin: 60px auto 60px; padding: 20px 40px 20px; background: #000000 url("../images/site_bg.png") repeat-x left top; text-align: left; }

#header h1 { width: 400px; height: 50px; margin: 0px; padding: 20px 0px 20px; background: transparent url("../images/header_h1.png") no-repeat left center; position: relative; top: -6px; left: -6px; }
#header h1 span { display: none; }

#header ul { margin: 0px; padding: 0px; list-style: none; }
#header ul li { width: 140px; height: 40px; margin: 0px; padding: 0px; float: left; }
#header ul li a { display: block; width: 140px; height: 40px; background: transparent url("../images/header_li_off.png") no-repeat left top; }
#header ul li a span { display: none; }

#header ul li.cover a { display: block; width: 140px; height: 40px; background: transparent url("../images/header_li_cover_on.png") no-repeat left top; }
#header ul li.prologo a { background: transparent url("../images/header_li_prologo_off.png") no-repeat left top; }
#header ul li.prologo a:hover { background: transparent url("../images/header_li_prologo_over.png") no-repeat left top; }

#header ul li a.selected { background: #ffffff; }

#main { clear: both; background: #ffffff; }
#main div p { margin: 15px 0px 0px; padding: 0px; font-size: 70%; line-height: 140%; text-align: justify; }
#main div p em { font-style: normal; font-weight: bold; }

#main div.cover { height: 390px; background: transparent url("../images/cover_bg.png") no-repeat left top; }
#main div.cover h3 { display: none; }
#main div.cover h4 { display: none; }
#main div.cover p { width: 700px; height: 390px; margin: 0px; padding: 0px; }
#main div.cover p a { display: block; width: 700px; height: 390px; background: transparent url("../images/cover_download_off.png") no-repeat right bottom; }
#main div.cover p a:hover { background: transparent url("../images/cover_download_over.png") no-repeat right bottom; }
#main div.cover p a span { display: none; }

#main div.prologo { padding: 5px 20px 20px; }
#main div.prologo p.author { text-align: right; font-weight: bold; }
#main div.prologo p span.quote { color: #909090; }

#main div dl { margin: 15px 0px 0px; padding: 0px; font-size: 70%; line-height: 140%; text-align: justify; }
#main div dl dt { margin: 0px; padding: 0px; border-top: #cccccc 1px dotted; }
#main div dl dt a { display: block; padding: 6px 0px 6px; color: #606060; }
#main div dl dt a:hover { background: #f0f0f0; color: #000000; }
#main div dl dd { margin: 0px; padding: 0px 0px 6px; }

#footer { clear: both; margin: 0px; padding: 20px 0px 2px; }
#footer p { margin: 0px; padding: 0px; color: #202020; font-size: 60%; line-height: 120%; text-align: justify; }