/* CSS Document */

Body {	
	scrollbar-face-color: #008080;
	scrollbar-highlight-color: #eef7fd;
	scrollbar-shadow-color: #ffffff;
	scrollbar-arrow-color: #ffffff;
	scrollbar-track-color: #eef7fd;
	scrollbar-3d-light-color: white;
	scrollbar-dark-shadow-color: #ffffff;
}
td{
	FONT-SIZE: 12px; 
	LINE-HEIGHT: 20px;
	FONT-FAMILY: Georgia,verdana, Apple LiGothic Medium, Arial, Courier, Helvetica, Times;	
}

/* basic layout */
.body_main{
	background:url(../images/main_bg.gif) #ebebeb repeat;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}

/* red border outside frame*/
.redBg
{
	width:15px;	
	/*background-color:#fd5d5d;*/
	/*background-image: url(../images/topbanner_border3.jpg);*/
	background-repeat: no-repeat;
	background-position: bottom center;
}
.enewsBg
{
	width:200px;
	background:url(../images/enews.jpg) no-repeat;		
	background-position: top center;
}
.enewsH1
{
	font-weight:bold;
	text-align:center;	
	color: #FFFFFF;
	FONT-SIZE: 16px; 
	margin: 0pt 20pt 5pt 20pt;
	padding-top: 10px;
	padding-left:30px;
}
.enewsFont{
	font-weight: normal;
	text-align:center;	
	color: #FFFFFF;
	FONT-SIZE: 13px; 
	margin: 0pt 20pt 5pt 20pt;	

}

/* left panel */
.leftPanel
{
	width:260px;
}
/* left panel - dropdown */
#dropmenudiv{
	position:absolute;
	background-color: #FBEFE2;
	border:1px solid #999999;
	font:normal 14px Georgia,verdana;
	line-height:24px;
	z-index:100;
	border-bottom: 3px solid #C4C4C4;
}

#dropmenudiv a{
	width: 100%;
	display: block;
	text-indent: 10px;
	color: #333300;
	text-decoration: none;
	font-weight: none;
	border-bottom: 1px solid #C4C4C4;
	
}

#dropmenudiv a:hover{ /*hover background color*/
	background-color: #FBEFE2;
}

/* right panel */
.rightPanel
{
	width:670px;
}

/* Highlights Box */
.highlightsBoxHome {
BORDER-RIGHT: #cccccc 3px solid; PADDING-RIGHT: 0px; BORDER-TOP: #cccccc 3px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px 0px; BORDER-LEFT: #cccccc 3px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #cccccc 3px solid; BACKGROUND-REPEAT: repeat-x; TEXT-ALIGN: center;	BACKGROUND-IMAGE: url(../images/mainBox_bg.gif); 
}
.messageBox {
PADDING-RIGHT: 0px; BACKGROUND-POSITION: left bottom; PADDING-LEFT: 0px; BACKGROUND-IMAGE: url(../images/hlighTitle.gif); PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px; PADDING-TOP: 0px; BACKGROUND-REPEAT: repeat-x; TEXT-ALIGN: center
}
.searchBox {
 padding-top: 4px;padding-bottom: 4px;BACKGROUND-IMAGE: url(../images/search_bg_middle.gif); TEXT-ALIGN: center; background-repeat:repeat-x;
}
.highlightsBox01 {
PADDING-RIGHT: 0px; BACKGROUND-POSITION: right top; PADDING-LEFT: 10px; BACKGROUND-IMAGE: url(../images/10-annivesary-logo.jpg); PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px; PADDING-TOP: 10px; BACKGROUND-REPEAT: no-repeat; TEXT-ALIGN: center; BORDER: #000000 1px solid; 
}
.highlightsBox02 {
PADDING-RIGHT: 0px; BACKGROUND-color:#ffeecc; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px; PADDING-TOP: 10px; BACKGROUND-REPEAT: no-repeat; TEXT-ALIGN: center; BORDER: #666666 1px solid; 
}
.jsclass body .randomcontent{ /*Do NOT remove! CSS to hide random contents in JS enabled browsers*/
display: none;
}

