body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 14px;
	background: #0a3371;
	text-align: center;
	behavior: url('../script/csshover.htc');
}

a:link, a:visited {
   color: #0033cc;
   text-decoration: underline;
}

a:hover, a:active {
   color: #0088cc;
}

p, form, table {
  margin: 0;
  padding: 0;
}

#outline {
    margin: 0 auto;
    width: 990px;
	background: #FFF;
	border-left: #071f41 2px solid;
	border-right: #071f41 2px solid;
}

#header {
    margin: 0 auto;
	padding: 0;
    width: 990px;
	height: 83px;
	background: url(../images/graphics/header.jpg) 0 0 no-repeat;
}

#top-bar {
    margin: 0 auto;
    padding: 0;
    width: 990px;
    height: 26px;
    background: #a82023;
}

#languages {
    margin: 0;
	padding: 0;
	width: 200px;
	float: left;
}

#languages ul {
    margin: 0;
	padding: 0;
	list-style: none;
}

#languages li {
    margin: 0 15px 0 0;
	padding: 0;
	line-height: 25px;
	float: left;
}

#languages a:link, #languages a:visited {
    color: #FFF;
	text-decoration: underline;
}

#languages a:hover, #languages a:active {
    color: #FFFF00;
}

#languages li.home {
    width: 57px;
	background: #000;
	font-weight: bold;
}

#languages li.home a {
    text-decoration: none;
}

#update-frame {
    margin: 0;
	padding: 0;
	width: 250px;
	height: 26px;
	float: left;
}

#update {
    margin: 0 0 0 17px;
	padding: 0;
	width: 250px;
    color: #FFF;
	line-height: 25px;
	font-size: 10px;
	text-align: left;
}

#search-frame {
    margin: 0;
	padding: 0;
	width: 500px;
	height: 26px;
	float: right;
}

#search {
    margin: 0;
	padding: 0;
	width: 500px;
	font-size: 10px;
	color: #FFF;
}

#search table {
    margin-top: 1px;
	margin-right: 10px;
    border-collapse: collapse;
	float: right;
}

#search table th {
    padding: 0 10px 0 0;
}


#search table input.textfield {
    margin: 0 5px 0 0;
	padding: 0;
	width: 200px;
	height: 16px;
}

#top-line {
    margin: 4px auto 0 auto;
	padding: 0;
	width: 990px;
	height: 11px;
	border-top: #8b181b 1px solid;
}

#container {
    margin: 0 auto;
	padding: 0;
	width: 990px;
	background: url(../images/graphics/container_main_bg.gif) left top repeat-y;
}

#left-col {
    margin: 0;
	padding: 0;
	width: 194px;
	min-height: 820px;
	float: left;
}

div#nav {
    width: 194px; 
	margin: 0 0 30px 0; 
	text-align: left;
}

div#nav ul {
    margin: 0; 
	padding: 0; 
	width: 194px; 
	background: #e4eaed;
	border-top: #c7ced1 1px solid;
}

div#nav li {
    position: relative; 
	list-style: none; 
	margin: 0; 
	background: #e4eaed url(../images/graphics/nav_head.gif) left top repeat-y;
	border-bottom: #c6cdd1 1px solid;
}

div#nav li:hover {
    background: #cad1d4 url(../images/graphics/nav_head.gif) left -50px repeat-y;
}

div#nav li a {
    padding: 0 0 0 26px;
	width: 168px;
	height: 23px;
	font-size: 14px;
	font-weight: bold;
	color: #3c6083;
	line-height: 24px;
	text-decoration: none;
	display: block;}

div#nav li a:hover {
    color: #2d373a;
}
  
div#nav li ul {
    position: absolute; 
	top: -1px; 
	left: 194px;
    display: none;
	border-left: #9f9e9e 1px solid; 
	border-right: #9f9e9e 1px solid;
}
  
div#nav li:hover ul {
    display: block;
}

