body { /*background-color: #e2e2e2; */ margin:0px Auto; font: normal 12px/16px "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif; width: 980px; /*height:100%;*/ /*background:#fff url(./img/bg.jpg) repeat-x; */ color: #666; overflow: auto; } /**----------------------- Common -----------------------*/ #breadcrumb {font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif; font-size: 10px; color: #ccc; line-height: 12px; vertical-align: baseline;} #breadcrumb a {color: #ccc; } #breadcrumb span.zh-cn {font-family: 黑体,Verdana, nsimsun; font-weight:normal; font-size:12px;} h1 {font-family: Arial,"Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif; font-size: 22px; font-weight: normal; color: #FF7000; margin-top: 15px; margin-bottom: 10px; line-height: 130%;} body.zh-cn h1 {font-family: LiHei,"微软雅黑",Arial; font-weight:normal; font-size:21px;} h2 {font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif; font-size: 17px; font-weight: 300; color: #356052; margin-top: 12px; margin-bottom: 8px; } body.zh-cn h2 {font-family: LiHei,"微软雅黑",Arial; font-size: 15px; font-weight: 300; color: #356052; margin-top: 12px; margin-bottom: 8px; } p {font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif; color: #666; font-size: 13px; line-height: 150%; margin-top: 0px; margin-bottom: 8px;} body.zh-cn p {font-family: LiHei,"微软雅黑",Arial; font-size: 13px; line-height: 150%; margin-top: 0px; margin-bottom: 8px;} span.en {font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;} h1 span.en {font-family: Arial;} p.en, body.zh-cn p.en {font-family: "Lucida Grande","Lucida Sans Unicode","Myriad Pro Light",Arial,Verdana,sans-serif;} ul {list-style: square; font: normal 12px/16px verdana, lucida, sans-serif; margin-top: 0px; margin-bottom: 10px;} body.zh-cn ul {font-family: LiHei,"微软雅黑",Arial; font-size: 13px; line-height: 150%; } ol {font: normal 12px/16px verdana, lucida, sans-serif; margin-top: 0px; margin-bottom: 10px;} body.zh-cn ol {font-family: LiHei,"微软雅黑",Arial; font-size: 13px; line-height: 150%; } table.styled { background-color: #fafafa; border: 1px #C0D7C6 solid; border-collapse: collapse; border-spacing: 0px; margin-top: 9px; margin-bottom: 12px;} table.styled td {border-bottom: 1px #CEDBD2 dotted; padding: 4px;} table.styled tr.header {background-color: #C0D7C6; color: #444;} table.styled tr.header th { padding-top: 4px; padding-bottom: 4px;} body.zh-cn table {font-family: LiHei,"微软雅黑",Arial; font-size: 13px; line-height: 150%; margin-bottom: 8px;} hr {color: #888A8C; background-color: #888A8C; height: 1px; } a {text-decoration: none; color: #00897B; } a:visited {text-decoration: none; color: #7A958B; } a:hover {text-decoration: underline; } img {border: 0px;} /**----------------------- Core layout -----------------------*/ #wrapper_right_main_outer_left_on {z-index: 0; margin-left: -200px; width: 100%; float: right; } /** margin left (negative) is the width of left + margin */ #wrapper_right_main_inner_left_on {z-index: 0; margin-left: 200px; } /** margin left is the width of left + margin */ #content_right_on {z-index: 0; margin-right: 200px; } /** margin right is the width of right + margin*/ #right {width: 185px; float: right; } #left { width: 195px; float: left; z-index: 1; } /** When left is turned off */ #wrapper_right_main_outer_left_off {margin-left: 0px; width: 100%; float: right; border: 1px solid red;} /** clear margin left */ #wrapper_right_main_inner_left_off {margin-left: 0px; border: 3px solid green;} /** clear margin left */ /** When right is turned off */ #content_right_off {margin-right: 0px; border: 1px solid #666; } #main {z-index: 0; margin-left: 0px; width: 100%; } .clearing {height: 0; clear: both} /**----------------------- Navigation panel on the left -----------------------*/ #navpanel {width: 185; background-color: white; z-index: 2; margin-top: 16px; margin-left: 0px; border: solid 0px;} /** Nav panel wrapper */ #navpanel ul { margin: 0px; padding: 0; list-style-type: none; z-index: 3;} /** Applies to all levels of ul */ #navpanel ul li {width: 180px;} /** Applies to all levels of ul */ #navpanel ul a {display: block; width: 164px; padding: 4px 0; padding-left: 16px; text-decoration: none; /** Applies to all levels of ul */ border-bottom: 1px solid #dbdcde; } #navpanel ul ul a {width: 164px; padding-left: 16px; background-image: none; border-bottom: none;} /** 2nd level menu item */ #navpanel ul ul ul a {width: 154px; padding-left: 26px; background-image: none;} /** 3rd level menu item */ #navpanel ul li.selected {font-style: normal; background-color: #F5F2EC; } /** Level 1 selected li */ #navpanel ul li.selected ul {font-style: normal; background-color: white; } /** Highlight selected li, not it's ul */ #navpanel ul ul li.selected {background-color: #e9eaec; } /** Level 2 selected li */ #navpanel ul ul ul li.selected a {background-color: #e9eaec; } /** Level 3 selected li */ #navpanel ul ul.selected {} /** Level 2 selected ul */ #navpanel ul ul ul.selected {} /** Level 3 selected ul */ #navpanel a {color: #5B8476; font-family: arial,helvetica; font-size: 12px; line-height: 15px; vertical-align: baseline;} #navpanel ul a {font-weight: bold;} /** Level 1 */ #navpanel ul ul a {font-weight: normal; } /** Level 2 */ #navpanel ul ul ul a {font-weight: normal; font-size: 11px; } /** Level 3 */ #navpanel a:hover {color: #69BFBB; text-decoration: underline; } #navpanel ul.zh-cn a {font-family: 黑体,Verdana, nsimsun; font-weight:normal; font-size:14px;} /** Styling for Chinese */ /**----------------------- Navigation bar -----------------------*/ #navbar {background: #888A8C; width: 100%; border-bottom: 1px solid #008562; float: left; clear: both; position: relative;} /** Nav bar wrapper */ #navbar ul {margin: 0px; padding: 0px; padding-left: 20px; list-style: none; position: relative; } /** nav bar */ #navbar ul li {margin: 0px; padding: 0px; float: left; position: relative; width: 100px; } /** tab container - width: 100px */ #navbar ul li a {display: block; text-decoration: none; /** Tab */ font-family: Arial; font-size: 12px; font-weight: bold; padding-top: 6px; padding-bottom: 6px; padding-left: 15px; padding-right: 15px; color: #fff; text-align: center;} #navbar > ul > li.selected > a {background: #467A5D; color: #fff; border-right: solid 1px #999; border-left: solid 1px #999;} /** Tab selected */ /** Hack for IE 6 sice it does not support the above child selector */ * html #navbar ul li.selected a {background: #467A5D; color: #fff; border-right: solid 1px #999; border-left: solid 1px #999;} /** Tab selected */ * html #navbar ul ul li.selected a {color: #444; background: #FF9646; } /** menu item - do no highlight */ #navbar ul li:hover a, #navbar ul li.selectedover a, #navbar ul li.over a { background-color: #FF9646;} /** Tab on hover */ #navbar ul.zh-cn li a {font-family: 黑体,Verdana, nsimsun; font-weight:normal; font-size:14px;} /** Tab styling for Chinese */ /* Sub Menu Styles */ #navbar ul li ul {width: 154px; position: absolute; background-color: #888A8C; left: 0px; /*top: 22px;*/ display: none; padding: 0; } /** Drop down menu container */ #navbar ul li:hover ul, #navbar ul li.selectedover ul, #navbar ul li.over ul { display: block; margin-top: 0px; background: #FF9646; /** Drop down menu container when shown */ border-left: 1px solid #FF7000; border-right: 1px solid #FF7000; border-bottom: 2px solid #FF7000; position: absolute; } #navbar li ul li a { width: 144px; padding: 3px 5px; font-size: 0.8em; /* menu item. */ color: #444; background: #FF7000; border-top: 1px solid #FF7000; text-align: left; } #navbar li ul.zh-cn li a {font-family: 黑体,Verdana, nsimsun; font-weight:normal; font-size:13px; } /* menu item styling for Chinese */ #navbar li ul li a:hover { color: #fff; font-weight: normal; border-bottom: 0px solid #cccccc;} /* menu item on hover */ /** Footer */ #footer {padding-top: 12px; padding-bottom: 10px;} #footerlinks {color: #b4b8bb; font-family: arial,helvetica; font-size: 11px; } #footerlinks a {color: #6a747e; } span.copyright {font-family: arial,helvetica; font-size: 9px; color: #b2b9c1; line-height: 15px; text-align: left;} /* div {border: solid 1px; } */