/*
--------------------------------------------------------------------
Colours
Grey (Main text) 3f3f3f
Grey (HR) 869299
Grey (Sidenav) afb5b8
Blue (Sidenav links) 0c7bbf
Blue (Site BG) 3986b2
Green (More buttons) 5f9b35
Beige (Side bg colour) f9f6ec
--------------------------------------------------------------------
*/



/*
--------------------------------------------------------------------
Layout
--------------------------------------------------------------------
*/
body {
 text-align:center;
 padding:20px 0;
 margin:0;
 font-family:Verdana, Arial, Sans-serif;
 font-size:11px;
 background:#3986b2;
}
body.language_ZH,
body.language_ZH input {
 font-family:"幼圆";
}
#container {
 width:980px;
 margin:0 auto;
 position:relative;
 text-align:left;
 clear:both;
 background-image:url(/images/content_bg.gif);
 background-repeat:repeat-y;
 background-position:1px 0px;
 background-color:#FFFFFF;
}
#container.in_admin #main,
#home #container.in_admin #main {
 width:980px;
}


/*
--------------------------------------------------------------------
Content (contains #left, #main, and #right)
--------------------------------------------------------------------
*/
#content {
 color:#3f3f3f;
}

/*
--------------------------------------------------------------------
Header
--------------------------------------------------------------------
*/
#header {
 width:978px;
 height:272px;
 border-top:1px solid #FFFFFF;
 border-left:1px solid #FFFFFF;
 border-right:1px solid #FFFFFF;
 background-image:url(/images/header_bg.png);
 background-repeat:no-repeat;
 background-position:-1px -1px;
 position:relative;
}
#header .logo {
 padding:10px;
 width:179pxpx;
 height:61px;
 top:10px;
 left:10px;
}
#header .image_header_main {
 width:441px;
 height:219px;
 overflow:hidden;
 position:absolute;
 top:0;
 left:213px;
}
#header .image_header_right {
 width:322px;
 height:219px;
 overflow:hidden;
 position:absolute;
 top:0;
 right:0px;
}


/*
--------------------------------------------------------------------
Superheader and Subfooter
--------------------------------------------------------------------
*/
#super_header,
#sub_footer {
 color:#FFFFFF;
 width:980px;
 margin:0 auto;
}
#super_header {
 height:20px;
 position:relative;
}
#super_header a,
#sub_footer a {
 color:#FFFFFF;
 text-decoration:none;
 font-size:10px;
 text-transform:uppercase;
 display:block;
}
#super_header .primary_navigation {
 position:absolute;
 top:0;
 left:215px;
 height:20px;
} 
#super_header .primary_navigation ul,
#sub_footer .primary_navigation ul {
 list-style:none;
 padding:0;
 margin:0;
}
#super_header .primary_navigation ul li {
 float:left;
 margin:0 -1px;
}
#super_header .primary_navigation ul li.delim {
 margin:4px 0px 3px 0px;
 width:0px;
 overflow:hidden;
 border-left:1px solid #f9f6ec;
}
#super_header .primary_navigation ul li a {
 padding:4px 18px;
}
#super_header .primary_navigation ul li.on a,
#super_header .primary_navigation ul li a:hover {
 background:#f9f6ec;
 color:#3f3f3f;
}
#super_header .language_toggle {
 position:absolute;
 top:2px;
 right:0;
 height:11px;
 width:50px;
 display:none;
}
#super_header .language_toggle ul {
 list-style:none;
 margin:0;
 padding:0;
}
#super_header .language_toggle ul li {
 padding:0 0 0 7px;
 margin:0;
 float:left;
}
#super_header .language_toggle ul li img {
 border:1px solid #AAAAAA;
}
#super_header .language_toggle ul li img:hover {
 border:1px solid #FFFFFF;
}


/*
--------------------------------------------------------------------
Left
--------------------------------------------------------------------
*/
#left {
 width:211px;
 padding:15px 0;
 float:left;
}
#left .navigation_secondary ul {
 list-style:none;
 margin:0;
 padding:0 0 20px 0;
}
#left .navigation_secondary ul li {
 margin:0 0 0 1px;
 padding:0;
}
#left .navigation_secondary ul li a {
 text-decoration:none;
 color:#3f3f3f;
 display:block;
 text-transform:uppercase;
 padding:6px 18px 2px 36px;
 height:19px;
}
#left .navigation_secondary ul li a:hover,
#left .navigation_secondary ul li.on ul li.on a,
#left .navigation_secondary ul li.on ul li a:hover {
 color:#0c7bbf;
}
#left .navigation_secondary ul li.on a,
#left .navigation_secondary ul li.on a:hover {
 color:#FFFFFF;
 background-image:url(/images/sidenav_bg_over.gif);
 background-repeat:no-repeat;
}
#left .navigation_secondary ul li.on ul {
 font-size:10px;
 padding-top:9px;
}
#left .navigation_secondary ul li.on ul li a {
 background:none;
 padding:2px 18px 2px 54px;
 color:#3f3f3f;
}
#left .navigation_secondary ul li.on ul li a:hover {
 background:none;
}


/*
--------------------------------------------------------------------
Main
--------------------------------------------------------------------
*/
#main {
 width:444px;
 padding-top:10px;
 padding-bottom:20px;
 float:left
}
.page_title, 
.page_description,
.page_image,
.page_text,
.back {
 padding:0 20px;
}
h1.page_title {
 font-family:georgia,times,serif;
 font-weight:bold;
 font-size:16px;
 line-height:1.5em;
 margin-top:0;
}
.page_description {
 font-weight:bold;
 font-family:georgia,times,serif;
 line-height:1.8em;
 color:#666666;
 font-size:12px;
}
.page_image {
 margin:1em 0;
 text-align:center;
}
.page_text {
 line-height:1.5em;
 padding-bottom:1.5em;
}


/*
--------------------------------------------------------------------
Right
--------------------------------------------------------------------
*/
#right {
 width:323px;
 float:right;
 padding:15px 0;
}
#right .greenbox {
 width:280px;
 margin:0 auto;
 background-image:url(/images/greenbox_bg.gif);
 background-repeat:repeat-y;
}
#right .greenbox table {
 width:240px;
 margin:0 20px;
}
#right .greenbox .thumb {
 float:left;
 padding-bottom:20px;
}
#right .greenbox .title,
#right .greenbox .description,
#right .greenbox .more {
 width:150px;
 padding:0 0 3px 0;
 float:right;
}
#right .greenbox .title {}
#right .greenbox .description {}
#right .greenbox .more {
 padding-bottom:10px;
}
#right .greenbox td {
}
#right .greenbox td.hdivider {
 border-top:1px solid #869299;
 height:1px;
 padding-bottom:20px;
}



/*
--------------------------------------------------------------------
Footer
--------------------------------------------------------------------
*/
#sub_footer {}
#sub_footer .leftfoot {
 float:left;
}
#sub_footer .rightfoot {
 float:right;
}
#sub_footer .leftfoot ul li {
 float:left;
 margin:4px 15px 0 0;
}
#sub_footer .rightfoot ul li {
 float:right;
 margin:4px 0 0 15px;
}
#sub_footer .rightfoot .copyright a {
 cursor:text;
}


/*
--------------------------------------------------------------------
Formatting
--------------------------------------------------------------------
*/
a {
 color:#0c7bbf;
 text-decoration:none;
}
a:hover {
 text-decoration:underline;
}
#right a {
 font-weight:bold;
}
.hr {
 height:1em;
 border-bottom:1px solid #869299;
 margin:0 0 1em 0;
 clear:both;
}
.more a {
 color:#5f9b35;
 display:block;
 padding-left:21px;
 background-image:url(/images/green_arrow.png);
 background-repeat:no-repeat;
 background-position:0 0;
}


/*
--------------------------------------------------------------------
Home
--------------------------------------------------------------------
*/
#home #container {
 width:980px;
 margin:0 auto;
 position:relative;
 text-align:left;
 clear:both;
 background-image:url(/images/home_content_bg.gif);
 background-repeat:repeat-y;
 background-position:1px 0px;
 background-color:#FFFFFF;
}
#home #header {
 width:978px;
 height:272px;
 border-top:1px solid #FFFFFF;
 border-left:1px solid #FFFFFF;
 border-right:1px solid #FFFFFF;
 background-image:url(/images/home_header_bg.png);
 background-position:-1px 1px;
 background-repeat:no-repeat;
 position:relative;
}
#home #header .image_header_main {
 width:553px;
 height:219px;
 overflow:hidden;
 position:absolute;
 top:0;
 left:213px;
}
#home #header .image_header_right {
 width:211px;
 height:219px;
 overflow:hidden;
 position:absolute;
 top:0;
 right:0px;
}

#home #right {
 width:211px;
}
#home #main {
 width:556px;
}

#home #left .quicklinks .title,
#home h3.heading {
 color:#0c7bbf;
 font-family:verdana, arial, sans-serif;
 font-weight:normal;
 font-size:12px;
 margin-top:0;
 margin-bottom:10px;
}
#home #right .article_list {
 padding:0 10px;
}
#home #right .article_list ul {
 margin:0;
 padding:0;
 list-style:none;
}
#home #right .article_list ul li {
 border-top:1px solid #869299;
 padding:10px 0 0 0;
 margin:0
}
#home #right .article_list .thumb {
 float:left;
 padding-bottom:10px;
}
#home #right .article_list .title,
#home #right .article_list .description,
#home #right .article_list .more {
 width:105px;
 float:right;
}
#home #right .article_list .title a {
/* font-weight:normal;*/
}
#home #right .article_list .description {}
#home #right .article_list .more {
 padding-bottom:10px;
}

.home_greenbox_left,
.home_greenbox_right {
 width:248px;
 float:left;
 padding-left:20px;
}
#home #main .article_list {
 background-image:url(/images/home_greenbox_bg.gif);
 background-repeat:repeat-y;
 padding:0 15px;
}
#home #main .article_list table {
 width:100%;
 margin:0;
 padding:0;
 list-style:none;
}
#home #main .article_list table td {
 padding:10px 0 0 0;
 margin:0
}
#home #main .article_list .thumb {
 width:100px;
 float:left;
 padding-bottom:20px;
}
#home #main .article_list .description,
#home #main .article_list .more {
 width:105px;
 float:right;
 clear:right;
}
#home #main .article_list .title {
 color:#0c7bbf;
 font-weight:normal;
 font-size:12px;
 padding-bottom:0.5em;
}
#home #main .article_list .description {
 margin:0 0 0.5em 0;
}
#home #main .article_list .more {
 padding-bottom:10px;
}
#home #main .article_list td.hdivider {
 padding:0;
 border-top:1px solid #869299;
 height:1px;
}

#home #left .quicklinks {
 padding:0px 10px;
}
#home #left .quicklinks ul {
 list-style:none;
 margin:0;
 padding:0;
}
#home #left .quicklinks ul li {
 border-top:1px solid #869299;
 margin:0;
 padding:10px 0;
}
#home #left .quicklinks ul li {
}