body {
height:100%;
margin:0;
font-family: MS Sans Serif, Arial; 
background-color:#333; 
}
a  { color: #f78500;text-decoration:none }
a:hover   { text-decoration:underline }

.main {

background:#111; 
width:1010px;
min-height:75em;
margin-left: auto ;
margin-right: auto ;
margin-bottom:10px;
padding-bottom:20px;
}
.content{
}
.main_row {
background-color: #000; 
width:634px;
height:100%;
overflow:auto;
margin:8px;
margin-left:345px;
padding:6px;
padding-left:10px;
}
.main_cell_1{
width:309px;
height:250px;
padding:0px;
margin-left:0px;
margin-right:8px;
float:left;
}
#lcol {
width:309px;
padding:0px;
float: left;
margin-top:270px;
}
.left_col_main {
background-color: #000; 
width:309px;
height:100%;
overflow:auto;
margin:8px;
margin-left:25px;
padding:6px;
}
.left_col {
background-color: #000; 
width:306px;
height:100%;
overflow:auto;
margin:8px;
margin-left:25px;
padding:6px;
}

.left_cell_1{
width:303px;
height:250px;
padding:0px;
margin-left:1px;
margin-right:0px;
float:left;
}

.main_row_1_hd {
background-color: #f78500;
font-size:1em;
font-weight:bold;
color:#FFFFFF;
margin-bottom:4px;
}
.main_row_1_hd a {
display:block;
color:#FFFFFF;
border: 5px solid #f78500;
}
.main_row_1_hd a:hover {
background-color: #ddd;
text-decoration:none;
color:#000;
border: 5px solid #ddd;
}
.main_row_1_txt{
font-size:0.8em;
color:#000000;
display:block;
}
.main_row_1_txt a {
background-color:#000;
color:#aaa;
display:block;
height:206px;
border: 5px solid #000;
}
.main_row_1_txt a:hover {
text-decoration:none;
background-color: #f78500;
color:#fff;
border: 5px solid #f78500;
}

.main_row_2_hd {
background-color: #e42217;
font-size:1em;
font-weight:bold;
color:#FFFFFF;
margin-bottom:4px
}
.main_row_2_hd a {
display:block;
color:#FFFFFF;
border: 5px solid #e42217;
}
.main_row_2_hd a:hover {
background-color: #000;
text-decoration:none;
color:#aaa;
border: 5px solid #000;
}
.main_row_2_txt{
font-size:0.8em;
color:#000000;
display:block;
}
.main_row_2_txt a {
background-color:#000;
color:#aaa;
display:block;
height:206px;
border: 5px solid #000;
}
.main_row_2_txt a:hover {
text-decoration:none;
background-color: #e42217;
color:#fff;
border: 5px solid #e42217;
}

.main_row_wv_txt{
font-size:0.8em;
color:#000000;
display:block;
}
.main_row_wv_txt a {
background-image: url('images/watch_video_2.gif'); 
color:#aaa;
display:block;
height:206px;
border: 5px solid #000;
}
.main_row_wv_txt a:hover {
text-decoration:none;
background-image: url('images/watch_video.gif'); 
color:#aaa;
border: 5px solid #000;
}
.upper {
width:1000px;
}
.logo {
height:150px;
padding:18px 10px 10px 50px;
float:left;
}
.nowonair {
width:620px;
height:160px;
margin:10px 10px 0 350px;
padding:8px;
text-align:right;
background:url('images/mytilene2.jpg') no-repeat; 
}
.nowonair_images {
margin-top:78px;
text-align:left;
}
.playing {
width:400px;
margin-top:25px;
float:left;
margin-right:10px;
}
.nowplaying {
font-size:1em;
padding:3px;
}
#nowplaying2 {
font-size:1em;
padding:3px;
color:#ddd;
font-size:0.8em;
font-family:Arial;
}
.nowplaying3{
width:220px;
font-size:0.7em;
padding-top:5px;
font-weight:bold;
color:#999;
float:right;
}
.nowplaying3 a {
color:#999;
}
.nowplaying3 a:hover {
color:#eee;
text-decoration:none;
}
.nextplaying {
color:#ccc;
font-size:0.9em;
}
.main_row_hd {
background-color: #e42217;
font-size:0.9em;
font-weight:bold;
color:#FFFFFF;
margin-bottom:4px;
padding:4px;
}
.main_row_txt{
font-size:0.8em;
color:#aaa;
line-height:20px;
}

.legend {
float:right;
border-top:1px solid #A04C53; 
font-size:0.75em; color:#777; font-style:italic; padding:4px; font-family:Arial;margin-top:25px
}
.cat_hd {
font-size:1.5em;
color:#FFFFFF; 
text-align:right; 
padding:0 10px 5px 0; background-color:#f68500;
}
.chart_1 {
font-size:1.5em;
text-align:right;
padding:10px;
width:52px;
font-family:Arial;
font-weight:bold; color:#FFFFFF; background-color:#2F919A
}

.chart_2 {
font-size:1.1em;
font-weight:bold;
text-align:right;
padding:12px;
width:25px;
color:#F0F0F0;
font-family:Arial; background-color:#44B3BB
}

