/* CSS Document */

html,body{margin:0;padding:0; background-color:#fff;}
body{font: 76% sans-serif, arial,sans-serif;}
div{word-wrap: break-word; word-break: break-all;overflow-x: auto;}
/* Typography */ 
h1,h2,h3,h4,h5,p {margin:0; font-weight:500;}
p {padding: 4px 0; font-size: 9pt}
div#content h1 {font-size: 3em; font-style:oblique; font-family: Georgia, sans-serif;}
div#content h2 {font-size: 2em; font-family: Georgia, sans-serif;} 
div#content h3 {font-size: 1.8em;}
div#content h4 {font-size: 1.6em}
div#content h5 {font-size: 1.4em}

/* Primary Blocks */
div#header {width: 90%; background:#cc6699 url(header.jpg) top left repeat-x; color:#fff; padding-left: 10%;}
div#baikangduo {width: 100%; background:#ffcccc url(menu.jpg) top left repeat-x;}
div#container {clear:both; width: 999px; margin: 0 auto; }
div#content {width: 65%; float:left; padding: 30px 1% 30px 0; background-color:#fff;}
div#rightbkd {width: 33%; float:right; padding: 30px 0; background-color:#fff;overflow:hidden;}
div#topper {width: 100%; padding:2.5%;}
div#secondcol { width: 100%; float:left; padding-top: 15px; padding-right: 2%; margin-bottom: 15px;}
div#thirdcol { width: 49%; float:left; padding-top: 15px; }
div#footer {clear:both; width: 90%; background:#ffcccc url(menu.jpg) top left repeat-x; padding-left:10%; text-align:right;}
div#subfooter {width: 90%; background:#cc6699 url(header.jpg) top left repeat-x; color:#fff; padding-left: 10%;}

/* Header Div */
div#header h1 {font-size: 3em; padding: 18px 0px; font-family: Georgia;
text-decoration: none; word-spacing: -0.05em; letter-spacing: 1px; line-height: 1em; font-weight:normal; font-style:oblique}

/* Horiz nav */
div#baikangduo ul {margin:0; padding: 8px 0; margin-left: 10px;}
div#baikangduo ul li {list-style-type:none; display:inline; padding: 5px 2px 0 2px;}
div#baikangduo ul li a:link, div#baikangduo ul li a:visited {text-decoration:none; padding: 8px; color:#000; }
div#baikangduo ul li a:hover, #current { background:#fff url(corner.gif) top left no-repeat;}

/* Content Div */
div#content h1 {font-size: 3em}
div#content h2 {font-size: 2em; background: #fff url(pearl.jpg) center left no-repeat; padding-left: 25px;}
div#content h3 {font-size: 1.6em; padding: 5px 0;  color:#cc6699; }
div#content h4 {font-size: 1.4em}
div#content h5 {font-size: 1.2em}
div#content a:link, div#content a:visited {color:#FF6600; text-decoration:none;}
div#content div a:link, div#content div a:visited {color:#333333; text-decoration:none;}
div#content a:hover {background-color:#eee;}
div#content p {text-align:justify}
div#content p.right {text-align:right;}

/* Right col */
div#rightbkd a:link, div#rightbkd a:visited {color: #000; text-decoration:none; border-bottom: 1px solid #cc6699;}
div#rightbkd a:hover {background-color:#eee;}
div#rightbkd h2 {font-family: Georgia, sans-serif;font-size: 12pt;}
/* Topper */
h2#about {background:#eee url(pink_pearl.gif) top left no-repeat; padding: 0 0 8px 21px;}
div#topper {background: #eee url(topper_corner.gif) top left no-repeat; color:#333;}
div#topper p {padding: 0 10px;}

/* 2nd column */
h2#news {color:#cc6699; padding-bottom:5px; padding-left: 20px; background: #fff url(news.gif) left top no-repeat;}
div#secondcol ul {margin:0; padding:0;}
div#secondcol ul li {list-style-type:none; padding-top: 4px; }
div#secondcol ul li:hover {background-color:#eee;}

/* 3rd column */
div#ad_box {width: 100%; background-color: #eee; padding: 4px 0; margin-bottom: 15px;}
h2#links {color:#CCCCCC; padding-bottom:5px; padding-left:20px; background: #fff url(link.gif) left top no-repeat; }
div#thirdcol ul {margin:0; padding:0;}
div#thirdcol ul li {list-style-type:none; padding-top: 4px; }


h2#ads {color:#cc6699; padding: 0 0 5px 20px; margin-top:10px; background: #fff url(ads.gif) left top no-repeat;}


/* Sub Footer */
div#subfooter ul {margin:0; padding: 15px 5px 15px 0; text-align:right}
div#subfooter ul li {list-style-type:none; display:inline; padding: 0 1%;}
div#subfooter ul li a:link, div#subfooter ul li a:visited {color:#fff; text-decoration:none}
div#subfooter ul li a:hover {text-decoration:underline} 

/* TABLES */ 
table {border: 2px solid #cc6699; border-collapse:collapse; width:90%; margin-left: 3ex; }
td {background-color: #fff; padding:3px; border: 1px solid #fff}
th {text-align:left;border: 1px solid #fff}
thead th {color:#fff; font-size:1.5em; background: #cc6699 url(header.jpg) top left repeat-x; padding: 10px 6px}
tbody th {color:#fff; font-size:1.15em; background-color: #ffcccc ; padding: 6px}
tbody th.sub {font-size: .90em; color:#000; background-color: #eee; padding: 6px}

/* Special */
.more {background: url(arrow_right.gif) center right no-repeat; padding-right: 18px; }
p.right {text-align:right;}
.subscribe {background: #fff url(subscribe.gif) center left no-repeat; padding-left: 15px;}
code {background-color:#eee; padding: 5px; border: 2px solid #ccc;}
blockquote {background:#fff url(quote.gif) top left no-repeat; border: 2px solid #eee; margin:8px 5px; padding-left: 18px;}
acronym {border-bottom: 1px dotted #ccc; cursor:help; } 
img.left {float:left; padding: 0 5px 3px 0}
img.right {float:right; padding: 0 0 3px 5px;}
.highlight {background-color:#ffcccc;}
.b {font-weight:bold;}
.i {font-style:italic;}
.u {text-decoration:underline;}
.s {text-decoration:line-through; color:#ccc;}

/* Skip links */
div#skiplinks {position:absolute; top:0; right:5px; z-index:2;}
div#skiplinks ul {margin:0; position:0; padding-top:4px;}
div#skiplinks ul li {list-style-type:none; display:inline;}
div#skiplinks ul li a:link, div#skiplinks ul li a:visited {color:#fff; text-decoration:none;}
div#skiplinks ul li a:hover {border-bottom: 1px solid #ffcccc}
li#to_content {background: url(to_content.gif) center left no-repeat; padding-left: 17px}
li#to_nav {background: url(to_nav.gif) center left no-repeat; padding-left: 17px}
li#contact {background: url(email.gif) center left no-repeat; padding-left: 17px}
li#feed {background: url(feed.gif) center left no-repeat; padding-left: 17px}
li#to_home {background: url(home.gif) center left no-repeat; padding-left: 17px}

/* The pearl image */
div#pearl {position:absolute; top: 18px; right: 85px; z-index:2; background: url(pearl.gif) top left no-repeat; width: 410px; height: 90px;}

.indexbox ol{
	float: left;list-style-type: decimal;
}

.indexbox li{
	padding: 5px 10px 5px 0;
}