html, body, div, span, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, caption, table, tr, th, td, thead, tbody, tfoot, p, blockquote, cite, q, abbr, acronym, address, a, em, strong, img, ins, del, dfn, kbd, pre, xmp, code, form, fieldset, legend, label, object { margin: 0; padding: 0; }
:focus { outline: 0; }
body { background-color: #000000; font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 0.9em; text-align: center; color: #202020; line-height: 1.2em; }

#header { background-color: #202020; color: #ffffff; }
#header #h-wrapper { width: 900px; height: 40px; line-height: 40px; margin: 0 auto; text-align: left; }
#header #h-wrapper h1 { position: relative; display: block; width: 180px; height: 40px; overflow: hidden; font-size: 1.3em; font-weight: normal; }
#header #h-wrapper h1 a { color: #ffffff; text-decoration: underline; }
#header #h-wrapper h1 a:hover { text-decoration: none; }
#header #h-wrapper h1 a span { position: absolute; top: 0; left: 0; display: block; width: 180px; height: 40px; background: url('../img/logo.gif') 0 0 no-repeat; }

#panel { z-index: 1; position: absolute; width: 100%; top: 40px; }
#panel #p-main { display: none; background-color: #444444; color: #dddddd; text-align: center; }
#panel #p-main #p-wrapper { width: 880px; height: 305px; margin: 0 auto; padding-top: 20px; text-align: left; }
#panel #p-main #p-wrapper #left { float: left; width: 430px; margin-bottom: 20px; }
#panel #p-main #p-wrapper #left h3 { font-family: Arial, sans-serif; font-size: 0.9em; text-transform: uppercase; font-weight: normal; }
#panel #p-main #p-wrapper #left form { margin: 9px 0px 0px 0px; font-family: Verdana, sans-serif; font-size: 0.9em; }
#panel #p-main #p-wrapper #left form dl { color: #ffffff; }
#panel #p-main #p-wrapper #left form dl dt { display: none; }
#panel #p-main #p-wrapper #left form dl dd { position: relative; margin-bottom: 10px; }
#panel #p-main #p-wrapper #left form dl dd input { width: 420px; height: 20px; padding: 5px 5px 0px 5px; background-color: #ffffff; border: none; font-family: Verdana, sans-serif; font-size: 0.9em; }
#panel #p-main #p-wrapper #left form dl dd textarea { width: 420px; margin-bottom: 0px; padding: 5px; border: none; font-family: Verdana, sans-serif; font-size: 0.9em; }
#panel #p-main #p-wrapper #left form dl dd input#submit { position: absolute; top: 0; right: 0; cursor: pointer; float: right; width: 100px; height: 25px; padding: 1px 0px 2px 0px; background: #ffffff; border: none; color: #202020; font-family: "Lucida Grande", sans-serif; font-size: 1.0em; }
#panel #p-main #p-wrapper #left form dl dd span#success { color: #a0cb44; }
#panel #p-main #p-wrapper #left form dl dd span#failure { color: #d2d2d2; }

#panel #p-main #p-wrapper #right { float: right; width: 430px; margin-bottom: 20px; padding-top: 25px; font-size: 0.85em; }
#panel #p-main #p-wrapper #right p { clear: both; }
#panel #p-main #p-wrapper #right p .left-col { float: left; width: 120px; margin-bottom: 8px; }
#panel #p-main #p-wrapper #right p .right-col { float: right; width: 310px; color: #ffffff; margin-bottom: 8px; }
#panel #p-main #p-wrapper #right p .right-col a { color: #ffffff; text-decoration: underline; }
#panel #p-main #p-wrapper #right p .right-col a:hover { text-decoration: none; }

#panel #p-button { width: 880px; margin: 0 auto; text-align: right; }
#panel #p-button a#slide-button { clear: both; float: right; display: block; margin: 0 auto; width: 140px; height: 30px; background: url('../img/button_bg.png') 0 0 no-repeat; text-align: center; line-height: 30px; font-size: 1em; color: #ffffff; text-decoration: none; }

#main { width: 900px; margin: 0 auto; text-align: left; }
#main h2 { display: block; margin: 0px 0px 0px 0px; padding-bottom: 30px; border-bottom: 1px solid #202020; font-family: Georgia, "Lucida Grande", Verdana, sans-serif; font-style: italic; font-weight: normal; line-height: 1.4em; color: #d2d2d2; font-size: 1.5em; }
#main h2 span.black { color: #202020; }
#main .item { position: relative; display: block; width: 430px; height: 240px; margin: 10px; float: left; }
#main .item a { display: block; width: 410px; height: 220px; padding: 10px; background-color: #eeeeee; text-decoration: none; }
#main .item a img { border: none; width: 410px; height: 220px; }
#main .item a .info { display: none; }
#main .item a:hover { background-color: #ffffff; }
#main .item a:hover .info { display: block; position: absolute; bottom: 10px; left: 10px; width: 390px; height: 10px; padding: 10px; background-color: #ffffff; color: #202020; font-size: 0.9em; }

#main #left-side { float: left; width: 430px; margin-left: 10px; }
#main #left-side img { border: 10px solid #eeeeee; width: 410px; height: 220px; margin: 10px 0px 10px 0px;}
#main #left-side p { font-size: 0.9em; }
#main #left-side p a { color: #d2d2d2; text-decoration: underline; }
#main #left-side p a:hover { text-decoration: none; }

#main #right-side { float: right; width: 430px; margin-right: 10px; padding-top: 6px; font-size: 0.85em; line-height: 1.8em; }
#main #right-side p { clear: both; }
#main #right-side p .left-col { display: block; float: left; width: 120px; margin-bottom: 5px; color: #555555; }
#main #right-side p .right-col { display: block; float: right; width: 310px; color: #202020; margin-bottom: 5px; }
#main #right-side p .right-col a { color: #202020; text-decoration: underline; }
#main #right-side p .right-col a:hover { text-decoration: none; }

#clear { clear: both; height: 30px; }

#footer { background-color: #000000; color: #777777; font-size: 0.8em; font-family: Arial, sans-serif; }
#footer #f-wrapper { width: 900px; height: 45px; line-height: 45px; margin: 0 auto; text-align: left; }
#footer #f-wrapper a { color: #aaaaaa; text-decoration: underline; }
#footer #f-wrapper a:hover { text-decoration: none; }