/*
    Structure:
        display | position | float | overflow | height | width | margin | border | padding | background | align | font
*/

* {min-height: 1px;}
body {border:0; padding:0; background:#AB8800 url(body.png) center repeat-y; font:70%/160% "verdana",sans-serif; color:#202020; _text-align:center;}

a {text-decoration:none; font-weight:bold; color:#806600;}
a:hover {text-decoration:none; font-weight:bold; color:#2B2200;}

p { margin:0; border:0; padding:0;}

div {display:block; margin:0; border:0; padding:0;}

h1, h2, h3, h4, h5 {margin:15px 0 10px 0; border:0; padding:0; font-weight:bold;}
h1 {font-size:300%; line-height:100%; font-weight:bold;}
h2 {font-size:170%; line-height:100%; font-weight:bold;}
h3 {font-size:150%; line-height:100%; font-weight:bold;}
h4 {font-size:120%;}
h5 {font-size:100%;}

table {display:table; width:620px; border-collapse:collapse; margin:10px 0; border:0; padding:0; font-size:100%;}
tr {display:table-row;}
th, td {display: table-cell; margin:0; border:0; padding:0 3px; vertical-align:top; text-align:center;}
th {background:#806600; color:#FFF; font-weight:bold;}

ul, ol {display:block; border:0; margin:15px 0; padding:0;}
ol {list-style-type:decimal;}
li {display:list-item; margin:0; border:0; padding:0; _height:1px;}
ul ul, ul ol, ol ol, ol ul {margin: 0 0 0 20px;}

dl {margin:15px 0; border:0; padding:0;}
dt {margin:0; border:0; padding:0; font-weight:bold;}
dd {margin:0 0 0 30px; border:0; padding:0;}

form {margin:0; border:0; padding:0;}
fieldset {margin:15px 0; border:1px solid #ccc; padding:10px;}
legend {margin-left:10px; font-size:100%; font-weight:bold; color:#008;}

hr {display:block; height:1px; margin:10px 0; border:0 solid #CCC; padding:0; background:#CCC; color:#CCC;}

a, img, span {margin:0; border:0; padding:0;}
abbr, acronym {border-bottom:1px dotted #CCC; cursor:help;}

del, .through {text-decoration:line-through;}
strong, .strong {font-weight:bold;}
cite, em, q, var {font-style:italic;}
code, kbd, samp {font-family:monospace; font-size:110%;}

/* Floating */
.f-left {float:left;}
.f-right {float:right;}

/* Text align */
.ta-left {text-align:left;}
.ta-center {text-align:center;}
.ta-right {text-align:right;}

.va-middle {vertical-align:middle;}

.clear {clear:both;}

.box {min-height:1px; _height:1px;}
.box:after {content:"."; display:block; line-height:0px; font-size:0px; visibility:hidden; clear:both;}

.nom {margin:0;}
.noscreen {display:none;}


#wrap {position:absolute; top:0px; left:0px; width:100%; background:url(top2.png) top center no-repeat;}

#top, #bot, #mid {width:980px; margin:0 auto;}

#top {height:127px; background:url(top.png) center no-repeat;}

#logo {width:910px; padding:35px;}
#logo h1 {margin:0;}
#logo a {font-family:Arial; color:#FFEEAA;}
#logo a:hover {text-decoration:none;}

#mid {background:url(mid.png) center repeat-y;}

#mid #left {float:left; width:244px; padding-left:30px; text-align:center;}
#mid #left h2 {width:250px; margin:0 0 15px; padding:5px 0; border-top:1px solid #2B2200; border-bottom:1px solid #2B2200;}
#mid #left h3 {margin: 0 0 5px; color:#806600;}
#mid #left a:hover {text-decoration:none; color:#2B2200;}

#mid #right {float:left; width:620px; padding:50px 42px 0; background:url(top3.png) center top no-repeat;}
#mid #right h1 {margin:0; padding:20px 0; text-align:center; color:#2B2200;}
#mid #right h2 {margin:0; padding:20px 0; text-align:center; font-size:220%; font-weight:bold; color:#2B2200;}
#mid #right p {padding-bottom:10px;}

.comment {text-align:center; font-style:italic;}

#mid .pad {padding-top:10px;}

#bot {height:78px; background:url(bot.png) center no-repeat;}