/* (c) 2011 pth.linqi.org */
/* general font color #666 */
/* Redefine some tags */
body {
    margin: 20px;
    padding: 0px;
    background-color: #fff;
    min-width: 960px;
    color: #333;
    }
hr  {
    height: 1px;
    margin-top: 1em;
    margin-bottom: 2em;
    border: 1px;
    background: #ccc;}
form { margin: 0;
    display: inline;}
a         { color: #1e90ff; text-decoration: none; }
a:hover   { color: #1e90ff; text-decoration: underline; }
a:link    { color: #1e90ff; }
a:visited { color: #1e90ff; }
p, pre, caption, em {
   font-size: 1em;
   font-style: normal;}
p, li {
    line-height: 1.5em; color: #333;}
h1  {
    font-weight: bold;
    color: #000000;
    font-size: 1.2em;}
h2  {
    font-weight: bold;
    font-size: 1.2em;}
h3  {
    font-weight: bold;
    font-size: 1.1em;}




#page { width: 960px; margin: 0 auto; padding: 0;}




.myruby {
    display: inline-block;
    height: 3em;
    text-align: center;
    padding: 0 3px 0 3px;
    margin: 0;
    border: 0;}
.rb {
    display: block;
    padding: 0;
    margin: 0;
    border: 0;
    text-align: center;}
.rt {
    border: 0;
    padding: 0;
    margin: 0;
    font-family: 'Pinyin Sans','Pinyin Serif',sans-serif,arial, helvetica;
    color: #0000cc;
    background: #fff;
    text-align: center;}
.rp {
    display: none;}



#myrt {
    border: 0;
    padding: 0;
    margin: 0;
    font-family: 'Pinyin Sans','Pinyin Serif',sans-serif,arial, helvetica;
    background: #fff;
    text-align: center;}
#myrt ul{
    border: 0;
    margin: 0;
    padding: 0;}
#myrt ul li {
    position: relative;
    border: 0;
    padding: 0;
    margin: 0;
    list-style: none;
    color: #800000;}
#myrt ul li ul {
    display: none;
    background: #fcfcd9;
    position: absolute;
    left: 0;
    top: 90%;
    width: 55px;
    border: 0;
    margin: 0;
    padding: 0;
    border-top: 1px solid #ccc;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    border-left: 1px solid #ccc;}
#myrt ul li ul li {
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    list-style: none;
    text-align: left;
    background: #fcfcd9;}
#myrt ul li:hover ul {
    display: block;}
#myrt ul li ul li:hover {
    background: #ffe4b5;}








#title_block {
    /* background: #fefefe url(images/menu.png) repeat-x bottom; */
    background: #fff;
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 1.5em 1em 1.5em 1em;
/*    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;*/
}

#feature_block {
    background: #fff;
    margin: 1em 0 1em 0;
    padding: 0;}

#normal_block {
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 1em 1em 1em 1em;
/*    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd; */
    background: #fff;
    text-decoration: none;}






/* main content */
#mainContent       {
    margin: 0;
    padding:0;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd; 
    background: #fff;}
#mainContent ul, ol    {
    text-decoration: none;}
#mainContent li {
    padding: 0; margin: 0;
    line-height: 150%; font-size:100%;
    text-decoration: none;}
/* main right */
#mainright  {
    background: #fff;
    float: right;
    width: 150px;}
#mainright ul      {
    list-style: none;}
#mainright li {
    display: block;
    background: #f6f6f8;
    margin-top: 1em;
    padding: 7px;
    text-decoration: none;
    list-style: none;
    border-top: 1px solid #ddd;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #ddd; }
#mainright li span {
    display: block;
    color: #f0f3f0;
    padding: 0px;}
#mainright li span:hover {
    display: block;
    color: red;}








/* Header */
#header {
    display: block;
    padding: 0;
    margin-bottom: 1em;
    background: #cbcbcb url("images/header.png") top left repeat-x;
    height: 38px;}
#header ul {
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;}
#header li{
    display: inline;
    list-style: none;}
#header li a {
    float: left;
    height: 22px;
    min-width: 55px;
    margin:0;
    text-align: center;
    padding: 7px 15px 7px 15px;
    color: black;
    text-decoration: none;
    border-right: 1px solid #777;}
#header ul li a:hover {
    text-decoration: none;
    background: #666;
    color: white;}
#header h1 {
    display: none;
}



/* Header form: Search Field */
#header form {
    margin: 0; /* need for IE Mac */
    text-align: right; /* need for IE Mac */
    white-space: nowrap;} /* for Opera */
#header form label {
    color: #000;
    font-size: 9pt;}
#header form input {
    font-size: 9pt;
    background: #ececec;
    color: #000;
    padding: 3px 2px 3px 2px;
    border-top: 1px solid #9097A2;
    border-right: 1px solid #283043;
    border-bottom: 1px solid #283043;
    border-left: 1px solid #9097A2;}






/* Footer: footer-menu and footer */
#footer-menu {
    margin:0;padding:0;
    border-top: 1px solid #aaa;}
#footer-menu ul{
    margin:0;
    left:0;
    padding:12px 0 12px 0;
    list-style-type:none;}
#footer-menu ul li{
    display:inline;
    margin:12px 0 24px 0;
    padding:0 1em 0 0;
    list-style-type:none;}
#footer-menu form input {
    font-size: 9pt;
    background: #f0f0f0;
    color: #000;
    padding: 3px 2px 3px 2px;
    border-top: 1px solid #ddd;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #999;
    border-left: 1px solid #ddd;}

#footer {
    clear: both;
    margin-bottom: 0em;}
#footer div { margin: 0.5em 0 0 0;
    font-size: .75em;
    color: #666;
    text-align: left;}



#footer_nav_bar {
    display: block;
    margin-top: 2em;
    margin-bottom: 1em;
    padding: 1em 1em 1em 1em;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
#footer_nav_bar div {
    float: left;
    font-size: .75em; }
#footer_nav_bar form  {
    float: right;
    margin: 0; /* need for IE Mac */
    text-align: right; /* need for IE Mac */
    white-space: nowrap; /* for Opera */
}



/* pinyin tools */
.pinyintools{
    vertical-align:top;}
.pinyintools h3{
    margin:0;
    padding:5px 0 0 0;
    line-height:1em;}
.pinyintools p{
    padding:0;
    line-height:1.2em;}
#column1, #column2, #column3, #column4{
    float: left;
    display: inline;
    width: 215px;
    height: 100px;
    margin-right: 20px;
    position: relative;
    border: 1pt solid #ccc;
    background-color: #fcfcfc;
/*    background: #fefefe url(images/column_bg.png) no-repeat;*/
}
#column1 { margin-left: 0; }
#column4 { margin-right: 0;width: 215px;float: right;}
#column1 a, #column2 a, #column3 a, #column4 a{
    font-size: 1.1em;
    font-weight: bold;
}