/* Title : Butterscotch Stylesheet */
*{ margin: 0; padding: 0;}

body{ background: #000; color: #fff; font: 12px "GillSans", calibri, Trebuchet, sans-serif; }

html,body,#bg,#bg table, #bg td,#cont{ width: 100%; height: 100%; overflow: hidden; }
#bg{ position: absolute; width: 200%; height: 200%; top: -50%; left: -50%; }
#bg td{ vertical-align: middle; text-align: center; }
#bg img{ min-height: 50%; min-width: 50%; margin: 0 auto; }
#scroller{ height: 100%; width: 100%; overflow: auto; position: absolute; z-index: 100; }

#container{ background-image: none; background-color: #000; width: 425px; \width: 445px; w\idth: 425px; margin: 0; padding: 0; position: absolute; top: 15%; left: 100px; }
html>body #container{ background: url(../images/overlay.png); background-color: transparent; }

#header{ padding: 0; margin-bottom: 0; }
#header h1{ width: 425px; height: 150px; background: url(../images/intrologo.gif) center center no-repeat; padding: 0; margin: 0; text-indent: -9000px; }
#header h1 a{ display: block; width: 425px; height: 150px; border: none; text-decoration: none; }

#global{ margin: 35px 0 0 0; padding: 0; text-align: center; font-size: 14px; text-transform: uppercase; }
#global li{ list-style-type: none; margin: 0; padding: 0 15px; display: inline; }
#global li a:link, 
#global li a:visited{ text-decoration: none; color: #fff; }
#global li a:hover, 
#global li a:active{ text-decoration: underline; }

a:link, a:visited{ color: #fff; }
a:hover, a:active{ text-decoration: none; }

#page_body{ padding: 50px 15px; }
p{ padding: 5px 0; }

.attention{ background: #000; border: 1px solid #444; padding: 10px; margin: 15px 0; }

#footer{ clear: both; padding: 0 15px; margin: 0 0 25px 0; }
.vcard div{ display: inline; padding-right: 10px; }

.required{ color: #fff; }

fieldset{ padding: 10px; margin: 0; border: none; }

legend{ color: #fff; }
label{ display: block; float: left; clear: left; width: 50px; font-size: 12px; margin-top: 3px; }

#session label{ width: 125px; padding: 5px; text-align: right; }
#session input[type="text"]{ width: 125px; float: left; margin: 3px; }
#session input#submit{ float: left; margin: 5px 0; }
#session p{ clear: both; padding: 10px; }

.kalamazoo_message{ padding: 20px; margin: 20px; border: 1px solid #fff; font-style: italic; font-size: 10px; font-weight: bold; }
.error{ float: left; display: block; width: 200px; font-style: italic; font-size: 10px; font-weight: bold; padding: 8px 0 0 0; }

.session_list{ width: 450px; margin: 0 auto; padding: 25px 0; }
.session_list li{ list-style-type: none; display: block; float: left; padding: 0; margin: 0; }
.session_list li a{ display: block; float: left; width: 190px; padding: 10px; margin: 5px; border: 1px solid #111; }
.session_list li a:link{ color: #989796; text-decoration: none; }
.session_list li a:visited{ color: #666; text-decoration: none; }
.session_list li a:hover{ text-decoration: underline; }