/* internal box */
.internalBox{
	BORDER-RIGHT: #000000 1px solid; 
	BORDER-LEFT: #000000 1px solid; 
	BORDER-TOP: #000000 1px solid; 
	BORDER-BOTTOM: #000000 1px solid; 
	/*
	BACKGROUND-IMAGE: url(../images/shadow_red.gif);
	background-position: bottom; 
	background-repeat: repeat-x;*/

	/*background-color: #fcdec0;*/
}
.detailsBox{
	BORDER-RIGHT: #918256 1px dotted; 
	BORDER-LEFT: #918256 1px dotted; 
	BORDER-TOP: #918256 1px dotted; 
	BORDER-BOTTOM: #918256 1px dotted;
	padding:10px;
}
.detailsBox02{
	padding-bottom: 5px;
	background-color:#FBEFE2;
}
.bookSpecialTop {
MARGIN: 10px 0px 0px; BACKGROUND-REPEAT: no-repeat; TEXT-ALIGN: center;	BACKGROUND-IMAGE: url(../images/special_top.jpg); width: 187px; height:31px;
}
.bookSpecialBox {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px 0px; PADDING-TOP: 0px; BACKGROUND-REPEAT: repeat-x; TEXT-ALIGN: center;	BACKGROUND-IMAGE: url(../images/special_green_bg.gif); width: 187px;
}
.bookSpecialTop_blue {
MARGIN: 10px 0px 0px; BACKGROUND-REPEAT: no-repeat; TEXT-ALIGN: center;	BACKGROUND-IMAGE: url(../images/special_blue_top.gif); width: 613px; height:61px;
}
.bookSpecialBox_blue {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px 0px; PADDING-TOP: 0px; BACKGROUND-REPEAT: repeat-y; TEXT-ALIGN: center;	BACKGROUND-IMAGE: url(../images/special_blue_box.gif); width: 613px;
}
.bookSpecialTop_green {
MARGIN: 10px 0px 0px; BACKGROUND-REPEAT: no-repeat; TEXT-ALIGN: center;	BACKGROUND-IMAGE: url(../images/special_green_top.gif); width: 613px; height:61px;
}
.bookSpecialBox_green {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px 0px; PADDING-TOP: 0px; BACKGROUND-REPEAT: repeat-y; TEXT-ALIGN: center;	BACKGROUND-IMAGE: url(../images/special_green_box.gif); width: 613px;
}
.bookSpecialBox_grey {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px 0px; PADDING-TOP: 0px; BACKGROUND-REPEAT: repeat-y; TEXT-ALIGN: center;	BACKGROUND-IMAGE: url(../images/special_grey_box.gif); width: 613px;
}
.bookSpecialBox_bm {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px 0px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; TEXT-ALIGN: center;	BACKGROUND-IMAGE: url(../images/special_bookmark_02.jpg); width: 613px;
}
.imgborder{
	padding:3px;
	border:#999999 1px solid;
	background-color:#FFFFFF;
}
.imgborderS{
	padding:1px;
	border:#0000ee 1px solid;
	background-color:#FFFFFF;
	cursor:pointer;
}
/* bottom */
.border01{
	background-color: #F3F3F3;
	FONT-SIZE: 14px;
	color: #FFFFFF;
	text-align: center; 
	PADDING-TOP: 2px;
}
/* left */
.border02{
	background-color: #FBEFE2;
	border-left: #999999 1px solid;
	FONT-SIZE: 14px;
	color: #FFFFFF;
	text-align: center;
}
/* right */
.border03{
	background-color: #FBEFE2;
	border-right: #999999 1px solid;
	FONT-SIZE: 14px;
	color: #FFFFFF;
	text-align: left;
}
/* bottom left */
.border04{
	background-color: #FBEFE2;
	border-bottom: #C4C4C4 5px solid;
	border-left: #999999 1px solid;
	FONT-SIZE: 14px;
	color: #FFFFFF;
	text-align: center;
}
/* bottom right */
.border05{
	background-color: #FBEFE2;/*#fcefe6;*/
	border-bottom: #C4C4C4 5px solid;
	border-right: #999999 1px solid;
	FONT-SIZE: 14px;
	color: #FFFFFF;
	text-align: left;
}
/* left right */
.border06{
	background-color: #FBEFE2;
	border-left: #C4C4C4 5px solid;
	border-right: #C4C4C4 1px solid;
	font-size: 14pt;
	color: #FFFFFF;
	text-align: center;
}