.chart_titles {
font-size:0.8em;
background-color:#555;
color:#eee;
font-weight:bold;
font-family:Arial;
padding:3px;
padding-right:10px;
}
.chart_row {
width:290px;
font-family:Arial;
padding-bottom:3px;
float:left;
font-size:12px;
}
.chart_pos {
background-color:#0088BE;
width:20px;
float:left;
text-align:right;
font-weight:bold;
padding:1px;
padding-right:3px;
margin-bottom:1px;
margin-right:4px;
color:#fff;
}
chart_record {
width:250px;
font-size:0.8em;
}
.free_text {
font-size:0.8em;
background-color:#BBB;
color:#fff;
font-family:Arial;
padding:3px;
text-align:right;
}
.free_text a {
color: #D53292
}
.photos_container {
width:624px;

}
.photo {
float:left;
width:140px;
text-align:center;
background-color:#eee;
padding:5px;
margin:3px;
min-height:150px;
}
.photos_main {
}
.photos_legend {
font-size:0.7em;
}
.simple {font-size: 0.8em; color:#058DC1;padding-top: 10px; text-align:left}
.simple2 {font-size: 0.75em; text-align:left;color:#408080;padding-bottom: 3px;padding-top: 4px;padding-left: 10px; font-weight:bold}
.simple2 a {}
.simple3 {font-size: 1em; color:#D53292; font-weight:bold}
.simple4 {font-size: 0.8em; color:#777; text-align:left}
.footer {
color: #888;
background-color:#222;
font-size:10px;
padding:6px 0 12px 0;
text-align:center;
position:relative;
}
.ptitle {font-weight: bold; font-size: 0.9em; padding:6px; color:#eee; background-color:#e42217;text-align:left}
.std { font-size: 0.9em; color: #0F5387; font-weight: bold; background-color:#eee; padding-bottom:2px;padding-left:5px; text-align:left }
.disabled {	font-weight:bold; background:transparent;  color:#FFFFFF;  border:0px none; text-align:right; font-size: 1em; padding-top:1px;}
.disabled2 {	font-weight:bold; background:transparent;  color:#EEEEEE;  border:0px none; text-align:left; font-size: 1em; padding-top:1px;}
.pc {font-family: Arial; font-size: 1em; color: #453793; font-weight: 
               bold; text-align:right}
.uline {border-bottom:1px dotted #999999; color: #010171; font-size: 0.8em; font-weight: 
               bold; border-left-width:1; border-right-width:1; border-top-width:1; padding-left:8px; padding-right:8px}
.for_image {height: 52px; padding-right:9px; padding-top:0px}
.table2 {border:1px solid #DADADA; text-align:left}
.error {border:1px solid #eee; padding:5px; color: #eee; text-align: center; background-color: #008080; font-size:0.9em;width:100%;padding:5px}
.error a { color:#FFFFFF }
.error2 {border:6px solid #f68500; padding:6px 30px 6px 30px; color: #555; text-align: center; background-color: #FFFFFF; font-weight:bold; font-size:2em;width:100%}
input, textarea, select{
	color : #666;
	border-collapse: collapse; border: 1px solid #666666; padding:3px 10px 5px 10px; background-color:#eee;font-size:13px
}

.input7 { border:3px solid #555; color : #f68500; background-color:#777;font-weight:bold;font-size:0.8em}
img.left {
 float: left;
 margin: 0 8px 6px 0;
 border: 1px solid #777;
 padding:2px;
}
img.frame {
 margin: 0 6px 6px 0;
 border: 3px solid #333;
}
#menu {width:970px; height:35px; text-align:center;margin-left:23px}
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
#menu ul {display:inline-block;} 
#menu li {display:inline-block; display:inline;}
#menu ul.level1 div {position:absolute; left:-9999px;}
#menu ul.level1 {margin:0 auto }
#menu ul.level1 li.level1-li {float:left; display:block; position:relative;}
#menu ul.level1 {}
#menu ul li div ul { padding-left:1px; padding-right:1px; padding-top:0; padding-bottom:1px}
#menu a {display:block; color:#FFFFFF; line-height:30px; text-decoration:none;text-align:center; font-style:normal; font-variant:normal; font-size:14px; font-family:sans-serif, Tahoma; padding-left:38px; padding-right:38px; padding-top:0; padding-bottom:0}
#menu ul.level1 li.level1-li a.level1-a {float:left;}
#menu ul li:hover div {left:50%; top:25px;}
#menu ul li:hover div ul {display:block; position:relative; left:-50%;}
#menu ul li div ul li a {background:#555;}
#menu a:hover div {left:0; top:23px;}
#menu a:hover div ul {position:relative; left:-50%;}
#menu li a.fly {background:url('images/down-arrow.gif') no-repeat right center;}
#menu li a:hover, #menu li a:hover.fly {background-color:#058CC0; color:#f78500;} 
#menu li:hover > a,
#menu ul li:hover > a.fly {background-color:#555; color:#f78500}
#menu table {position:absolute; height:0; width:0; left:50%; border-collapse:collapse; margin-top:-4px;}