@charset "utf-8";
* { margin: 0; padding: 0; border: 0;}
div.clear { clear: both;}
body { color: #eeeeee; font: 11px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background: url(../gfx/bg.jpg) fixed; color: #FFFFFF; }
div#container { width: 820px; margin: 10px auto 10px auto; padding: 10px 0 10px 0; background: #151515; }
div#header { width: 800px; height: 90px; margin: 0 10px 5px 10px; position: relative; border-bottom: 2px solid #2d2d2d; background: url(../gfx/header-bg.gif) no-repeat right top; }
div#header div#logo { width: 245px; height: 91px; position: absolute; bottom: 0; left: 20px; }
div#body { width: 800px; margin: 0 10px 0 10px; background: #181818; }
div#body div#events { float: left; width: 285px; height: 290px; padding: 5px; margin-right: 5px; }
div#body div#events h1 { color: #ffffff; padding: 0 0 3px 0; font-size: 18px; font-weight: bold; }
div#body div#events h2 { color: #147178; font-size: 14px; font-weight: bold; }
div#body div#events p { color: #eeeeee; text-align: justify; padding: 3px 0 3px 0; }
div#body div#events p.date { font-weight: bold; }
div#body div#featured { float: right; width: 450px; height: 500px; }
div#bottom { position: relative; width: 800px; padding: 0 0 20px 0; margin: 5px 10px 0 10px; border-top: 2px solid #2d2d2d; background: url(../gfx/bottom-bg.gif) no-repeat left bottom; }
div#bottom div#nextevents div.eventbox { width: 242px; height: 55px; margin: 5px 0 10px 10px; float: left; background: #181818 url(../gfx/eventbox-bg.gif) no-repeat right top; padding: 5px; }
div#bottom div#nextevents div.eventbox h1 { color: #ffffff; padding: 2px 0 2px 0; font-size: 14px; font-weight: bold; }
div#bottom div#nextevents div.eventbox h2 { color: #eeeeee; padding: 1px 0 3px 0; font-size: 11px; font-weight: normal; }
div#bottom div#nextevents div.eventbox p { text-align: right; padding-right: 10px; }
div#bottom div#subscr { width: 368px; float: left; margin: 10px 0 0 70px; }
div#bottom div#subscr h2 { color: #147178; font-size: 14px; font-weight: bold; }
div#bottom div#subscr form { margin: 10px 0 0 40px;}
div#bottom div#subscr input.text { border: 1px solid #2d2d2d; background: #131313 url(../gfx/form-shadow.gif) repeat-x top; color: #cccccc; padding: 2px; width: 200px;}
div#bottom div#player { float: left; width: 300px; height: 20px; margin: 20px 0 0 20px; }
div#bottom div#subscr input.button { border: none; background: none; color: #eeeeee; font-weight: bold; cursor: pointer; }
div#footer { width: 820px; height: 20px; margin: 0 auto 0 auto; padding: 0 0 2px 15px; color: #dddddd; }
div#footer a { color: #dddddd; text-decoration: none; }
ul#menu { list-style: none; position: absolute; right: 0; bottom: 0;}
ul#menu li { float: left; margin-left: 5px;}
ul#menu li a { display: block; color: #ffffff; font: 14px; font-weight: bold; text-decoration: none; background: #181818; }
ul#menu li a:hover { background: #147178 url(../gfx/menu-hover.gif) repeat-x bottom; }
ul#menu li a span { display: block; padding: 10px 30px 8px 30px; }
a { color: #147178; text-decoration: underline; }
a:hover { text-decoration: none; }
a.map { padding: 3px 0 3px 20px; background: url(../gfx/ico-map.gif) no-repeat left center; }