.border07{
	background-color: #FBEFE2;
	BORDER-left: #cc0033 1px solid;
	BORDER-right: #cc0033 1px solid;
	BORDER-bottom: #cc0033 1px solid; 
	BORDER-top: #cc0033 1px solid; 
}
.border08{
	BORDER-left: #c0c0c0 1px solid;
}
.border09{
	BORDER-right: #c0c0c0 1px solid;
}
.border10{
	BORDER-left: #c0c0c0 1px solid;
	BORDER-right: #c0c0c0 1px solid;
}
/* CSS Content Font */

.header {
	font-size: 16px;
	color: #cc0033;
	text-align: left;
	line-height:24px;
}
.header02 {
	font-size: 16px;
	color: #333300;
	text-align: left;
	line-height:24px;
	font-weight: bold;
}
.header03 {
	font-size: 16px;
	color: #08645f;
	text-align: left;
	line-height:24px;
	font-weight: bold;
}
.header04 {
	font-size: 16px;
	color: #333300;
	text-align: center;
	line-height:24px;
	font-weight: bold;
}
.basicFont {
	color: #333300;
	text-align:justify;
	margin: 4pt 4pt 4pt 4pt;
}
.basicFontB {
	font-weight: normal;
	text-align:justify;	
	color: #333300;
	margin: 0pt 20pt 5pt 20pt;
}
.basicFontC{
	font-weight: normal;
	text-align:justify;	
	color: #20465A;
	margin: 0pt 20pt 5pt 20pt;
}
.basicFontD {
	font-weight: normal;
	text-align:justify;	
	color: #333300;
	FONT-SIZE: 13px; 
	margin: 0pt 20pt 5pt 20pt;
}
#whiteNav {
	font-family: Arial, Helvetica; 
	font-size: 10px; 
	font-weight: normal;
	color: #FFFFFF;
	margin: 4pt 4pt 4pt 4pt;
}
#whiteNav a:link{
	text-decoration:none;
	color: #FFFFFF;
}
#whiteNav a:selected{
	text-decoration:none;
	color: #FFFFFF;
}
#whiteNav a:visited{
	text-decoration:none;
	color: #FFFFFF;
}
#whiteNav a:hover{
	color: #FFFFFF;
	border-bottom:1px #FFFFFF dotted;
}
#greyNav {
	font-family: Arial, Helvetica; 
	font-size: 11px; 
	font-weight: normal;
	color: #333333;
	margin: 4pt 4pt 4pt 4pt;
	padding:2px;
	
}
#greyNav a:link{
	text-decoration:none;
	color: #333333;
	border-bottom:1px #333333 dotted;	
		
}
#greyNav a:selected{
	text-decoration:none;
	color: #333333;
	border-bottom:1px #333333 dotted;	
	
		
}
#greyNav a:visited{
	text-decoration:none;
	color: #333333;
	border-bottom:1px #333333 dotted;	
	
		
}
#greyNav a:hover{
	color: #006685;
	border-bottom:1px #006685 dotted;	
}

/* left panel navigation link 1 */
A.sizeNav:link {
	PADDING-TOP: 2px;
	color: #333300;
	font-weight: normal;
	text-decoration: none;
}
A.sizeNav:visited {
	PADDING-TOP: 2px;
	color: #333300; 
	font-weight: normal;
	text-decoration: none;
}
A.sizeNav:hover {
	PADDING-TOP: 2px;
	color: #333300; 
	font-weight: normal;	 
	text-decoration: bold;
}
/* left panel navigation link 2*/
A.sizeNav02:link {
	color: #333300;
	line-height: 15px; 
	font-weight: normal;
	text-decoration: none;
}
A.sizeNav02:visited {
	color: #333300; 
	line-height: 15px;
	font-weight: normal;
	text-decoration: none;
}
A.sizeNav02:hover {
	color: #ffcc33; 
	line-height: 15px;
	font-weight: normal; 
	text-decoration: underline;
}
/* home page recommendation link */
A.basicLink:link {
	color: #cc0033;
	font-size: 8pt; 
	line-height: 15px; 
	font-weight: normal;
	text-decoration: underline;
}
A.basicLink:visited {
	color: #cc0033; 
	font-size: 8pt; 
	line-height: 15px;
	font-weight: normal;
	text-decoration: underline;
}
A.basicLink:hover {
	color: #ffcc33; 
	font-size: 8pt; 
	line-height: 15px;
	font-weight: normal; 
	text-decoration: none;
}
/* books listing page Ren Cai, Ren Ge, Ren Wen link*/
A.basicLink02:link {
	color: #20465A;
	font-weight: normal;
	text-decoration: underline;
}
A.basicLink02:visited {
	color: #20465A;
	font-weight: normal;
	text-decoration: underline;
}
A.basicLink02:hover {
	color: #cc0000;
	font-weight: normal;	 
	text-decoration: underline;
}

