/* ----- BODY----- */
#containerhpb{ width:990px; margin:0 auto }
#contmenu{ width:990px; height: 20px; background: #e5ecf3; display: block; margin:0 auto; padding-top: 5px; font-family: verdana, serif, arial; font-size: 12px;}
/* ----- header ----- */
#headerhpb{ width:990px; height:126px; margin:0 auto; background:#ffffff url(/images/header.jpg);  font-size:11px; color:#000;}
#headerDesc{ padding:0; margin:0;  width:386px; text-align:center; padding-top:75px; padding-bottom: 5px; font:normal 13px Arial, Helvetica, sans-serif; }
#headerhpb h1{ color:#000; padding:0; margin:0; font:normal 18px Arial, Helvetica, sans-serif;}
.oj_txt{ color:#e37400}
.oj_table{ background-color:#fff; float:right; padding:10px}
.bullet { display: inline; margin-right: 10px; padding-left: 15px; background: url('/images/bullet.gif') left 1px no-repeat; }

/* ----- search----- */
#search{ float:left; width:208px; height:28px; padding-top:6px; margin: 0 auto; background:#d0d0d0; text-align: -moz-center;}
.top_search_txtarea{ width:160px; font:normal 10px Arial, Helvetica, sans-serif; color: #323232; border: 1px solid #454545; padding:4px;}
#search a img{ border:0}

.clear{ clear:both}

/* ----- new----- */

ul#HeadNavi { width:782px; height:34px; background: #ffffff; float:left; list-style-type:none; padding:0; margin:0; z-index: 3;}

ul#HeadNavi li { width: 110px; background:url(/images/menu.gif) no-repeat; padding:0; margin:0; list-style-type:none; display:inline; float:left; text-align:center; position:relative; z-index: 3;}

ul#HeadNavi li a {font: normal 12px/34px Arial, Helvetica, sans-serif; color:#333638; padding:0 10px; text-decoration:underline; display:inline-block; zoom: 100%; *display:inline;}
ul#HeadNavi li a:hover { font: bold 12px/34px Arial, Helvetica, sans-serif; color:#000; text-decoration:none; }

#HeadNavi li.home			    	{ background-position:0 0}
#HeadNavi li.home:hover       		{ background-position:0 -34px}
#HeadNavi li.home_active      		{ background-position:0 -34px}
#HeadNavi li.video            		{ background-position:-110px 0}
#HeadNavi li.video:hover      		{ background-position:-110px -34px}
#HeadNavi li.video_active     		{ background-position:-110px -34px}
#HeadNavi li.photo            		{ background-position:-220px 0}
#HeadNavi li.photo:hover      		{ background-position:-220px -34px}
#HeadNavi li.photo_active     		{ background-position:-220px -34px}
#HeadNavi li.national         		{ background-position:-330px 0}
#HeadNavi li.national:hover   		{ background-position:-330px -34px}
#HeadNavi li.national_active  		{ background-position:-330px -34px}
#HeadNavi li.community 		    	{ background-position:-440px 0}
#HeadNavi li.community:hover     	{ background-position:-440px -34px}
#HeadNavi li.community_active    	{ background-position:-440px -34px}
#HeadNavi li.category            	{ background-position:-550px 0}
#HeadNavi li.category:hover      	{ background-position:-550px -34px}
#HeadNavi li.category_active     	{ background-position:-550px -34px}
#HeadNavi li.signup 		    	{ background-position:-660px 0; width:122px; }
#HeadNavi li.signup a				{ font:bold 13px/34px Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase;}
#HeadNavi li.signup a:hover			{ font:bold 13px/34px Arial, Helvetica, sans-serif; color:#fff; text-transform:none;}

ul#HeadNavi ul { display:none; position:absolute; top:32px; left:1px; width:105px; margin:0; padding:0; border-left:2px solid #dadada; border-right:2px solid #dadada; border-bottom:2px solid #dadada; }
ul#HeadNavi ul li { width:100%; }
ul#HeadNavi li.gray a{ background:#dce5ed}
ul#HeadNavi li:hover { position:relative; }
ul#HeadNavi li:hover ul { display:block; }
ul#HeadNavi ul li a {font: 11px/21px Arial, Helvetica, sans-serif; color:#333638; text-decoration:none; display:block; background:#e8edf2}
ul#HeadNavi ul li a:hover { font: 11px/21px Arial, Helvetica, sans-serif; text-decoration:underline;}
ul#HeadNavi a:hover { text-decoration:underline}
ul#HeadNavi li ul li a{ font-size:11px}
ul#HeadNavi .drop-down-wrapper { overflow:hidden; position:absolute; }
ul#HeadNavi .drop-down-wrapper ul { position:static!important; top:0; display:block; }
.dropDown {}

ul#HeadNavi .activelink {font: bold 11px/16px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none; display:block; background:#63819e; }


ul#VideoBar { width:180px; height:80px;	padding:0; background: #ffffff; float:left; list-style-type:none; margin:0; z-index: 3;}

#VideoBar li.fav { width: 60px; height:80px;}
#VideoBar li.duration { width: 60px; height:80px; background: url('/images/time_icon2.png') center 13px no-repeat;}
#VideoBar .time { padding-top: 40px; font-weight: bold; }
#VideoBar li.download { width: 60px; height:80px;}

ul#VideoBar ul { display:none;position:absolute;top:1px; left:-124px; width: 123px; margin:0; padding:0; border:1px solid #000000; }
ul#VideoBar ul li { width:100%; }
ul#VideoBar li { font-family: Verdana, Arial, serif; font-size: 9px; word-spacing:0; letter-spacing:0; line-height: 13px; padding:0; margin:0; list-style-type:none; display:inline; float:left; text-align:center; position:relative; z-index: 3; }
ul#VideoBar li.gray a{ background:#ed7f0c}
ul#VideoBar li:hover { position:relative;  text-decoration:none;}
ul#VideoBar li:hover ul { display:block; }
ul#VideoBar ul li a {font: 11px/21px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none; display:block; background:#e37400}
ul#VideoBar ul li a:hover { font: 11px/21px Arial, Helvetica, sans-serif; text-decoration:underline;}
ul#VideoBar li ul li a{ font-size:11px}