* {margin: 0; padding: 0;}
body  {font: 12px Tahoma, Verdana, Arial, sans-serif; color: #000000; background: #FFFFFF;}
.clearfloat {clear: both; height: 0; font-size: 1px; line-height: 0px;}
ul {list-style: none;}
img {border: none;}
h1 {display: none;}
a {text-decoration: none; color: #482b06;}
a:hover {text-decoration: underline; color: red; }

.center .thumb_div .nof { width:612px; height:460px; background: black; }
.center .thumb_div .nof P { position: absoulute; display: block; padding-top:40px; margin-left:40px; width: 450px; color: white; font-size: 16px; } 
.center .thumb_div .nof A.nof { background: none; color: yellow; text-decoration: underline; width: 400px; height: 20px; font-weight: bolder; font-size: 16px; text-align: left;}
.center .thumb_div .nof A.nof:HOVER { text-decoration:none; } 

.head { margin: 0 auto; width: 987px; }
.logo { float: left; margin: 10px 20px; }
.menu { float: left; }

.menu UL { margin-top:70px; margin-left: 80px; }
.menu UL LI.main { background: url(http://img.daotube.com/img/menu_top_grey.gif); }
.menu UL LI { width: 156px; height: 40px; background: url(http://img.daotube.com/img/menu_top_green.gif); float: left; text-align: center; margin: 0 5px; }
.menu UL LI A { font-size: 14px; font-weight: bolder; display: block; margin-top: 10px; }
.menu UL LI SPAN { font-size: 14px; font-weight: bolder; display: block; margin-top: 10px; }

.center { margin: 0 auto; width: 987px; }
.left_menu { background: #e5e5e5; width: 135px; margin-top:10px; float: left; }
.left_menu UL { margin-left: 10px; margin-top: 10px; margin-bottom: 10px;}
.left_menu UL LI { margin-bottom:5px; }
.left_menu UL LI A { font-size: 14px; font-weight: bolder; }

.center .cont_div  {padding-left:8px; margin-top:8px; width: 720px; float: left; }
.center .thumb_div  {margin-top:8px; width: 720px; float: left; }
.center .thumb_div A { width: 175px; height:205px; text-align: center; display: block; background: #f2f2f2; font-size: 13px; font-weight: bolder; text-decoration: none; padding-top:5px; padding-bottom:5px; float: left; margin:2px;}
.center .thumb_div A IMG { width:160px; height: 120px; border: 2px solid black; margin-top:5px; }
.center .thumb_div A:HOVER IMG { border: 2px solid red; }
.center .thumb_div A SPAN { text-decoration: none; font-size: 10px; font-weight: normal; color: gray; }
.center .thumb_div A:HOVER SPAN  { text-decoration: none; color: gray; }

.center .thumb_div .listing { width: 720px; margin: 0 auto; text-align: center; background:#e5e5e5; padding-top:10px; padding-bottom:10px;}
.center .thumb_div .listing A { font-size: 13px; display: inline; float: none; background: none; text-decoration: underline; padding-right:3px; padding-left:3px;}
.center .thumb_div .listing .active { color: #482b06; font-size: 13px; display: inline; float: none; background: none; padding-right:3px; padding-left:3px; font-weight: bolder;}


.spot { text-align: center; margin-top: 10px; }

.footer { width: 720px; margin: 0px auto; text-align: center; margin-top: 20px; }

.player {  width: 710px; margin-left: 10px;}
.player P { font-size: 17px; font-weight: bolder; margin-top:10px; margin-bottom:10px; }
.player P IMG { margin-left: 15px; margin-right: 15px;}
.player UL { margin: 10px; }
.player UL LI { width: 300px; }
.player .spot2 { margin-bottom:10px; text-align: center; }
.player .spot2 IMG { width: 700px; height: 100px; border: 1px black solid; }

table td.export-title {font-size: 12px; padding-left:5px; font-weight: bolder;}
table td.export-field {padding-left:5px;}
.export-link {text-decoration: underline; color: red;}