/* activity page's link*/
A.basicLink04:link {
	color: #cc0033;
	font-weight: normal;
	text-decoration: none;	
}
A.basicLink04:visited {
	color: #cc0033; 
	font-weight: normal;
	text-decoration: none;
}
A.basicLink04:hover {
	color: #cc0033;
	font-weight: normal;	 
	border-bottom:1px #cc0033 dotted;
}
A.basicLink05:link {
	color: #20465A;
	font-weight: normal;
	text-decoration: underline;
}
A.basicLink05:visited {
	color: #20465A;
	font-weight: normal;
	text-decoration: underline;
}
A.basicLink05:hover {
	color: #cc0000;
	font-weight: normal;	 
	text-decoration: underline;
}
A.basicLink06:link {
	/*color: #000000;
	background-color:#000000;*/
}
A.basicLink06:visited {
	/*color: #20465A;
	background-color:#20465A;*/
}
A.basicLink06:hover {
	/*color: #cc0000; 
	background-color:#cc0000;*/
}
A.enewsNav:link {
	PADDING-TOP: 2px;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
A.enewsNav:visited {
	PADDING-TOP: 2px;
	color: #FFFFFF; 
	font-weight: normal;
	text-decoration: none;
}
A.enewsNav:hover {
	PADDING-TOP: 2px;
	color: #FFFFFF;
	font-weight: normal;	 
	text-decoration:  underline;
}
.bookText{
	color: #FFFFFF;
	font-size: 14px;
	text-align:right;
	padding-right: 10px;
}
TD.tbl_header01 {
	BORDER-RIGHT: #FFFFFF 1px solid; 
	BORDER-TOP: #FFFFFF 1px solid; 
	BORDER-BOTTOM: #FFFFFF 1px solid; 
	PADDING-RIGHT: 10px;  
	PADDING-LEFT: 18px; 
	PADDING-TOP: 5px;
	PADDING-BOTTOM: 5px; 
	COLOR: #ffffff; 
	FONT-SIZE: 13px; 
	vertical-align: middle;
	font-weight: normal;
	text-align:justify;		
}
TD.tbl_header_bg01 {
	BORDER-RIGHT: #eef7fd 1px solid; 
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 2px; 
	PADDING-BOTTOM: 2px; 
	PADDING-TOP: 2px; 
	BORDER-LEFT: #eef7fd 1px solid; 
	BACKGROUND-COLOR: #f5821f;
	/*BACKGROUND-COLOR: #008080;*/
}
TD.tbl_header_bg02 {
	BORDER-RIGHT: #eef7fd 1px solid; 
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 2px; 
	PADDING-BOTTOM: 2px; 
	PADDING-TOP: 2px; 
	BORDER-LEFT: #eef7fd 1px solid; 
	BACKGROUND-COLOR: #138889;
}
TD.tbl_header_bg03 {
	BORDER-RIGHT: #eef7fd 1px solid; 
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 2px; 
	PADDING-BOTTOM: 2px; 
	PADDING-TOP: 2px; 
	BORDER-LEFT: #eef7fd 1px solid; 
	BACKGROUND-COLOR: #329c60;
}
/* Books listing page 1 text*/
TD.tbl_content01 {
	PADDING-RIGHT: 10px;  
	PADDING-LEFT: 10px; 
	PADDING-BOTTOM: 5px; 
	PADDING-TOP: 5px;
	BORDER-left: #FFFFFF 1px solid;
	BORDER-right: #FFFFFF 1px solid; 
	BORDER-bottom: #FFFFFF 2px solid;   
	BACKGROUND-COLOR:  #FBEFE2; 
	FONT-SIZE: 13px; 
	FONT-FAMILY: Georgia,verdana, Apple LiGothic Medium, Arial, Courier, Helvetica, Times;	
	font-weight: normal;
	text-align:left;
	color:#20465A;	
	/*color: #20465A;*/
}
TD.tbl_content02 {
	PADDING-RIGHT: 10px;  
	PADDING-LEFT: 10px; 
	PADDING-BOTTOM: 5px; 
	PADDING-TOP: 5px;
	BORDER-right: #FFFFFF 1px solid; 
	BORDER-left: #FFFFFF 1px solid; 
	BORDER-bottom: #FFFFFF 2px solid;   
	/*BACKGROUND-COLOR:  #eef7fd; */
	background-color:#FBEFE2;
	FONT-SIZE: 13px; 
	FONT-FAMILY: Georgia,verdana, Apple LiGothic Medium, Arial, Courier, Helvetica, Times;	
	font-weight: normal;
	text-align:left;	
	color: #20465A;
}
TD.tbl_content03 {
	PADDING-RIGHT: 3px;  
	PADDING-LEFT: 20px; 
	PADDING-BOTTOM: 5px; 
	PADDING-TOP: 5px;
	BORDER-left: #FFFFFF 1px solid;
	BORDER-right: #c0c0c0 1px solid; 
	BORDER-bottom: #c0c0c0 2px solid;   
	BACKGROUND-COLOR:  #E9F9F0; 
	FONT-SIZE: 13px; 
	FONT-FAMILY: Georgia,verdana, Apple LiGothic Medium, Arial, Courier, Helvetica, Times;	
	font-weight: normal;
	text-align:left;	
	color: #20465A;
}
TD.tbl_content04 {
	PADDING-RIGHT: 3px;  
	PADDING-LEFT: 20px; 
	PADDING-BOTTOM: 5px; 
	PADDING-TOP: 5px;
	BORDER-right: #FFFFFF 1px solid; 
	BORDER-bottom: #c0c0c0 2px solid;   
	BACKGROUND-COLOR:  #E9F9F0; 
	FONT-SIZE: 13px; 
	FONT-FAMILY: Georgia,verdana, Apple LiGothic Medium, Arial, Courier, Helvetica, Times;	
	font-weight: normal;
	text-align:left;	
	color: #20465A;
}
TD.tbl_padding {
	BORDER-right: #FFFFFF 1px solid; 
	BORDER-left: #FFFFFF 1px solid; 
}

/* bullet */
UL{
	padding-top:0;
	margin-top:0;
	padding-left:10;
	margin-left:10;
}
LI{
	padding-top:0;
	margin-top:0;
	padding-left:30;
	margin-left:30;
}
UL.maroon {
	list-style-image:url(../images/bullet_maroon.gif);
}
UL.yellow {
	list-style-image:url(../images/bullet_yellow.gif);
}

/* Form */
input {
	font-family: Georgia,verdana, Apple LiGothic Medium, Arial, Courier, Helvetica, Times;	
	font-size: 12px;
}
textarea {
	font-family: Georgia,verdana, Apple LiGothic Medium, Arial, Courier, Helvetica, Times;	
	font-size: 12px;
}

.submit_button
{
    padding-top:2px;
	color:#000000;
	background-color:#00c6c6;
	font-family: Georgia,verdana, Apple LiGothic Medium, Arial, Courier, Helvetica, Times;	
	font-size:13px;
	font-weight:bold;
	cursor:pointer;
	border: 1px #a3a3a3 solid;
}
/*==================Forms======================*/
fieldset#commentForm{
	margin:8px;
	text-align:left;
	font-weight: normal;
	text-align:justify;	
	color: #333300;
	FONT-SIZE: 13px; 
}
fieldset#commentForm legend {
	font-weight: normal;
	text-align:justify;	
	color: #333300;
	FONT-SIZE: 13px; 
	font-weight: normal;
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 3px 5px 10px 5px;
}
fieldset#commentForm label{
	font-weight: normal;
	text-align:justify;	
	color: #333300;
	FONT-SIZE: 13px; 
	float:left;
	width:110px;
	padding-left: 40px;
}
fieldset#commentForm div{
	clear:both;
	margin-bottom:5px
}
fieldset#commentForm{
	float:none
}
fieldset#commentForm #comments{
	width:350px;
	height:120px;
	overflow: auto;
}
fieldset#commentForm img{
	margin:3px auto
}

/*list definition*/

ol {
	padding-left:30px;
	font-weight: normal;
	text-align:justify;	
	color: #333300;
	FONT-SIZE: 13px; 
	margin: 0pt 0pt 0pt 20pt;
	padding-bottom:0px; 
}
