/* reset */
html, body {height:100%; margin:0px;}
h1,h2,h3,h4,p,a,ul,li {display:block; margin:0px; padding:0px}
img {border:0px}
ul {list-style-type:none;}


/* layout */

#container {width:900px; background: url(../../images/side_bar_bg.gif) repeat-y 582px 0px; position:relative; }
#container .inner {width:900px; background: url(../../images/content_bg.gif) no-repeat 0px 151px;}
#header {width:900px; height:151px; background-image:url(../../images/header_bg.jpg); color:#FFFFFF;}
#content {width:580px; float:left; padding:20px 20px 20px 0px;}
#side_bar {width:270px; padding:10px 20px 10px 10px; float:left;}
#footer {
	width:890px; height:30px; clear:both; color:#FFFFFF; padding:10px 0px 0px 10px;
	background:#C5A458 url(../../images/footer_bg.gif) no-repeat;
}

body {background:#F6F6EB;}
h1,h2,h3,h4 {color:#664C1E; font-weight:bold; padding:0px 20px 20px 25px;}
body, td {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:22px; color:#6C6159; }
a {color:#6C6159;}
.float_left {float:left; padding:5px 5px 5px 0px}
.float_right {float:right; padding:5px 0px 5px 5px;}

#header a {color:#FFFFFF; text-decoration:none;}
#header h1 ,#header h1 a {width:300px; height:127px; padding:0px;}
#header h1 a {text-indent:-200px; overflow:hidden;}
#header .lang_switch {position:absolute; left:690px; top:100px; width:200px; height:24px; overflow:hidden; text-align:right;}
#header .lang_switch a {display:inline;}
body.en #header .lang_switch a.en {font-weight:bold; color:#FFFF00;}
body.tc #header .lang_switch a.tc {font-weight:bold; color:#FFFF00;}
body.sc #header .lang_switch a.sc {font-weight:bold; color:#FFFF00;}
#header .nav {width:800px; height:24px; overflow:hidden}
#header .nav li {height:24px; padding:0px 20px 0px 10px; font-size:12px; line-height:24px; font-weight:bold; float:left;}

#side_bar h2 {padding:0px 0px 16px 0px}
#side_bar p {padding:0px 0px 12px 0px;}
#side_bar .side_bar_i {font-size:11px; line-height:22px; color:#797A67; padding:10px; margin:0px 0px 10px 0px; background:url(../../images/hr_dash_g.gif) repeat-x bottom}

#side_bar .article_list li {padding:0px 0px 5px 0px; margin:0px 0px 5px 0px; background:url(../../images/hr_dash_g.gif) repeat-x bottom}
#side_bar .article_list li.lastChild {background-image:none;}
#side_bar .article_list a {color:#664C1E; text-decoration:none; line-height:14px;}
#side_bar .article_list a:hover {text-decoration:underline;}


h1 {font-size:18px; line-height:20px;}
h2 {font-size:18px; line-height:20px;}
h3 {font-size:14px; line-height:16px;}
h4 {font-size:12px; line-height:14px;}
#content h2 a {color:#664C1E; text-decoration:none;}
#content h2 a:hover {text-decoration:underline;}
#content p {padding:0px 10px 16px 25px;}

#content .date_box {width:33px; height:34px; padding:6px 4px 4px 22px; background:url(../../images/date_box_bg.gif) no-repeat #FF0000; margin:0px 0px 20px 0px;}
#content .date_box div {text-align:center; width:33px; overflow:hidden;}
#content .date_box .mmm {height:12px; font-size:11px; line-height:12px; text-transform:uppercase;}
#content .date_box .dd {height:20px; font-size:20px; line-height:20px;}

#content .list_i {padding:0px 0px 20px 0px;}
#content .read_more_btn {margin:0px 0px 10px 500px; color:#FFFFFF; text-decoration:none; line-height:20px; font-weight:bold; width:70px; height:20px; background:url(../../images/read_more_bg.gif) no-repeat; text-align:center;}
#content .page_nav_box {width:560px; height:20px; margin:0px 0px 10px 20px; position:relative; }
#content .page_nav_box .prev_btn, #content .page_nav_box .next_btn  {width:120px; height:20px; position:absolute; top:0px;}
#content .page_nav_box .prev_btn {left:0px;}
#content .page_nav_box .next_btn {left:430px; text-align:right;}
#content .hr {width:560px; height:20px; margin:0px 0px 0px 20px; background:url(../../images/hr_dash_g.gif) repeat-x 0px 9px}