/*
=====================================================
	Tags
=====================================================
*/
* { margin: 0; padding: 0; outline:0; }

body {
    font-size: 13px;
    line-height: 1.8;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #737373;
    line-height:18px;
    background: #000 url(/img/body.gif) center top;
	outline:0;
	border:0;
}

a { color: #0252aa; text-decoration: none; cursor:pointer; }
a:hover { text-decoration: none; }
a img { border: 0; }

h2 { color:#fff; font-size:14px; line-height:16px; }
h3 { background:url(/img/bottom-border.gif) bottom repeat-x; color:#fff; font-size:14px; line-height:16px;  margin-bottom:8px; }
h3 span { display:block; padding:12px 0 9px 0; }
h3.star span { background:url(/img/bottom-star.gif) left center no-repeat; padding-left:25px; }
h3.bubble span { background:url(/img/bottom-bubble.gif) 4px center no-repeat; padding-left:32px; }
h5 { font-size:13px; line-height:15px; padding-bottom:2px; }
h5 a { color:#64c5ff; }
h6 { font-weight:normal; font-size:12px; line-height:14px; color:#64c5ff; padding-bottom:2px; }
h6 a { font-weight:bold; color:#64c5ff; } 

input, textarea, select { font-size: 14px; font-family: Tahoma, Geneva, sans-serif; font-weight:bold; color:#a5a5a5; }
textarea { overflow: auto; }

/* 
=====================================================
	Shells and main classes
=====================================================
*/

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.last { margin-right:0 !important; margin-bottom:0 !important; }
#shell { width:980px; padding:16px 8px; margin:0 auto; border:0px}

/*
=====================================================
	Header
=====================================================
*/

#header {
	width: 980px;
	height: 100px;
	position: relative;
	padding: 8px 0;
	background: url(/img/header.gif);
	margin: 0 0px;
	border:0px;
}
#header .top-bar { float:left; border:0px; }

/* Logo */
#logo {
	float: left;
	width: 281px;
	padding: 10px 0px 0px 12px;
}
#logo a { display:block; width:281px; height:90px; background:url(/img/logo.png); font-size: 0; line-height: 0; text-indent: -4000px; }
#gdhlogo { float:right; width:47px; }
#gdhlogo a { width:47px; height:45px; background:url(/img/gdhlogo.png); font-size: 0; line-height: 0; }

/* Header links */
#header .links { float:right; padding:11px 8px 8px 0; }
#header .links a { float:left; color:#feffff; font-size:10px; margin-left:14px; }

.rss { padding-right:12px; background:url(/img/rss.gif) right center no-repeat; }

/* Header Search */
#search { float:left; }

#search label { float:left; font-size:14px; font-weight:bold; color:#a5a5a5; line-height:29px; padding-right:5px; }

#search .fields { float:left; background:#464646; border:1px solid #2e2e2e; padding:0 5px;  }
#search .field { float:left; background:#464646; border:0; width:200px; line-height:14px; padding:7px 11px 4px 0px; }
#search .submit { float:left; width:17px; height:27px; background:url(/img/search-submit.gif); border:0; cursor:submit; }

/*
=====================================================
	Navigation
=====================================================
*/
#navigation { float:left; padding:20px 0px 16px 50px; }
#navigation ul { list-style:none; display: inline; }
#navigation ul li { 
				float:left; 
				padding-right:30px; 
				padding-left: 10px;
				line-height:28px; 
				display: inline; 
				list-style-type: none; 
				position: relative; 
				background: url(/img/list-elem.gif) no-repeat 0 center;
				height: 100%;
}
#navigation ul li.first { background: none; }
#navigation ul li a { color:#fbfceb; font-size:13px; font-weight:bold; display: block; }
#navigation ul li a:hover { color: #ffbf00; }
#navigation ul li a.active { color:#ffbf00; text-decoration:none; }
#navigation ul li.hover { background-color: #2c401f; }
#navigation ul .dd { position: absolute; top: 18px; left:0; width: auto; display: none; background: #2c401f; line-height: 31px; text-transform: none; }
#navigation ul .dd .dd { left: 100%; top: -20px; }
#navigation ul ul { float: none; display: block; padding: 6px; margin-left: 0; width: 142px; white-space: nowrap; }
#navigation ul ul li { float: none; display: block; padding-left: 0; margin-left: 0; padding: 0 10px; background: url(/img/navigation-dd-li.gif) no-repeat 0 bottom; }
#navigation ul ul li.last { background: none; }

/* Chinese Navigation*/
#cnavigation { float:left; padding:20px 0px 16px 90px; }
#cnavigation ul { list-style:none; display: inline; }
#cnavigation ul li { 
				float:left; 
				padding-right:52px; 
				padding-left: 18px;
				line-height:28px; 
				display: inline; 
				list-style-type: none; 
				position: relative; 
				background: url(/img/list-elem.gif) no-repeat 0 center;
				height: 100%;
}
#cnavigation ul li.first { background: none; }
#cnavigation ul li a { color:#fbfceb; font-size:13px; font-weight:bold; display: block; }
#cnavigation ul li a:hover { color: #ffbf00; }
#cnavigation ul li a.active { color:#ffbf00; text-decoration:none; }
#cnavigation ul li.hover { background-color: #2c401f; }
#cnavigation ul .dd { position: absolute; top: 18px; left:0; width: auto; display: none; background: #2c401f; line-height: 31px; text-transform: none; }
#cnavigation ul .dd .dd { left: 100%; top: -20px; }
#cnavigation ul ul { float: none; display: block; padding: 6px; margin-left: 0; width: 142px; white-space: nowrap; }
#cnavigation ul ul li { float: none; display: block; padding-left: 0; margin-left: 0; padding: 0 10px; background: url(/img/navigation-dd-li.gif) no-repeat 0 bottom; }
#cnavigation ul ul li.last { background: none; }
/*
=====================================================
	Sub-Navigation
=====================================================
*/
#sub-navigation { float:left; padding:0px 0px 15px 0px; }

#sub-navigation ul { list-style:none; }
#sub-navigation ul li { float:left; padding-right:2px; height:7px; line-height:7px; }
#sub-navigation ul li a { color:#5c88a8; font-size:10px; }
#sub-navigation ul li a:hover,
#sub-navigation ul li a.active { text-decoration:underline; }


/*
=====================================================
	Main
=====================================================
*/

/* Definition and common classes */
#main { background:#d7d7d7; padding:0 10px 0 10px; height:100%; }

ul { list-style:none; }

/* Main Picture */
#main .pic { float:left; width:960px; margin-bottom:7px; }

/* Slider */
#main .slider {
	float:left;
	width: 959px;
	height: 350px;
	bgcolor: #fefcf7;
	border: 1px solid #dbdbdb;
	position: relative;
	margin: 0px 0 10px 0;
	background-color: #fefcf7;	
}
#main .slider .item {
	position: relative;
	width: 959px;
	height: 350px;
	background-color: #fdfdfd;
}
#main .slider .item img {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
#main .slider .text {
	position:absolute;
	top:102px;
	left:480px;
	z-index:2;
}
#main .slider .text h3 {
	font-size:45px;
	line-height:45px;
	color:#577D3E;
	padding:0 0 0 7px;
}
#main .slider .text h2 {
	font-size:58px;
	line-height:58px;
	color:#5A4A42;
	text-transform:uppercase;
	padding:0 0 0 2px;
}
#main .slider-nav {
	width:76px;
	height:12px;
	position:absolute;
	bottom:10px;
	right:8px;
	z-index:3;
}
#main .slider-nav a {
	width:13px;
	height:13px;
	background:#d7d7d8;
	margin:0 5px 0 0;
}
#main .slider-nav a.active {
	background:#577D3E;
}

