body {
background:url(images/bg.gif) repeat-x top #c9edf9;
margin:0px;
padding:0px;
font: 10px  verdana, arial, helvetica;
color:#000;
}
p{
text-align:justify;
line-height:15px;
padding:0px 0 5px 0;
color:#333333;
}
p.left_arrow{
text-align:justify;
line-height:15px;
padding:0px 0 5px 60px;
background:url(images/tool.png) no-repeat left top;
}
.clear{
clear:both;
}
#main_container{
width:900px;
height:auto;
margin:auto;
background:url(images/header_bg.jpg) no-repeat top center;
}
.center_content{
width:865px;
padding:0px;
margin:auto;
}
#header{
width:865px;
height:135px;
margin:auto;
}
#logo{
padding:17px 0 0 0px;
float:left;
}

/*----------------------menu-------------------------*/
#menu{
float:right;
width:350px;
padding:35px 30px 0 0;
}
#menu ul{
list-style:none;padding:0px;margin:0px;display:block;
}
#menu ul li{
list-style:none;display:inline;float:left;width:auto;padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold;color:#000;
}
#menu ul li a{
float:left;text-decoration:none;padding:0 0 0 0; margin:0 4px 0 4px;color:#fff;text-align:center;
}
#menu ul li a:hover{
text-decoration:none;color: #fff; border-bottom:0px #FFFFFF solid;
}
#menu ul li a.current{
float:left;text-decoration:none;padding:0 0 0 0;color: #fff;margin:0 4px 0 4px; border-bottom:3px #fff solid;
}
/*----------------------menu_ge-------------------------*/
#menu_genre{
float:right;
width:440px;
padding:5px 0 0 0;
}
#menu_genre ul{
list-style:none;padding:0px;margin:0px;display:block;
}
#menu_genre ul li{
list-style:none;display:inline;float:left;width:auto;padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold;color:#000;
}
#menu_genre ul li a{
float:left;text-decoration:none;padding:0 0 0 0; margin:0 6px 0 6px;color:#fff;text-align:center;
}
#menu_genre ul li a:hover{
text-decoration:none;color: #fff; border-bottom:3px #FFFFFF solid;
}
#menu_genre ul li a.current{
float:left;text-decoration:none;padding:0 0 0 0;color: #fff;margin:0 6px 0 6px; border-bottom:3px #fff solid;
}
/*-----------------main content----------------------------*/
.main_content{
width:865px;
height:auto;
margin:auto;
padding:0 0 30px 0;
background-color:#FFFFFF;
}
.main_content_top{
width:865px;
height:24px;
background:url(images/main_content_top.gif) no-repeat center top;
}
.logofront{
position:absolute;top:17px;
}
.adunit{
float:left;
width:865px;
border-top:1px #CCC dashed;
border-bottom:1px #CCC dashed;
padding:4px 0 4px 0;
}
.main_genre{
float:left;
width:865px;
font-size:28px;
padding:15px 0 0 0;
color:#0c9cc9;
font-weight:bold;
font-family: Geneva, Arial, Helvetica, sans-serif;
}

#boxes_content{
width:865px;
clear:both;
margin:auto;
}
/*-----------------------------box radio------------------*/

.box{
padding:15px 15px 15px 15px;float:left;}
.boxad{
padding:30px 0px 15px 0px;float:left;}
.boxchat{
padding:25px 15px 15px 15px;float:left;}
.radio{
background:url(images/box_bg.gif) no-repeat center;width:300px;height:285px;
}
.adcenter{
width:250px;
height:270px;
}
.chatbox{
width:255px;
height:275px;
}
.radiotitle{
font-weight:bold;
font-size:14px;
color:#0c9cc9;
padding:2px 0 2px 0;
font-family:Arial, Helvetica, sans-serif;
}
.titlechannel{
float:left;
width:865px;
border-top:1px #CCC dashed;
border-bottom:1px #CCC dashed;
background-color:#fff;
font-weight:bold;
font-size:18px;
color:#0c9cc9;
font-family:Arial, Helvetica, sans-serif;
padding:4px 0 4px 0;
}
.line{
float:left;
width:865px;
border-top:1px #CCC dashed;
padding:4px 0 4px 0;
}
.title{
font-size:18px;
color:#0c9cc9;
padding:10px 0 0 0px;
font-family:Arial, Helvetica, sans-serif;
}
.left_content{
width:550px;
float:left;
padding:10px 0px 10px 20px;
}
.right_content{
width:255px;
float:left;
padding:10px 15px 10px 25px;
}
.say{
line-height:15px;
font-size:14px;
color:#0c9cc9;
padding:5px 0 0 0px;
font-family:Arial, Helvetica, sans-serif;
}
/*------------------------ Radio Stations ----------------*/
#channel{
width:865px;
clear:both;
margin:auto;
}
#channel a{
float:left;text-decoration:none;padding:0 0 0 0; margin:0 0 0 0;color:#fff;text-align:center;
border:1px #000 solid;
}
.new_stations{
width:58px;
height:58px;
float:left;
padding:10px 10px 10px 10px;
}


/*-----------------------------footer------------------*/
#footer{
clear:both;
width: auto;
height:60px;
color: #0c9cc9;
}
.copyright{
float:right;
padding-left:15px;
padding-right:15px;
padding-top:4px;
}
.footer_links{
float:left;
padding-right:15px;
padding-top:13px;
}
.footer_links a{
text-decoration:none;
color: #0c9cc9;
padding-left:10px;
}
.footer_links a:hover{
text-decoration:underline;
color: #0c9cc9;
}