/* ------ GLOBAL STYLES ----- */

div {margin: 0;}
img {border: 0;}
div.clear {margin:0; height:0px; clear:both; font-size:0px; line-height:0px;}
.center {text-align: center;}

body {margin:0; text-align:center; background: url('../images/bg_body.gif') top center repeat-y; font: 12px verdana, arial, sans-serif; color:#000; line-height:1.4em;}
#container {margin: 0 auto; text-align: center; width: 790px; background: url('../images/bg_container.gif') no-repeat; padding: 0px;}
#content {margin: 0 auto; text-align: left; width: 772px; background: #fff; padding: 1px; position: relative;}


/* -------- HEADER -------- */
#header {width: 772px; height: 152px; position: relative;}	
#header img.wfmw {display: block;}
#header img.dj_banner {position: absolute; top: 0; right:0;}
#slideshow {position:absolute; top:0; right:0; width:481px; height:132px; overflow:hidden;}


/* --------- MAIN ------------ */
#main {width: 772px; background: url('../images/bg_main.gif') repeat-y; padding-bottom: 15px;}


/* -------- MIDDLE COL --------- */
#mid_col {width: 450px; padding-top: 3px; float: left;}
#mid_col .section {width: 450px; margin-top: 15px;}
#mid_col .section .sect_head {height:27px; background: url('../images/bg_sect_head.gif') no-repeat; color:#fff; padding: 8px 0 0 84px; font: bold 13px verdana, sans-serif;}
#mid_col .section .sect_head a {font-style: italic; color: #fff;}
#mid_col .section .sect_main {border: 4px solid #e2091e; border-top: 0; padding: 4px; background: url('../images_bg_subhead.gif') repeat-y;;}
#mid_col .section .sect_nohead {border-top: 4px solid #e2091e;}
#mid_col .section .sect_main img {text-align:center;}


/* -------- LEFT COL ----------- */
#left_col {width: 146px; padding-top: 18px; background: #003173; float: left; margin-right: 15px;}
#left_col div.link_btn {font: 13px verdana, sans-serif;}
#left_col div.link_btn a {color: #e0e0e0;  text-decoration: none; display: block; height: 20px; padding: 6px 0px 4px 23px; background: url('../images/bg_link_btn.jpg') top left no-repeat;}
#left_col div.link_btn a:hover {background-position: bottom left; color: #fff;}
.white_line {height: 1px; background: #fff; line-height: 0px; font-size: 0px;}

/* ---------- RIGHT COL ----------- */
#right_col {width: 146px; padding-top: 18px; background: #003173; float: right;	font-size: 11px;}
#right_col a {color: #ff6;}
#right_col a:hover {color: #ff0;}
#right_col #on_air {padding: 38px 3px 18px 3px; background: url('../images/lbl_onair.jpg') top left no-repeat; text-align: center; color: #e0e0e0;}
#right_col #on_air img {display:block;}
#right_col #poll {padding: 35px 3px 18px 3px; background: url('../images/lbl_poll.jpg') top left no-repeat; text-align: left; color: #e0e0e0;}
#right_col #links {padding: 35px 3px 8px 3px; background: url('../images/lbl_links.jpg') top left no-repeat; text-align: center; color: #e0e0e0;}


/* --------- FOOTER ------------ */
#footer {padding: 5px 10px; color: #e0e0e0; font-size: 10px; height: 40px;}
#footer a {color: #e0e0e0; text-decoration: none;}
#footer a:hover {color: #fff; text-decoration: underline;}
#footer .copyr {float: left;}
#footer .credits {float: right;}
#footer sup {font-size: 9px;}