/* Box */
#main .box { background:#fff; margin-bottom:13px; padding:0 10px 0px 10px; height:100%; }
#main .ucbox { background:#fff url(/img/content-divider.gif) 191px top repeat-y; margin-bottom:13px; padding:0 10px 0px 10px; height:100%; }

/* Content */
#content { float:left; width:597px; }

#content h2 { background:url(/img/content-heading.gif) left top no-repeat; padding-left: 3px; position:relative; top:-3px; left:-11px; float:left; }
#content h2 span { float:left; background:url(/img/content-heading.gif) right top no-repeat; padding:10px 13px 11px 4px; }

#content .see-all { float:right; font-size:12px; line-height:14px; color:#5c88a8; text-decoration:underline; padding-top:6px; }
#content .see-all-l { float:left; font-size:12px; line-height:14px; color:#5c88a8; text-decoration:underline; padding-top:6px; }
#content .see-all:hover { text-decoration:none; }

/* Content - Posts */
#content .post {
	float: left;
	width: 578px;
	min-height: 56px;
	padding: 5px 0 10px 0;
}
#content .post ul li { list-style-type: none; }
#content .post ul li { width:238px; margin:0 12px 18px 0; font-size:13px; line-height:16px; display:inline;  }
#content .post .image { float:left; }
#content .post .image-r { float:right; }
h4 { font-size:13px; line-height:16px; padding-bottom:4px; color:#577d3e; }
h4 a { color:#577d3e; }
#content .post .p { float:left; font-size:13px; line-height:16px; padding-left:4px; }

#content .ucpost {
	float: left;
	width: 566px;
	padding: 5px 0 10px 0;
}
#content .ucpost ul li { list-style-type: none; }
#content .ucpost ul li { float:left; width:178px; margin:0 10px 12px 0; font-size:12px; line-height:14px; display:inline;  }
#content .ucpost .image { float:left; border:1px solid #d7d7d7; width:180px; }
#content .ucpost .image img { border:1px solid #fff; }

#content .ucpost .data { float:left; width:180px; padding-top:2px;  }
h4 { font-size:13px; line-height:13px; padding-bottom:4px; }
h4 a { color:#577d3e; }
#content .ucpost .data p { padding-left:2px; }

#contactcontent { float:left; width:801px; min-heigth:660px; }

#ufcontent { float:left; width:801px; padding: 0 1px 10px 0;}

#ufcontent h2 { background:url(/img/content-heading.gif) left top no-repeat; padding-left: 3px; position:relative; top:-3px; left:-11px; float:left; }
#ufcontent h2 span { float:left; background:url(/img/content-heading.gif) right top no-repeat; padding:10px 13px 11px 4px; }

/* ABTContent*/
#abtcontent { float:left; width:801px; }
#abtcontent h2 { background:url(/img/content-heading.gif) left top no-repeat; padding-left: 3px; position:relative; top:-3px; left:-11px; float:left; }
#abtcontent h2 span { float:left; background:url(/img/content-heading.gif) right top no-repeat; padding:10px 13px 11px 4px; }

/* ABTContent - Posts */
#abtcontent .post {
	float: left;
	width: 770px;
	min-height: 56px;
	padding: 2px 2px 10px 0;
}
#abtcontent .post ul li { list-style-type: none; }
#abtcontent .post ul li { width:400px; margin:0 12px 18px 0; font-size:13px; line-height:16px; display:inline;  }
#abtcontent .post .image { float:left; }
#abtcontent .post .image-r { float:right; }
#abtcontent .post .p { float:left; font-size:13px; line-height:16px; padding-left:4px; }

/* UFContent - UFPosts */

#ufcontent .ufpost ul li { list-style-type: none; }
#ufcontent .ufpost ul li { float:left; width:178px; margin:0 10px 12px 0; font-size:12px; line-height:14px; display:inline;  }
#ufcontent .ufpost .image { float:left; border:1px solid #d7d7d7; width:180px; margin-bottom:2px; }
#ufcontent .ufpost .ucdimage { float:left; border:1px solid #d7d7d7; width:168px; }
#ufcontent .ufpost .image img { border:1px solid #fff; }
#ufcontent .ufpost .ufdimage img { border:1px solid #fff; }

#ufcontent .ufpost .data { float:left; width:180px; padding-top:2px;  }
h4 { font-size:13px; line-height:13px; padding-bottom:4px; }
h4 a { color:#577d3e; }
#ufcontent .ufpost .data p { padding-left:2px; padding-right:2px; }

/* UCContent - UCDPosts */
#uccontent .post .image { float:left; margin-top:0px; margin-left:4px; margin-bottom:8px; margin-right:8px; }
#uccontent .post .iimage { float:none; margin-top:14px; margin-left:4px; margin-bottom:2px;}

#uccontent .ucdpost ul li { list-style-type: none; }
#uccontent .ucdpost ul li { float:right; width:178px; margin:0 10px 18px 0; font-size:12px; line-height:14px; display:inline;  }
#uccontent .ucdpost .image { float:left; border:1px solid #d7d7d7; width:180px; height:160px; }
#uccontent .ucdpost .ucdimage { float:right; border:1px solid #d7d7d7; width:168px; }
#uccontent .ucdpost .image img { border:1px solid #fff; }
#uccontent .ucdpost .ucdimage img { border:1px solid #fff; }

#uccontent .ucdpost .data { float:left; width:180px; padding-top:2px; padding-bottom:3px; }
h4 { font-size:13px; line-height:13px; padding-bottom:4px; }
h4 a { color:#577d3e; }
#uccontent .ucdpost .data p { padding-left:2px; padding-right:2px; }
#uccontent .ucdpost .ddata { float:left; width:564px; padding-top:2px; padding-bottom:6px; }

#uccontent { float:left; width:780px; }

#uccontent h2 { background:url(/img/content-heading.gif) left top no-repeat; padding-left: 3px; position:relative; top:-3px; left:-11px; float:left; }
#uccontent h2 span { float:left; background:url(/img/content-heading.gif) right top no-repeat; padding:10px 13px 11px 4px; }

/* UCContent - UCPosts */

#uccontent .ucpost ul li { list-style-type: none; }
#uccontent .ucpost ul li { float:left; width:178px; margin:0 12px 12px 0; font-size:12px; line-height:14px; display:inline;  }
#uccontent .ucpost .image { float:left; border:1px solid #d7d7d7; width:180px; margin-bottom:2px; }
#uccontent .ucpost .ucdimage { float:left; border:0px0; width:168px; }
#uccontent .ucpost .image img { border:1px solid #fff; }
#uccontent .ucpost .ucdimage img { border:1px solid #fff; }

#uccontent .ucpost .data { float:left; width:180px; padding-top:2px;  }
h4 { font-size:13px; line-height:13px; padding-bottom:4px; }
h4 a { color:#577d3e; }
#uccontent .ucpost .data p { padding-left:2px; padding-right:2px; }

/* UCContent - UCDPosts */

#uccontent .ucdpost ul li { list-style-type: none; }
#uccontent .ucdpost ul li { float:right; width:177px; margin:0 12px 18px 0; font-size:12px; line-height:14px; display:inline;  }
#uccontent .ucdpost .image { float:left; border:1px solid #d7d7d7; width:180px; }
#uccontent .ucdpost .ucdimage { float:right; border:1px solid #d7d7d7; width:168px; }
#uccontent .ucdpost .image img { border:1px solid #fff; }
#uccontent .ucdpost .ucdimage img { border:1px solid #fff; }

#uccontent .ucdpost .data { float:left; width:180px; padding-top:2px; padding-bottom:3px; }
h4 { font-size:13px; line-height:13px; padding-bottom:4px; }
h4 a { color:#577d3e; }
#uccontent .ucdpost .data p { padding-left:4px; padding-right:2px; }
#uccontent .ucdpost .ddata { float:left; width:562px; padding-top:2px; padding-left:4px; padding-bottom:6px; padding-right:2px; }

#uccontent .see-all { float:right; font-size:12px; line-height:14px; color:#5c88a8; text-decoration:underline; }
#uccontent .see-all-l { float:left; font-size:12px; line-height:14px; color:#5c88a8; text-decoration:underline;  }
#uccontent .see-all:hover { text-decoration:none; }

/* Sidebar */
#sidebar { float:left; width:172px; padding:0 8px 0 10px; }
#sidebar .nav-box { background-color:#fff; margin-bottom:8px; }

/* UCSidebar */
#ucsidebar { float:left; width:164px; padding:0 0 0 12px; margin-bottom:20px;}
#ucsidebar .nav-box { background-color:#fff; margin-bottom:8px; }

#ucsidebar h2 {
	background: url(/img/ucsidebar-heading.gif) top no-repeat;
	width: 173px;
	height: 35px;
	padding-bottom: 4px;
	margin: 0 -4px;
}
#ucsidebar h2 span { display:block; width:170px; height:14px;  padding:13px 0 8px 11px; cursor:pointer; }
#ucsidebar h2 span { background:url(/img/sidebar-h2-normal.gif) 151px 18px no-repeat; }
#ucsidebar h2.minimized span { background-image:url(/img/sidebar-h2-minimized.gif); }

#ucsidebar ul li { display:block;  }
#ucsidebar ul li { font-size:12px; line-height:13px; padding:6px 3px 0 5px }
#ucsidebar ul li a { display:block; color:#4f4f4f; text-decoration:none; padding-left:16px; background:url(/img/sidebar-bullet.gif) 6px center no-repeat;}
#ucsidebar ul li a:hover { color:#5c88a8; background-image:url(/img/sidebar-bullet-active.gif); }
#ucsidebar ul li p { font-size:14px; line-height:14px; padding:0 0 0 5px;}

/* Sidebar-L */
#sidebar-l { float:left; width:353px; padding: 0 0 10px 10px; }
#sidebar-l .nav-box { padding: 0 0 10px 0;}
#sidebar-l .nav-box-l { float:left; width:172px; padding: 0 3px 10px 0;}
#sidebar-l .nav-box-r { float:right; width:172px; padding: 0 0 10px 3px;}
#sidebar-l .nav-box-fb { background-color:#fff; padding: 0 0 10px 0;}

/* Ads */
#banners { float:left; width:172px; }
#banners h2 { padding-left:3px; position:relative; top:3px; left:5px; float:left; }

.banner {
	background: #fff;
	padding: 1px 1px 1px 1px;
	margin-bottom: 10px;
}

#banners2 { float:left; width:148px; margin-left:10px; }
#banners2 h2 { padding-left:3px; position:relative; top:3px; left:5px; float:left; }

.banner2 {
	background: #fff;
	padding: 1px 1px 1px 1px;
	margin-bottom: 10px;
}

/*
=====================================================
	Bottom
=====================================================
*/
#bottom { background:#3c3c3c url(/img/bottom-middle.gif) left top repeat-y; width:996px; position:relative; left:-8px; }
#bottom .bg-top { background:url(/img/bottom-top.gif) left top no-repeat; }
#bottom .bg-bottom { background:url(/img/bottom-bottom.gif) left bottom no-repeat; padding:4px 14px 14px 14px; }


#bottom .box { float:left; margin-right:11px; width:436px; }
#bottom .last { width:517px; }

#bottom .popular-posts li { padding:0 0 13px 10px; background:url(/img/bottom-border.gif) bottom repeat-x; margin-bottom:13px; }
#bottom .popular-posts .image {  float:left; border:3px solid #343333; } 
#bottom .popular-posts .data { float:right; width:348px; padding-right:9px; }
#bottom .popular-posts .data p { font-size:13px; line-height:12px; color:#b7b7b7; }

#bottom .latest-comments { padding-top:1px; }

#bottom .latest-comments li { background:url(/img/bottom-border.gif) bottom repeat-x; padding-bottom:9px; margin-bottom:5px; padding-left:2px; }
#bottom .latest-comments p { font-size:12px; line-height:12px; color:#b7b7b7; padding-left:1px; }

#bottom .see-all { color:#b7b7b7; float:right; text-decoration:none; border-bottom:1px solid #64c5ff; }
#bottom .see-all:hover { border-bottom:0; margin-bottom:1px; }
/*
=====================================================
	Footer
=====================================================
*/
#footer { background:#577d3e; padding:12px 18px 9px 27px; height:100%; }

#footer a { color:#ffffff; }

#footer p { float:left; }

#footer .copy { height: 30px; line-height: 30px; font-size: 10px; color: #ffffff; }
#footer .copy p { margin-bottom: 0; }
#footer .copy ul { list-style-type: none; margin-left: 0; text-transform: uppercase; }
#footer .copy li { float: left; display: inline; margin-right: 18px; }
#footer .copy a { color: #ffffff; text-decoration: none; }
#footer .copy a:hover { text-decoration: underline; }