/* Body Styles */
body { width: 800px; background: #333; font-family: Geneva, Helvetica, Arial; font-size: 11px; color: #666; }
div#container { position: absolute; top: 0px; left: 0px; width: 800px; background: #fff; }
div#header { position: absolute; top: 0px; left: 0px; width: 800px; height: 90px; }
img.nopad { padding: 0px; margin: 0px; display: block; }
div#menu { position: absolute; left: 0px; top: 90px; }
div#content { margin-top: 115px; margin-left: 7px; border-left: 1px solid black; padding-left: 10px; padding-top: 10px; }

div#signup { background: #efefef; width: 340px; padding: 0px; margin:0px; margin-bottom: 10px; }
div#signup img { display: block; margin: 0px; padding: 0px; }

div#form { padding: 0px 10px; }

label { display: block; width: 75px; font-weight: bold; text-align: left; margin: 4px 5px 0 0; font-size: 11px; }
h1 { font-size: 18px; }

strong { color: #900; }

.short { width: 25px; }
.medium { width: 125px; }
.long { width: 225px; }

div#info, div#side { width: 425px; float: right; margin-right: 5px; padding-top: 200px; background-image:url(../images/rfc_program.jpg); background-repeat: no-repeat; }
div#side { background: none; margin-top: 0px; padding-top: 0px;  }
div#side p, div#info p { padding: 0px 17px; }
div#side h2, div#info h2, span.description { padding: 5px 17px; margin: 0px; color: #333; }
div#side h1, div#info h1 { color: #C00; margin: 0px; margin-top: 10px; padding: 5px 17px; line-height: 30px; font-size: 24px; text-shadow: 2px 2px 1px #333; }
span.description { font-weight: bold; }

div#footer { clear: both; background-image:url(../images/footer.gif); width: 800px; height: 24px; }

table.calendar { width: 775px; margin: 0px; border: 1px solid #ddd; }
td.empty, td.day { height: 100px; width: 100px; margin: 1px; border: 1px solid #ddd; padding: 0px; vertical-align: top; }
td.empty { background: #ddd; }

table.calendar h2 {  display: block; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; float: right;
                     text-align: center; font-size: 11px; margin: 0px; width: 30px; height: 20px; 
					 background: #fff; }
table.calendar th {  font-weight: bold; color: #fff; background: #c00; }

div#promotion { float: right; padding: 0px; background: url(../images/special_offers_bg.jpg) repeat-y; }
                     
td.day a { color: #c00; }
td.day a:hover { background: #fff; background-color: #f0f0f0; }
td.today { border-color: #000; }

th#month { font-size: 24px; padding: 10px; background: #c00; color: #fff; }

ul.events { display: block; border: 1px dotted #c00; margin: 2px; height: 100px; width: 92px; padding: 4px; list-style: none; }
ul.events li { list-style: none; padding: 2px; margin: 2px; border-bottom: 1px solid #eee; }

div#current_event h1 { color: #D00; font-size: 36px; margin: 0px 0px 10px 0px; line-height: 40px; padding: 0px; font-weight: bold; text-shadow: 2px 2px 2px #333; }
div#current_event h2 { color: #000; font-size: 24px; margin: 0px 0px 5px 0px; padding: 0px; line-height: 30px; }
div#current_event { margin: 20px 0px; width: 300px; }

p.date { font-size: 16px; font-style: italic; font-weight: bold; }
div#current_event p.disclaimer { font-size: 10px; color: #333; line-height: 12px; margin: 10px 0px 10px 0px}
div#promotion p { font-size: 16px; }