body{margin:0;padding:0;border:0;font-size:12px;font-family: calibri, tahoma,verdana, arial, helvetica, sans-serif;}
table{border-collapse:collapse;}
a {color: #444;text-decoration: none;}
a:hover {color: #222;}
a img{cursor:pointer; border:0;}
form {margin:0px;padding:0px;}

.clear {clear:both;}

h1 {margin: 0 0 5px 0;padding: 0 0 5px 0;color: #333;font-size: 20px;}
h2 {margin: 10px 0;color: #333;font-size: 16px;}

#wrapper {margin:0 auto;padding:0;width:1000px;background-image:url('../images/background.jpg');}
#page {margin-left:17px;width:962px;}

/* header */
#header #earthquake {width:148px;height:22px;background:url('../images/top_earthquake.jpg');margin:20px 0 0 280px;}
#header #earthquake2 {width:189px;height:34px;background:url('../images/top_earthquake2.jpg');margin:58px 0 0 251px;}
#header #topAward {width:69px;height:32px;background:url('../images/top_award.gif');margin:10px 0 0 345px;}
#header #topAward2 {width:104px;height:49px;background:url('../images/top_award2.jpg');margin:43px 0 0 339px;}
#header #topLoginBox {width:380px;margin:10px 0 0 33px;}
#header #topLoginBox .text {border:1px #ccc solid;width:90px;height:15px;margin-right:5px;margin-top:3px;font-size:11px;}
#header #topLoginBox .light {color:#CCC;}
#header #topLoginBox .username {background:url('../images/top_login_username.jpg') no-repeat 5px 0;}
#header #topLoginBox .password {background:url('../images/top_login_password.jpg') no-repeat 5px 0;}
#header #topLoginBox .submit {background:#FFC800;width:65px;border:0;color:#FFF;margin-right:5px;}
#header #topLoginBox .submit_btn {margin-right:8px;}
#header #topLoginBox .separator {color:#666;}
#header #topLoginBox a {color:#666;font-size:11px;}
#header #topLoginBox #topLoginForm {display:inline;margin:0;padding:0;}

#header #topLoggedinBox {width:380px;margin:15px 0 0 33px;}
#header #topLoggedinBox .separator {color:#FFF;}
#header #topLoggedinBox .name {color:#f39210;font-size:12px;margin-right:20px;}
#header #topLoggedinBox a {color:#666;font-size:11px;}

#header #searchForm {margin:0px;padding:0px;}
#header #searchForm .text {border:0;width:215px;height:15px;margin:2px 0 0 90px;font-family: calibri, tahoma,verdana, arial, helvetica, sans-serif;font-size:11px;background-image:url('../images/search_text_bg.jpg');}
#header #searchForm .keyword {background-image:url('../images/search_text_yahoo_bg');}

#header #channel {width:262px;height:29px;margin-left:3px;margin-top:-2px;}
#header #channel #channelHead a{width:179px;height:29px;background-image:url('../images/channel/u21.hk.jpg');}
#header #channel #channelHead a:hover {background-image:url('../images/channel/u21.hk2.jpg');}
#header #channelItem {float:left;position:relative;margin:0 0 0 0;padding:0;width:50px;height:29px;z-index:999;}
#header #channelItem li {float:left;display:inline;list-style-type:none;margin:0;padding:0;}
#header #channelItem li a {display:block;}
#header #channelItem li ul {position:absolute;float:left;width:249px;margin:-5px 0 0 -76px;padding:5px 0 3px 2px;border:1px solid #c9c6bf;visibility:hidden;border-top:0px;FILTER: alpha(opacity=95);}
#header #channelItem li ul li {display:inline;list-style-type:none;border-bottom:1px solid #FFF;border-right:1px solid #FFF;background-color:#fff;}
#header #channelItem li ul li.more {}
#header #channelItem li ul li.hidden {display:none;}
#header #channelItem li ul li a {width:120px;height:35px;background:#2b2629;padding:0px;text-decoration:none;line-height:29px;margin:1px 1px 1px 1px;}

#header #channelItem li ul li a.model {background-image:url('../images/channel/model.jpg');}
#header #channelItem li ul li a.model:hover {background-position: 0 -35px;}
#header #channelItem li ul li a.tutor {background-image:url('../images/channel/tutor.jpg');}
#header #channelItem li ul li a.tutor:hover {background-position: 0 -35px;}
#header #channelItem li ul li a.shop {background-image:url('../images/channel/shop.jpg');}
#header #channelItem li ul li a.shop:hover {background-position: 0 -35px;}
#header #channelItem li ul li a.community {background-image:url('../images/channel/community.jpg');}
#header #channelItem li ul li a.community:hover {background-position: 0 -35px;}
#header #channelItem li ul li a.reading {background-image:url('../images/channel/reading.jpg');}
#header #channelItem li ul li a.reading:hover {background-position: 0 -35px;}
#header #channelItem li ul li a.forum {background-image:url('../images/channel/forum.jpg');}
#header #channelItem li ul li a.forum:hover {background-position: 0 -35px;}
#header #channelItem li ul li a.kitchen {background-image:url('../images/channel/kitchen.jpg');}
#header #channelItem li ul li a.kitchen:hover {background-position: 0 -35px;}
#header #channelItem li ul li a.email {background-image:url('../images/channel/email.jpg');}
#header #channelItem li ul li a.email:hover {background-position: 0 -35px;}
#header #channelItem li ul li a.digitaltv {background-image:url('../images/channel/digital_tv.jpg');}
#header #channelItem li ul li a.digitaltv:hover {background-position: 0 -35px;}
#header #channelItem li ul li a.overseas {background-image:url('../images/channel/overseas.jpg');}
#header #channelItem li ul li a.overseas:hover {background-position: 0 -35px;}
#header #channelItem li ul li a.live {background-image:url('../images/channel/live.jpg');}
#header #channelItem li ul li a.live:hover {background-position: 0 -35px;}
#header #channelItem li ul li a.events {background-image:url('../images/channel/events.jpg');}
#header #channelItem li ul li a.events:hover {background-position: 0 -35px;}
#header #channelItem li ul li a.hkcee {background-image:url('../images/channel/27771112.jpg');}
#header #channelItem li ul li a.hkcee:hover {background-position: 0 -35px;}
#header #channelItem li ul li a.cyber {background-image:url('../images/channel/cybersafety.jpg');}
#header #channelItem li ul li a.cyber:hover {background-position: 0 -35px;}
#header #channelItem li ul li a.live {background-image:url('../images/channel/live.jpg');}
#header #channelItem li ul li a.live:hover {background-position: 0 -35px;}
#header #channelItem li ul li a.egame {background-image:url('../images/channel/egame.jpg');}
#header #channelItem li ul li a.egame:hover {background-position: 0 -35px;}
#header #channelItem li ul li a.ecard {background-image:url('../images/channel/ecard.jpg');}
#header #channelItem li ul li a.ecard:hover {background-position: 0 -35px;}
#header #channelItem li ul li a.volunteer {background-image:url('../images/channel/volunteer.jpg');}
#header #channelItem li ul li a.volunteer:hover {background-position: 0 -35px;}
#header #channelItem li ul li a.eng {background-image:url('../images/channel/eng.jpg');}
#header #channelItem li ul li a.eng:hover {background-position: 0 -35px;}
#header #channelItem li ul li a.msn {background-image:url('../images/channel/msn.jpg');}
#header #channelItem li ul li a.msn:hover {background-position: 0 -35px;}
#header #channelItem li ul li a.travel {background-image:url('../images/channel/travel.jpg');}
#header #channelItem li ul li a.travel:hover {background-position: 0 -35px;}
#header #channelItem li ul li a.story60 {background-image:url('../images/channel/story60.jpg');}
#header #channelItem li ul li a.story60:hover {background-position: 0 -35px;}
#header #channelItem li ul li a.job {background-image:url('../images/channel/job.jpg');}
#header #channelItem li ul li a.job:hover {background-position: 0 -35px;}
#header #channelItem li ul li a.youthnet {background-image:url('../images/channel/youthnet.jpg');}
#header #channelItem li ul li a.youthnet:hover {background-position: 0 -35px;}

#header #channelItem li ul li a.more {background-color:#f8ac11;width:243px;height:20px;background-image:url('../images/channel/more.jpg');}
#header #channelItem li ul li a.more:hover {}

#header #channelItem li ul li a:hover {border:0;}
#header #channelItem li ul li a .channelText {float:left;padding:0 0 0 54px;text-align:left;cursor:pointer;}
#header #channelItem li ul li a .text {float:left;padding:0 0 0 87px;text-align:left;cursor:pointer;}
	
#header #newsBox {margin:0 0 0 90px;width:170px;color:#666;}
#header #newsBox #news {margin:0;padding:0;list-style:none;}
#header #newsBox #news li {margin-top:5px;}
#header #newsBox #news li a {color: #666;text-decoration: none;}
#header #newsBox #news li a:hover {color: #f8ac11;}

/* content */
#content {margin:5px;}

#sidebar {}
#sidebar #menu {margin:0;padding:0;list-style:none;width:140px;}
#sidebar #menu li {margin:0 0 3px 0;font-size:110%;}

#footer {}

/* ScrollList*/
#scrollList {width:990px;margin:20px auto 0 auto;}
#scrollList ul {list-style:none;margin:0;padding:0;}
#scrollList ul li {margin:0 8px 0 0px;}

#yahoo_ad {background-color:#fff;}
#yahoo_ad td {vertical-align:top;}
#yahoo_ad .cell{min-height:100%;background-color:#eee;padding:10px;margin:5px;vertical-align:top;}
#yahoo_ad .text {font-size:11px;color:#333333}
#yahoo_ad a.link1 {font-family: Arial, Helvetica, sans-serif ; font-size: 13px; color: #7c9d01; text-decoration:underline}
#yahoo_ad a.link2 {font-family: Arial, Helvetica, sans-serif ; font-size: 10px; color: #009900; text-decoration:none}