/* General default values for tags */
html { background: #555 url("/images/body_bg.jpg") repeat-x; }
body { color: #eee; font-size: 9pt; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; text-align: center; margin: 0px; padding: 0px; }
table { width: 100%; border: 0px; margin: 0px; padding: 0px; }
font, th, td, p { font-size: 100%; }
p { padding: 5px; margin: 0px; }
ul { padding: 0px; margin: 10px 30px; list-style: url("/images/li.gif"); }
td { padding: 2px; }
img { border: 0px; }
a:link, a:active, a:visited { color : #fe6; }
a:hover	{ color : #78d; }
hr { height: 0px; border: solid #fff 0px; border-top-width: 1px;}

#container { width: 720px; background: #444 url("/images/container_bg.jpg") repeat-x; border: 3px solid #333; padding: 10px; margin: 0px auto; }

#header { height: 252px; text-align: left; background: #222; }
#header #logo { padding-left: 10px; }
#header #menu { font-size: 90%; text-align: right; padding-top: 10px; }
#header #menu ul { list-style: none; padding: 0px; margin: 0px; }
#header #menu li { display: inline; padding: 0px 25px 0px 15px; }
#header #menu a:link, #header #menu a:visited { color : #fe6; text-decoration: none; }
#header #menu a:hover, #header #menu a:active { color : #78d; }
#header div.event { position: absolute; top: 110px; width: 200px; background: #333; border-top: 1px solid #666; border-bottom: 2px solid #000; padding: 10px; margin: 20px;}
#header div.event div.title { color: #eee; font-weight: bold; margin-bottom: 2px; }
#header div.event div.date { color: #fe6; font-weight: bold; margin-bottom: 5px; }

#main { clear: both; text-align: left; padding: 10px 0px; }
#main #leftcol { float: left; width: 190px; margin-right: 10px; }
#main #middlecol { float: left; width: 340px; margin-right: 10px; }
#main #rightcol { float: left; width: 150px; }
#main div.titlebar { color: #fe6; font-size: 90%; font-weight: bold; background: #333; border-top: 1px solid #666; border-bottom: 2px solid #000; padding: 3px 10px 3px 10px; }
#main div.titlebar a { text-decoration: none; }
#main div.title { font-weight: bold; }
#main div.date { color: #78d; font-size: 80%; }

#main div.label { float: left; clear: left; width: 100px; font-weight: bold; text-align: right; padding: 2px; margin-right: 10px; }
#main div.field { margin-left: 112px; padding: 2px; }
#main div.field p { padding: 0px; margin: 0px; }

#gallery { text-align: center; }
#gallery img { background: #000; border: 1px solid #999; padding: 2px; margin: 0px auto; }
#gallery div.album div.thumb { float: left; width: 180px; margin: auto; }
#gallery div.album div.description { text-align: left; padding: 20px; margin-left: 180px; }
#gallery div.box { float: left; width: 160px; height: 200px; text-align: center; margin: 5px; }
#gallery div.box div.thumb { width: 150px; height: 150px; margin: auto; }

#footer { clear: both; color: #999; font-size: 80%; text-align: right; padding: 5px; }

span.hint { font-size: 80%; }

/* forms */
form { margin: 0px; padding: 0px; }
input, textarea, select { width: 150px; color: #eee; font-size: 9pt; font-family: Arial, Verdana, Helvetica, sans-serif; border: 1px solid #999; background: #000; padding: 2px; }
select { width: 155px; }
textarea { width: 250px; height: 100px; }
input.hidden { padding: 0px; margin: 0px; border: 0px; }
input.submit { width: 156px; color: #fe6; font-weight: bold; background: #333; border-top: 1px solid #666; border-bottom: 2px solid #000; padding: 2px; margin: 20px 0px; }
input.checkbox { width: 15px; background: transparent; border: 0px; margin-right: 10px; }
select.multi { width: 300px; }