html, body {
	margin: 0;
	padding: 0;
}

body {
	font-family:  微软雅黑, 宋体, Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	margin: 0 auto;
	background: #F5F5DC;
}
#mainbody {
	clear:both;
}

a {
	text-decoration: none;
	cursor: hand;
}
a:link {
	color: #3d3525;
}
a:visited {
	color: #3d3525;
}
a:hover {
	color: #009900;
}
a:active {
	color: #3d3525;
}
a.dashedunderline { 
	text-decoration:none;
	border-bottom:1px dashed #ccc;
	color:#c00;
} 
a.dashedunderline:hover { 
	border-bottom:1px dashed #c00;
	color:#666;
}

h1 {
	font-size:25px;
	padding: 5px;
	margin: 5px;
	color: #483D8B;
}
h1 span {
	display: inline;
	font-size:15px;
	padding-left: 30px;
	margin: 0;
	cursor:hand;
}

ul {
	margin:0;
	padding:0;
}
ol {
	margin:0;
	padding:0;
	list-style-type: circle;
}

img {
	border: none;
}
	
	

#page-container {
	width: 990px;
	min-height: 590px;
	margin: 0 auto;
	padding: 0px;
}

.hidden {
	display: none;
}

#top-left {
	float: left;
	color: green;
	width: 160px;
	text-align:left;
	padding-left: 5px;
}
#top-right {
	float: right;
	height: 15px;
	text-align: right;
	display:inline;
}

#date_time { 
	display:inline;
}


/*top nav menu*/
.navmenu {
	background-color:#0066cc;
	border-bottom:0px solid #d7d7d7; 
	height:25px; 
	width:988px;
}
.navmenu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}
.navmenu li {
	display: inline;
	line-height: 25px;
	font-size: 14px;
	padding: 0 1px;
}
.navmenu li a {
	color: #ccffff;
	text-decoration: none;
	padding: 5px;
}
.navmenu li a.tabactive {
	border-left: 0px solid #d7d7d7;
	border-right: 0px solid #d7d7d7;
	color: #003399;
	background-color: #ffffff;
	font-weight: bold;
	position: relative;
}

#cBlock1,#cBlock2, #cBlock3, #cBlock4,#cBlock5, #cBlock6, #cBlock7 {
	border: 1px solid #ececec;
	width: 99%;
	min-height: 510px ;
	text-align: left;
	margin: 0;
	padding: 0;
	margin-bottom: 0px;
}
/*top nav menu  -  end   */

/*---------- Menubar------------------ */

#menubar {
	width: 200px;
	margin: 0px;
}
#menubar li , #bookshelf li{
	list-style-type: none;
}
#menubar li span {
	height: 24px;
	color: #FFF;
	display: block;
	cursor:pointer;
	background:  url(../images/menubar.gif);
	padding: 5px 0 4px 35px;
}

#menubar li span:hover {
	display: block;
	cursor:pointer;
	background:  url(../images/menubar.gif) 0 -32px;
}

#menubar li a {
	color: #FFF;
}

/*---------- Menubar  end------------------ */

.fleft {
	margin: 6px auto;
}
.fright {
	float: right;
	text-align: left;
}


div.roundcorner {
	background: #9BD1FA;
	width: 600px;
	margin: 10px auto;
}
div.roundcorner p {
	padding: 5px 15px;
	margin: 0;
	background: #9BD1FA;
	line-height: 1em;
}
div.rtop, div.rbottom {
	display: block;
	background: #FFF;
}
div.rtop div, div.rbottom div {
	display: block;
	height: 1px;
	overflow: hidden;
	background: #9BD1FA;
}
div.r1 {
	margin: 0 5px;
}
div.r2 {
	margin: 0 3px;
}
div.r3 {
	margin: 0 2px;
}
div.rtop div.r4, div.rbottom div.r4 {
	margin: 0 1px;
	height: 2px;
}

/**/

div.vscroll {
	margin: 0;
	padding: 1px 1px 1px 22px;
	font-size:12px;
	width: 180px;
	height: 125px;
	border: 1px solid #0066CC;
	color: #0;
	overflow-x: auto;            /*横向滚动条(scroll:始终出现; auto:必要时出现)*/   
	overflow-y: scroll;          /*竖向滚动条*/  
	scrollbar-shadow-color: #FFFFFF;         /*滚动条3D界面的暗边颜色*/   
	scrollbar-highlight-color: #FFFFFF;      /*滚动条3D界面的亮边颜色*/
	scrollbar-arrow-color: #FFFFFF;          /*箭头颜色*/
	scrollbar-face-color: #0066CC;           /*滚动条滑块颜色*/   
	scrollbar-track-color: #FFFFFF;          /*滚动条底色*/
	scrollbar-3dlight-color: #9BD1FA;        /*滚动条亮边框颜色*/   
	scrollbar-darkshadow-color: #59ADBB;     /*滚动条暗边框颜色*/
}

