/* ---------------------------- Platform Overrides */

/***** default body/etc styles *****/
body, body.webMain { background:url(media/bodyBg.png); color:#666 !important; margin:0; padding:0; font-family:Helvetica, sans-serif; }

UL, OL, TABLE, TH, TD, DD, BLOCKQUOTE, DIV, SPAN, P, BR {
color: #242424;
}

/***** the content styles *****/
TABLE.webContent, TABLE.webContent1, TABLE.webContent2, TABLE.webContent3, TABLE.webContent4, TABLE.webContent5 {
width: 100%;
border-style: none;
border-spacing: 0px;
border-collapse: collapse;
/** table-layout: fixed; **/
}

TD.webContent, TD.webContent1, TD.webContent2, TD.webContent3, TD.webContent4, TD.webContent5 {
background:none !important;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}



/* ---------------------------- Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }



/* ---------------------------- Heading */
h2 { /*border-bottom:1px solid #999999;*/ font-size:200%; font-weight:bold; margin:0 15px; padding:0 0 10px 0; text-align:left; }
h3 { font-size:190%; font-weight:bold; text-align:center; }
#moreStories h3 { border-bottom:1px solid #DDDDDD; margin-bottom:15px; }
#featuredStories h4 { border-bottom:1px solid #DDDDDD; font-size:120%; font-weight:bold; margin-bottom:5px; }



/* ---------------------------- Structure */
#br2008Wrapper { background:url(media/mainBg.png) top center no-repeat; text-align:center; }
#br2008Header { height:153px; margin:0 auto; overflow:hidden; position:relative; width:810px; }
#br2008LogoArea { display:block; margin:0; padding:0; width:100%; }
#br2008Nav { height:52px; overflow:hidden; }
#br2008SiteContent { background:url(media/contentBg.png) repeat-y; margin:35px auto 0 auto; position:relative; text-align:left; width:811px; }
#br2008ContentWrap { padding:0 5px 0 5px; text-align:center; }
#br2008Footer { background:url(media/footerBg.jpg) top no-repeat; height:151px; margin:0 auto; padding-top:60px; position:relative; width:811px; }



/* ---------------------------- Navigation */
#br2008Nav ul { border-top:1px solid #555; margin-top:10px; padding-top:7px; width:100%; }
#br2008Nav li { border-right:1px solid #555; display:inline; margin:0 10px; padding-right:20px; }
#br2008Nav li.last { border:none !important; }
#br2008Nav li a { color:#d49433; font-size:120%; font-weight:bold; text-decoration:none; text-transform:uppercase; }



/* ---------------------------- Rounded Box */
.roundedboxTop { background:url(media/roundedboxTop.gif) top no-repeat; display:block; height:14px; margin:0 auto; overflow:hidden; padding:0; width:780px; }
.roundedboxBody {  background:url(media/roundedboxBody.gif) repeat-y; margin:0 auto; position:relative; text-align:left;  width:780px; }
.roundedboxBody p { font-size:120% !important; padding-bottom:10px; }
.roundedboxBody div { padding:15px; position:relative; }
.roundedboxBody div ul { float:left; margin:0; padding:0; position:relative; width:185px; }
.roundedboxBody div li { list-style-type:none; margin:0; padding:0 0 4px 20px; }
.roundedboxBody div li a { color:#d49433; display:block; font-size:120% !important; font-weight:bold; outline:none; padding:4px 0; text-decoration:none; width:100%; }
.roundedboxBody div li a:hover { color:#242424; text-decoration:none; }
.roundedboxBody div li div a { background:url(media/icnArrow.png) left center no-repeat; font-weight:normal; padding-left:12px; width:auto !important; }
.roundedboxBody div li div { border:1px solid #ccc; font-size:80%; margin-bottom:10px; margin-top:3px; padding:5px; width:90%; }
.roundedboxBottom { background:url(media/roundedboxBottom.gif) top no-repeat; clear:both; display:block; height:14px; margin:0 auto; width:780px; }



/* ---------------------------- Contact Form */
#formContainer { clear:both; position:relative; text-align:center; width:auto !important; }
form#bestofradio { clear:both; font-family:Helvetica, sans-serif; width:100%; }
form#bestofradio label { display:block; float:left; font-weight:bold; padding-top:13px; width:110px; }
form#bestofradio div.formRow { clear:both; margin:0 auto; padding:3px 0; text-align:left; width:390px; }
form#bestofradio div.formRow div { padding:5px; }
form#bestofradio div.formRow input.txtBox { background:url(media/txtBoxBg.gif) #FFF bottom repeat-x; border:1px solid #cfcfcf; height:30px; padding:7px 5px 5px; width:260px; }
form#bestofradio textarea.txtArea { background:#FFFFFF url(media/txtBoxBg.gif) repeat-x scroll center bottom;  border:1px solid #cfcfcf; font-family:Helvetica, sans-serif; font-size:12px; padding:5px; width:260px; } 
form#bestofradio div.formRow select { padding:7px 5px 5px; width:260px; }
form#bestofradio .btn { border:none; cursor:pointer; font-weight:bold; }
form#bestofradio .submit { background:url(media/btnSubmit.png) no-repeat center; height:30px; width:125px; }
form#bestofradio .reset { background:url(media/btnReset.png) no-repeat center; height:30px; width:125px; }



/* ---------------------------- Stories */
#featuredStories, #moreStories { position:relative; }
#featuredStories a, #moreStories a { font-size:100% !important; font-weight:normal; text-decoration:underline; }
#featuredStories a:hover, #moreStories a:hover { color:#666666; }
#featuredStories ul, #moreStories ul { width:33%; }
#featuredStories li, #moreStories li { padding-bottom:15px; }
#featuredStories span, #moreStories span { clear:both; display:block;padding-bottom:10px; }
#featuredStories strong, #moreStories strong { font-weight:bold; }



/* ---------------------------- Misc */
#br2008LogoArea a { display:block; height:102px; }
#br2008LogoArea span { position:absolute; margin-left:-9999; }
.separator { display:block; height:20px; width:100%; }
.logosBox { padding:0 !important; text-align:center; }
.logosBox img { margin:0 15px; }
.textSmall { font-size:80%; }
.textSmall p { color:#fff !important; }
#container { margin:0 auto; width:811px; }
strong { font-weight:bold; }
.copyright { display:block; float:left; font-family:Verdana, Arial, Helvetica, sans-serif !important; line-height:65px; width: auto !important; }
.piLogo { display:block; float:right; width: auto !important; }



/* ---------------------------- Clearfix Box */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }