/* **************** TEMPLATE ***************** */
/* ====== Page Head, Body, and Foot ====== */
body{_text-align:center;}/* IE5.5 */
.main{display:table-cell;*display:block;width:auto;}
.body,.main{*zoom:1;}
.body:after,.main:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}
.page{margin:0 auto;width:950px;_text-align:left;} /* wraps other template elems to set width */ /* text-align IE5.5 */
/* "old school" and "liquid" extend page to allow for different page widths */
.oldSchool{width:750px;}
.gs960{width:960px;}
.liquid{width:auto;margin:0;}
/* ====== Columns ====== */
.leftCol{float:left;width:250px;_margin-right:-3px;}
.rightCol{float:right;width:300px;_margin-left:-3px;}
/* extend columns to allow for common column widths */
.gMail{width:160px;}
.gCal{width:180px;}
.yahoo{width:240px;}
.myYahoo{width:300px;}

/* ********* Grid **************** */
@media screen and (max-width: 319px) {.unit{float: none !important; width: auto !important;}}
.line:after,.lastUnit:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}
.line{*zoom:1;}
.unit{float:left;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit{display:table-cell;float:none;width:auto;*display:block;*zoom:1;_position:relative;_left:-3px;_margin-right:-3px;}

/* ***************** Lib set everything clean ************************* */
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0pr2
*/
/* reset */
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
/* fonts */
body{font:13px/1.231 arial,¡±\5b8b\4f53¡å,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/***===== Contents part =====***/
/*html{font-size:13px;}*/
body,#menuWrap{background:#EBE8DA;}
#wrap{background:#fff;}
h2{color:#51261D;font-size:145%; font-weight:bold; margin:12px 0 7px;}
h3{font-size:130%; font-weight:bold; margin:10px 0 5px;}
h4{font-size:110%; font-weight:bold; margin:10px 0 5px;}
a{color:#39c;}

/* @Menu style*/
#menuWrap {position:relative; min-height:10px; padding:10px 0; }
.enMenu{font-size:90%;}
    /**Level One**/
#menu { position: relative; z-index:10;}
#menu, #menu ul { padding: 0; margin: 0; list-style: none; }
#menu li {float:left;}
#menu li a {dispaly:block; padding: 3px; margin-right:10px; color:#003; text-decoration:none; }
.cnMenu{margin-right:45px;}
#menu a:hover{ background:#630; color:#fff;}
    /**Level two**/
#menu li ul { position: absolute; left: -999em; background: #FFF; border:1px solid #000;  }
#menu li ul li{ float:none;} 
#menu ul li a{width:98%;display:inline-block; padding:4px 0 4px 2px;}
#menu li:hover ul, #menu li ul:hover {left:auto;}

/* @Language Menu style */
#langMenu{top:0; right:0; position:absolute; background:#ccc;}
#langMenu li{float:left;}
#langMenu a{text-decoration:none; display:block; margin-right:3px; font-size:90%;color:#370101;padding:2px;}
#langMenu a:hover{color:#fff;background:#630;}

#subWrap{padding:7px;clear:both;}

/** @group For the banner slide style ***/
#banner{padding-left:5px;}
.bannerSlide { height:240px;  width:580px;  padding:0;  margin:0; } 
.bannerSlide img { border:1px solid #ccc;  background-color:#eee;  width:580px; height:240px; top:0; left:0; } 

#social{text-align:left; margin:3px; padding:0 3px;}
#social div:nth-child(2n+1){margin-top:3px;}
#social label{margin:0 4px;color:#79960E; font-weight:bold;}

#txt_13px{font-weight:bold;font-size:13px;}
#txt_20px{font-weight:bold;font-size:20px;padding-left:7px;}

/** @group For the right news slide ***/
.rightNewsSlide{height:235px; text-align:center;}
.rightNewsSlide img{height:218px;} 

/** @group For the content part**/
#contentWrap{background:#ebe8da; padding:9px;padding-left:0;}
#contentWrap h3,#contentWrap h4{color:#51261D;}
#contentWrap em{font-weight:bold;}
#contentWrap p{margin:10px 0;}
.sub #contentWrap{background:#fff; padding:0;}
.newsList{padding:8px;}
div.newsList:nth-child(2n){background:#e1d6c1;}
.newsList h3,.newsList p{padding-left:10px;}
.newsList h3{color:#600;margin-top:0;}
.newsList p{margin-top:8px;}
.newsDate{text-align:right;font-size:90%;}
#rightContent{background:#fff; padding:8px; -moz-border-radius:.7em; -webkit-border-radius:.7em; border-radius:.7em; -webkit-background-clip: padding-box; border:.1em solid #c96;}
.sub #rightContent{background:#f6d9bb; padding:15px; min-height:400px;}
.rightNews h3{color:#afba42; text-align:center;}
#result table{border:1px solid #930;}
#result table td{border:solid #930;border-width:0 1px 1px 0; padding:10px;}
.callOut{font-size:180%;}
#rightContent ul{margin:20px;} 
#rightContent ul li{list-style:square; margin:3px 0;}
#rightContent img{margin:8px;max-width:520px;}
#rightContent.rightNews .slideShow img{max-width:360px;}

/** @group localMenu**/
.sub #leftContent{margin-right:10px;background:#efefef;-webkit-box-shadow:2px 2px 3px #ccc;-moz-box-shadow:2px 2px 3px #ccc;box-shadow:2px 2px 3px #ccc; border:1px #c96 solid;}
.sub #leftContent h3,#sub #leftContent ul li a{margin-top:0; text-align:center;}
#localMenu li a{display:block; padding:3px;text-decoration:none;color:#8c3f3f;}
#localMenu li a:hover,#localMenu li a.active{background:#e0c59d;}
.sub #leftContent h3{background:#64201d ; color:#fff;padding:8px;}

/** @group footer**/
#footerImg{background:#c19473;text-align:center;}
#copyright{color:#703D02;text-align:center; font-size:80%; margin:8px 0 0; padding-bottom:3px;}

/***For test**
div{border:1px solid #f30;}
*/
.inline-block{display:inline-block;}
.img_left{clear:both;}
.img_left img {float:left;}
#rightContent ol{padding-left:20px;}
#rightContent ol > li{list-style-type:decimal; list-style-postion:inside;margin:3px 0;}
#rightContent ol li a:hover,#rightContent ol li a:focus{color:#000;}

/** @single news style **/
h2#news_title{text-align:center;}