div#nav li li a:link, div#nav li li a:visited {
    padding: 0 0 0 26px;
	width: 168px;
	height: 23px;
	font-size: 12px;
	font-weight: bold;
	color: #3c6083;
	line-height: 24px;
	text-decoration: none;
	display: block;
}

div#nav li li a:hover, div#nav li li a:active {
    color: #2d373a;
}

a.info{
    position:relative; /*this is the key*/
    z-index:24; 
}

a.info:hover {
    z-index:25; 
}

a.info span {
    display: none;
}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top: 0; 
	left: 194px; 
	width: 150px;
	padding-left: 10px;
	height: 22px;
    border:1px solid #0cf;
    background-color:#cff;
	font-size: 11px;
	font-weight: normal;
	color:#000;
	line-height: 22px;
    text-align: left;
}



#left-frame {
    margin: 0;
	padding: 0;
	width: 194px;
	height: 840px;
}

#center-col {
    margin: 0;
	padding: 0 10px 0 9px;
	width: 296px;
	min-height: 820px;
	height: 100%;
	border-left: #9f9e9e 1px solid;
	border-right: #9f9e9e 1px solid;
	float: left;
}

.news_header {
    margin: 0;
	padding: 0 0 0 13px;
	width: 283px;
	height: 27px;
	background: #093852 url(../images/news/news_header.gif) left top no-repeat;
	font-size: 18px;
	font-weight: normal;
	color: #FFF;
	line-height: 27px;
	text-align: left;
}

#feature-story {
    margin: 4px 0 0 0;
	padding: 0;
	width: 294px;
/*	height: 226px;*/
	border: #21425a 1px solid;
/*	cursor: pointer;*/
}

.Chinese {
	background: #d0d4d8 url(../images/news/feature_story_c.jpg) left top no-repeat;
}

.English {
	background: #d0d4d8 url(../images/news/feature_story_e.jpg) left top no-repeat;
}

#feature-story .text {
    margin: 185px 12px 5px 12px;
	font-size: 11px;
	line-height: 16px;
	text-align: left;
}

.generic-news {
    margin: 4px 0 0 0;
	padding: 0;
	width: 294px;
	height: 226px;
	border: #21425a 1px solid;
	cursor: pointer;
}

.generic-news .text {
    margin: 185px 12px 5px 12px;
	font-size: 11px;
	line-height: 16px;
	text-align: left;
}

#generic1 {
    background: #d0d4d8 url(../images/news/generic1.jpg) left top no-repeat;
	display: none;
}

#generic2 {
    background: #d0d4d8 url(../images/news/generic2.jpg) left top no-repeat;
	display: none;
}

#story1_e {
    background: #d0d4d8 url(../images/news/feature_story1_e.jpg) left top no-repeat;
	display: none;
}

#story1_c {
    background: #d0d4d8 url(../images/news/feature_story1_c.jpg) left top no-repeat;
	display: none;
}

#story2_e {
    background: #d0d4d8 url(../images/news/feature_story2_e.jpg) left top no-repeat;
	display: none;
}

#story2_c {
    background: #d0d4d8 url(../images/news/feature_story2_c.jpg) left top no-repeat;
	display: none;
}

.news-promo {
    margin: 4px 0 0 0;
	padding: 0;
	width: 294px;
	min-height: 226px;
	border: #21425a 1px solid;
}

.news-promo .text {
    margin: 172px 12px 5px 12px;
	font-size: 11px;
	line-height: 16px;
	text-align: left;
}

#long {
    display: none;
}

#immigration {
    background: #d0d4d8 url(../images/news/immigration.jpg) left top no-repeat;
}

#e-news {
    background: #d0d4d8 url(../images/news/feature_story1_e.jpg) left top no-repeat;
}

#c-news {
    background: #d0d4d8 url(../images/news/feature_story1_c.jpg) left top no-repeat;
}


#center-col .more {
    margin: 0 12px 0 0;
	font-size: 11px;
    text-align: right;
}

#movie-frame {
    margin: 0;
	padding: 0;
	width: 296px;
	height: 248px;
}

