body { background-color: #0066aa; font-size: 12px; color: black; font-family: Verdana, Arial, Sans-Serif; }

h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 13px; }

a:hover { text-decoration: underline; }

#wrapper { margin: 0px auto; width: 900px; border: solid 1px #000; padding:0px; }

#shopping_bar_div { height:0px; }

#main_div { background-color: #fff; }

#header_div { background-image: url(images/bof_headerback.jpg); background-repeat: no-repeat; }

#menubar_div { background-color: #000; width: 900px; height: 30px; }
.menu { font-family: Sans-serif; font-weight: Bold; font-size: 8px; }
.menu a:hover { text-decoration: none; }

#content_div { min-height: 500px; display:block; overflow:hidden; width:100%;}
#content_l { padding: 5px; float: left; clear:none; width: 210px; }
#content_r { margin: 0px; float: right; width:640px; padding:20px; }

#main_table_border { border: #ff99cc 0px solid; margin: 0px; background-color: #111; }

.footer { width:100%; text-align: center; font-size: 10px; padding: 10px; background-color:#aaa; }
#footer_div { background-color:#eee; padding:10px; }

#index_page_div { width:100%;}
#index_page_div a { text-decoration: none; font-family: "Times New Roman" , Serif; color: #800000; }
#index_page_div a:hover { text-decoration: underline; }

.ns { display: block; width: 180px; text-decoration: none; margin: 1px; padding: 0px 4px; font-size: 12px; border-bottom:solid 1px #ddd;}
s.hns tr a { background-color: #ddd; }
s.hns a { color: #000; text-decoration: underline; }
s.sns a { color: #000; text-decoration: none; sborder-bottom:solid 4px #ccc !important; sborder-top:solid 1px #ccc; width: 170px; padding: 4px 4px; background-color:#ddd; }

#rallies table { background-color: #f4f4f4; }
#rallies td { background-color: #f4f4f4; text-align: left; vertical-align: top; padding: 6px; }

.evthrw { width: 100%; float: left; color: white; padding: 4px; }
.evtrw { width: 100%; float: left; sbackground-color: #EFF3FB; padding: 4px; min-height: 20px; }
.evtdt { width: 20%; float: left; }
.evtnd { width: 80%; float: left; }


@media screen and (max-width: 780px) {
#wrapper { margin: 0 auto; width: 100%; border: solid 1px #000; padding:0px; }
s#main_div {display:none; } 
#header_div {display:none; } 
#menubar_div { background-color: #000; width: 100%; height: 30px; }

#content_div { min-height: 500px; display:block; overflow:hidden; width:100%; }
#content_l { display:none; padding: 5px; float: left; clear:none; width: 210px; }
#content_r {display:block; margin: 0px; float: right; width:100%; padding:20px; }

.evthrw { display:none; width: 100%; float: left; color: white; padding: 4px; }
.evtrw { display:none; width: 100%; float: left; sbackground-color: #EFF3FB; padding: 4px; min-height: 20px; }
.evtdt { width: 100%; float: left; }
.evtnd { width: 100%; float: left; }

.footer { text-align: center; font-size: 10px; padding: 10px; background-color:#aaa; }
#footer_div { background-color:#eee; padding:10px; }
}

@media screen and (max-width: 480px) {

}