div.vscroll ol li:hover{
	background-color: #BCDEF7;
}



.myKB
{
	float: left;
	width: 178px;
	text-align:left;
	margin:3px;
	padding: 5px;
	border: 1px dotted #2D9CFC;
	min-height: 200px;
}
.myKB p{
	text-align: left;
	border-bottom: double;
	font-size: 14px;
	margin: 5px 0;
	padding: 0;
	color: #008BD3;
}
.myKB ul{
	padding:0;
	margin: 0 0 0 18px;
}
.myKB li
{
	list-style-type: circle;
	color: #008BD3;
}
.myKB a{
	color: #008BD3;
}
.myKB a:visited{
	color: #008B8B;
}
.myKB a:hover{
	color: red;
}


.csstable {
	margin: 1px 0 5px 1px;
	width: 155px;
	background: white;
	border: 0px #ffffff solid;
	float:left;
}
.csstable h1{
	background: #1AA2EA;
	padding: 0;
	margin: 0;
	font-size:14px;
	color: #fff;
	text-align:center;
	height: 1.8em;
	line-height: 1.8em;
	overflow: hidden;
}
.csstable p{
	background: #E0F2FA;
	padding: 0;
	margin: 0;
	font-size:12px;
	text-align:center;
	border-top: 1px #fff solid;
	height: 2em;
	line-height: 2em;
	overflow: hidden;
}



.myAlbum{
	color: #008BD3;
	border: 1px dotted #008BD3;
	border-top: none;
	text-align: left;
	width: 600px;
	margin: 10px;
	padding: 0px;
}
.myAlbum p{
	text-align: left;
	font-size:18px;
	color: #008BD3;
	border: 1px solid #008BD3;
	border-left: 5px solid #008BD3;
	padding: 1px 1px 1px 15px;
	margin: 0px;
	background: #B4E3FA;
}
.myAlbum ul{
	padding: 25px;
}
.myAlbum ul li{
	list-style-type: circle;
}


.myStudy{
	border: 1px dotted #F8A12C;
	border-top: none;
	width: 95%;
	min-height: 50px;
	text-align: left;
	margin: 5px auto;
	font-size:14px;
}
.myStudy p{
	text-align: left;
	font-size:18px;
	color: #008BD3;
	background: #E0E0C6;
	border: 1px solid #F8A12C;
	border-left: 6px solid #F8A12C;
	padding: 1px 1px 1px 8px;
	margin: 0px;
}
.myStudy ol, .myStudy ul{
	padding: 5px 10px 5px 25px;
}
.myStudy ol li, .myStudy ul li{
	list-style-type: square  ;
	color: #008BD3;
	line-height: 1.8em;	
}
.myStudy ol li:hover,.myStudy ul li:hover{
	background:#9BD1FA;
	color: #000000;
	cursor:crosshair;
}

.myStudy ul li{
	list-style-type: none;
}



.myStudy a{
	color: #008BD3;
}
.myStudy a:visited{
	color: #008B8B;
}
.myStudy a:hover{
	color: red;
}




#bookshelf {
	width: 796px;
	margin: 1px auto;
}

#bookshelf ul.ultop {
	width: 796px;
	height: 64px;
	margin: 5px 0 0 0;
	background: url("../images/shelf_0.jpg") top left no-repeat;
}

#bookshelf ul.ul1 {
	margin-top:0px;
	height: 190px;
	background: url("../images/shelf_1.jpg") top left no-repeat;
}
#bookshelf ul.ul2 {
	height: 195px;
	background: url("../images/shelf_2.jpg") top left no-repeat;
}
#bookshelf ul.ul3 {
	height: 194px;
	background: url("../images/shelf_3.jpg") top left no-repeat;
}
#bookshelf ul.ul4 {
	height: 194px;
	background: url("../images/shelf_4.jpg") top left no-repeat;
}
#bookshelf ul.ul5 {
	height: 193px;
	background: url("../images/shelf_5.jpg") top left no-repeat;
}

#bookshelf ul li{
	float: left;
	width:140px;	
	height:160px;
	margin-top: 15px;
}

#bookshelf ul li a{
	display: block;
	cursor: default;
	width:134px;
	background: url("../images/covershadow.png") no-repeat center bottom;
}
#bookshelf ul li img{
	margin-left: 11px;
	height: 160px;
	max-width:120px;
	border: 1px transparent solid;
	cursor: hand;
	text-align:center;
}
#bookshelf ul li img:hover{
	border: 1px #aaaaaa solid;
}

#bookshelf ul li.firstli{
	margin-left: 50px;
}


#footer {
	margin: 0 0 10px 0;
	clear: both;
}