#news-frame {
    margin: 0 0 10px 0;
	padding: 0;
    width: 296px;
	height: 420px;
}

#video-window {
	margin: 6px 0;
}

#right-col {
    margin: 0;
	padding: 0 0 0 10px;
	width: 461px;
	float: left;	
}

.programming-header {
    margin: 0;
	padding: 0 140px 0 13px;
	width: 308px;
	height: 27px;
	background: url(../images/programming/programming_header.gif) right top no-repeat;
	font-size: 18px;
	font-weight: normal;
	color: #FFF;
	line-height: 27px;
	text-align: left;
}

#bucket {
    margin: 3px 0 0 0;
	padding: 0;
	width: 457px;
	height: 254px;
	border: #3c4f61 2px solid;
}

#promo {
    margin: 3px 0;
	padding: 0;
	width: 459px;
	height: 115px;
/*	background: url(../images/programming/promo.jpg) center center no-repeat;*/
	border: #bbbab9 1px solid;
}

#promo1, #promo2 {
    margin: 3px 0;
	padding: 0;
	width: 459px;
	height: 115px;
	border: #bbbab9 1px solid;
	display: none;
}

#promo3 {
    margin: 3px 0;
	padding: 0;
	width: 459px;
	height: 115px;
	border: #bbbab9 1px solid;
}

#programming-box {
    margin: 3px 0 1px 0;
	padding: 0;
	width: 457px;
	height: 378px;
	background: #fbfcfe url(../images/programming/programming_bg.jpg) left bottom no-repeat;
	border: #3c5061 2px solid;
}

.programming-title {
    float: left;
}

#programming-nav {
    margin:0;
	padding: 0;
	height: 16px;
	text-align: center;
	float: right;
}

#programming-nav .previous {
    margin: 0;
	padding: 0 10px 0 10px;
    background: url(../images/programming/arrow_left.gif) left center no-repeat;
	font-size: 11px;
	color: #FFFFFF;
	text-align: left;
	display: block;
	cursor: pointer;
}

#programming-nav .next {
    margin: 0;
	padding: 0 10px 0 10px;
    background: url(../images/programming/arrow_right.gif) right center no-repeat;
	font-size: 11px;
	color: #FFFFFF;
	text-align: right;
	display: block;
	cursor: pointer;
}

#programming-nav .previous:hover, #programming-nav .next:hover {
    color: #e98f23;
}

#programming-nav .separator {
    margin: 0;
	padding: 0;
	color: #FFF;
	font-size: 11px;
	font-weight: bolder;
}

.programs-group {
    margin: 0;
	padding: 10px 0 0 10px;
	width: 447px;
	height: 368px; 
}

.program-block {
    margin: 0;
	padding: 0;
	width: 147px;
	height: 184px;
	text-align: left;
	float: left;
}

#programming-box .photo {
    margin: 0;
	padding: 0;
	width: 133px;
	height: 85px;
	border: #000 1px solid;
	cursor: pointer;
}

#programming-box .title {
    margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 27px;
	color: #24344c;
}

#programming-box .text {
    margin: 0;
	padding: 0 5px 0 3px;
	height: 72px;
    font-size: 11px;
	line-height: 13px;
}

#programming-box .more {
    margin: 0;
	padding: 0 0 0 3px;
    font-size: 11px;
}

#Chinese {
	background: url(../images/programming/g_Chinese.jpg) left top no-repeat;  
}

#Japanese {
	background: url(../images/programming/g_Japanese.jpg) left top no-repeat;  
}

#Filipino {
	background: url(../images/programming/g_Filipino.jpg) left top no-repeat;  
}

#Vietnamese {
	background: url(../images/programming/g_Vietnamese.jpg) left top no-repeat;  
}

#Korean {
	background: url(../images/programming/g_Korean.jpg) left top no-repeat;  
}

#Indian {
	background: url(../images/programming/g_Indian.jpg) left top no-repeat;  
}

