#doc {
width: 920px;
min-width: 920px;
color: #666;
margin-top: 20px;
}
.yui-t1 #yui-main .yui-b {
width: 720px;
min-width: 720px;
}
.yui-t1 .yui-b {
width: 200px;
min-width: 200px;
}
div#hd {
}
div#bd {
border-top: 1px solid #bfbfbf;
}
div#menu {
margin-top: 5px;
height: 30px;
clear: both;
}
#nav li {
float: left;
position: relative;
}
#nav li ul {
display: none;
position: absolute;
top: 30px;
left: 0;
}
#nav li > ul {
top: auto;
left: auto;
}
#nav li:hover ul, #nav li.over ul {
display: block;
z-index: 1;
}
#nav li:hover a.menu, #nav li.over a.menu {
color: #fff;
text-decoration: underline;
background: url("/images/menu_over.gif") no-repeat left top;
}
#nav a.menu {
display: block;
width: 136px;
min-width: 136px;
height: 20px;
padding-top: 10px;
font-size: 13px;
color: #666;
text-decoration: none;
background: url("/images/menu_off.gif") no-repeat left top;
text-align: center;
}
#nav a.on {
background: url("/images/menu_on.gif") no-repeat left top;
}
#nav a.menu:hover {
color: #fff;
background: url("/images/menu_over.gif") no-repeat left top;
}
#nav li ul {
width: 136px;
}
#nav a.sub {
display: block;
width: 136px;
min-width: 136px;
height: 20px;
padding-top: 5px;
border-top: 1px solid #bfbfbf; 
background-color: #2e3192;
color: #fff;
font-size: 11px;
text-decoration: none;
text-align: center;
}
#nav a.sub_on {
color: #b3d334;
}
#nav a.sub:hover {
color: #0ac;
}
#toolbar {
float: left;
width: 240px;
min-width: 240px;
color: #2e3192;
font-size: 11px;
text-align: right;
background: url("/images/toolbar.gif") no-repeat left top;
}
#toolbar ul {
float: right;
}
#toolbar li {
display: block;
float: left;
vertical-align: bottom;
}
#toolbar a {
margin-top: 12px;
margin-left: 18px;
float: left;
white-space: nowrap;
color: #2e3192;
text-decoration: none;
}
#toolbar a:hover {
text-decoration: underline;
}
div#banner {
margin-top: 10px;
}
#banner table {
width: 920px;
}
#banner td.left {
width: 205px;
height: 85px;
}
#banner td.left_about_us {
background: url("/images/b_about_us_left.jpg") no-repeat left top;
}
#banner td.left_research {
background: url("/images/b_research_left.jpg") no-repeat left top;
}
#banner td.left_publications {
background: url("/images/b_publications_left.jpg") no-repeat left top;
}
#banner td.left_data {
background: url("/images/b_data_left.jpg") no-repeat left top;
}
#banner td.left_resources {
background: url("/images/b_resources_left.jpg") no-repeat left top;
}
#banner td.left_home {
background: url("/images/b_home_left.jpg") no-repeat left top;
}
#banner td.b2 {
font-size: 25px;
height: 85px;
line-height: 50px;
color: #fff;
text-align: right;
vertical-align: bottom;
}
#banner td.b3 {
width: 240px;
height: 85px;
background: url("/images/b_right.gif") no-repeat right bottom;
}
#banner td.about_us {
background: url("/images/b_about_us.jpg") no-repeat right bottom;
}
#banner td.research {
background: url("/images/b_research.jpg") no-repeat right bottom;
}
#banner td.publications {
background: url("/images/b_publications.jpg") no-repeat right bottom;
}
#banner td.data {
background: url("/images/b_data.jpg") no-repeat right bottom;
}
#banner td.resources {
background: url("/images/b_resources.jpg") no-repeat right bottom;
}
#banner td.home {
height: 150px;
background: url("/images/b_home.jpg") no-repeat right bottom;
font-size: 18px;
line-height: 22px;
}
#banner td.toolbar {
height: 85px;
}
#sidemenu li.first {
height: 20px;
border-top: 5px solid #b3d334;
background-color: #0ac;
font-weight: bold;
font-size: 14px;
padding: 10px;
}
#sidemenu li {
display: block;
height: 16px;
border-top: 1px solid #bfbfbf;
background-color: #2e3192;
font-size: 11px;
padding: 6px 10px;
}
#sidemenu a {
display: block;
width: 100%;
color: #fff;
text-decoration: none;
background: url("/images/rarrow_off.gif") no-repeat center right;
}
#sidemenu li.first a {
background: url("/images/darrow_off.gif") no-repeat center right;
}
#sidemenu a.on {
color: #b3d334;
background: url("/images/rarrow_on.gif") no-repeat center right;
}
#sidemenu a:hover {
color: #0ac;
background: url("/images/rarrow_over.gif") no-repeat center right;
}
#sidemenu li.first a:hover {
color: #2e3192;
background: url("/images/darrow_over.gif") no-repeat center right;
}
#sidemenu li.nosub a, #sidemenu li.nosub a:hover {
background-image: none;
}
div#home_side {
*width: 199px;
}
#home_side li {
display: block;
padding-top: 5px;
margin-right: 3px;
border-bottom: 1px dotted #bfbfbf;
}
#home_side a {
display: block;
width: 200px;
*width: 196px;
height: 55px;
}
#main {
padding: 10px 15px;
color: #666;
font-size: 100%;
}
#main h1 {
color: #b3d334; 
font-size: 22px;
margin-top: 2px;
margin-bottom: 12px;
font-weight: normal;
}
#ft {
height: 40px;
color: #fff;
padding: 10px 15px 0 15px;
background-color: #0ac;
vertical-align: bottom;
font-size: 11px;
font-family: arial,helvetica,clean,sans-serif;
line-height: 15px;
}
#ft a {
color: #fff;
text-decoration: none;
}
#ft a:hover {
color: #2e3192;
}
h2 {
color: #666;
font-size: 16px;
margin-top: 16px;
margin-bottom: 16px;
}
#main h3 {
font-style: italic;
}
#main h2 a {
color: #666;
text-decoration: none;
}
#main h2 a:hover {
text-decoration: underline;
}
h3 a {
color: #00aacc;
text-decoration: none;
}
h3 a:hover {
color: #b3d334;
text-decoration: underline;
}
#main ul {
display: block;
margin: 1em 0 2em 1em;
}
#main li {
display: list-item;
}
#main ul li {
list-style-type: disc;
margin: 1em 0 1em 1em;
}
#main ol li {
list-style-type: decimal;
margin: 1em 0 1em 2em;
}
#main p {
margin: 1em 0;
}
#main strong {
font-weight: bold;
}
a {
color: #00accc;
}
a:hover {
color: #b3d334;
}
#main img {
border: 1px solid #333;
margin: 0 15px 15px 15px;
}

<!-- r3: designed by Ji Lee <helloji@gmail.com> on Nov 14, 2006 -->