#English{
	background: url(../images/programming/g_English.jpg) left top no-repeat;  
}

#Persian {
	background: url(../images/programming/g_Persian.jpg) left top no-repeat;  
}

#Greek {
	background: url(../images/programming/g_Greek.jpg) left top no-repeat;  
}

#Laotian {
	background: url(../images/programming/g_Laotian.jpg) left top no-repeat;  
}

#Talktonight {
	background: url(../images/programming/g_Talktonight.jpg) left top no-repeat;  
}

/*#Everywhere {
	background: url(../images/programming/g_Everywhere.jpg) left top no-repeat;  
}*/

#Tzuchi {
	background: url(../images/programming/g_Tzuchi.jpg) left top no-repeat;  
}

#Zhongtian {
	background: url(../images/programming/g_Zhongtian.jpg) left top no-repeat;  
}

#Bigbrother {
	background: url(../images/programming/g_Bigbrother.jpg) left top no-repeat;  
}

#Millionstar {
	background: url(../images/programming/g_Millionstar.jpg) left top no-repeat;  
}

#Variety {
	background: url(../images/programming/g_Variety.jpg) left top no-repeat;  
}

#StartHK {
	background: url(../images/programming/g_StartHK.jpg) left top no-repeat;  
}

#Maria {
	background: url(../images/programming/g_Maria.jpg) left top no-repeat;  
}

#ChinaNews {
	background: url(../images/programming/g_ChinaNews.jpg) left top no-repeat;  
}

#Dreams {
	background: url(../images/programming/g_Dreams.jpg) left top no-repeat;  
}

#Fruitypie {
	background: url(../images/programming/g_Fruitypie.jpg) left top no-repeat;  
}

#YoYoDIY {
	background: url(../images/programming/g_YoYoDIY.jpg) left top no-repeat;  
}

#BAKidsClub {
    background: url(../images/programming/g_bakidsclub.jpg) left top no-repeat;  
}

#SV {
	background: url(../images/programming/g_SV.jpg) left top no-repeat;  
}

#LuYu {
	background: url(../images/programming/g_LuYu.jpg) left top no-repeat;  
}

#SuperET {
	background: url(../images/programming/g_superET.jpg) left top no-repeat;  
}


#StartHK2 {
	background: url(../images/programming/g_StartHK2.jpg) left top no-repeat;  
}




#p1 {
    display: block;
}

#p2 {
    display: none;
}

#p3 {
    display: none;
}

#combiner {
    margin: 0;
	padding: 0;
	width: 990px;
	height: 10px;
	border-top: #252f6a 3px solid;
	background: #FFF;
	clear: both;
}

#footer-frame {
    margin: 0;
	padding: 0;
	width: 990px;
	height: 92px;
}

#news-menu, #programming-menu {
    width: 194px;
	display: none;
}

.popup {
    display: none;
    padding: 5px;
	background: #e4eaed;
    width: 296px;
	height: 270px;
	position: absolute;
	border: #145d87 1px solid;
	z-index: 21;
	top: -1000px;
	left: -1000px;
}

.popdown {
    padding-top: 5px;
    font-size: 11px;
	text-align: center;
}

#program-frame {
    margin: 0;
	padding: 0;
	width: 296px;
	height: 248px;
}

.news-archives {
    margin: 0 0 20px 0;
	padding: 0 0 0 13px;
	width: 283px;
	height: 27px;
	background: #093852 url(../images/news/news_feedback.gif) left bottom no-repeat;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	line-height: 27px;
	text-align: left;
	display: block;
	cursor: pointer;
}

.news-archives-c {
    margin: 0 0 20px 0;
	padding: 0 0 0 13px;
	width: 283px;
	height: 27px;
	background: #093852 url(../images/news/news_feedback.gif) left bottom no-repeat;
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	line-height: 27px;
	text-align: left;
	display: block;
	cursor: pointer;
}

div#nav li.things a {
  padding: 4px 0 0 26px;
  line-height: 16px;
  height: 36px;
}