body

{

margin:0 auto;

color:#333;

background:#E6DDCC;

}

#main_container{

width:960px;

margin:auto;

position:relative;

}

#wrapper

{

	width:955px;

	margin:auto;

	background:#F1F1F1;

	min-height:500px;

	margin-top:13px;

	border:#CCCCCC 1px solid;

	margin-bottom:10px;

}

#data{

	padding:10px 20px 10px 20px;

}

#header{

height:85px;

background: #526768; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUyNjc2OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNzJmMzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #526768 0%, #272f32 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#526768), color-stop(100%,#272f32)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #526768 0%,#272f32 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #526768 0%,#272f32 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #526768 0%,#272f32 100%); /* IE10+ */

background: linear-gradient(to bottom,  #526768 0%,#272f32 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#526768', endColorstr='#272f32',GradientType=0 ); /* IE6-8 */



}

#logo

{

height:50px;

width:132px;

background:;

border:;

margin-left:8px;

float:left;

margin-top:-38px;

}

#btn{

min-width:70px;

cursor:pointer;

cursor: pointer;

padding:3px;

font-size:12px;

color:#FFFFFF;

border-radius:5px;

border:1px solid #B6B6B6;

background: #81ad68; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgxYWQ2OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2YTdjNGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #81ad68 0%, #6a7c4a 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#81ad68), color-stop(100%,#6a7c4a)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #81ad68 0%,#6a7c4a 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #81ad68 0%,#6a7c4a 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #81ad68 0%,#6a7c4a 100%); /* IE10+ */

background: linear-gradient(to bottom,  #81ad68 0%,#6a7c4a 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81ad68', endColorstr='#6a7c4a',GradientType=0 ); /* IE6-8 */

}

.txt{

padding:5px;

border-radius:3px;

background:#F1F1F1;

width:194px;

}

#name_lib

{

height:35px;

width:155px;

border:;

margin-top:12px;

margin-left:10px;

background:;

float:left;

font-size:36px; 

color:#FFFFFF;

}

#base_lib{

border:;

background:;

color:#FFFFFF;

float:left;

margin-top:48px;

margin-left:-155px;

}

#menu {

	float: left;

    margin-left: 160px;

    margin-top: 30px;

    min-height: 35px;

    width: 440px;

}

#menu ul {

margin:0px;

padding:0px 0px 0px 50px;

}

#menu ul li {

text-decoration:none;

float:left;

list-style:none;



}

#menu ul .last a{ border-right:0px;

}

#menu ul li a {

text-decoration:none;

float:left;

list-style:none;

padding: 0px 10px 0px 10px;

color:#FAF0D7;

border-right:1px #FAF0D7 solid;

}

#menu ul li .active {

text-decoration:none;

float:left;

list-style:none;

padding: 1px 10px 1px 10px;

border-radius:5px;

border-right:0px;

color:#FFFFFF;

background: #994801; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5NDgwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1YTEzMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top, #994801 0%, #5a1300 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#994801), color-stop(100%,#5a1300)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, #994801 0%,#5a1300 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, #994801 0%,#5a1300 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, #994801 0%,#5a1300 100%); /* IE10+ */

background: linear-gradient(to bottom, #994801 0%,#5a1300 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#994801', endColorstr='#5a1300',GradientType=0 ); /* IE6-8 */

}









#content{

min-height:750px;

background:#E6DDCC;

position:relative;

}



#slider{

width:955px;

height:250px;

background-color:#691700;

border:#999 1px solid;

margin-left:0px;

margin-top:15px;

border-radius: 6px;

position:relative;

}

#shadow{

	position:absolute; 

	width:100%; 

	height:20px;

	background:url(book_pic/slider-shadow_4.png) no-repeat;

	background-size: 100% 100%; left:40px;

	bottom:-20px;

	left:0px;

	}

#body_left_div

{

height:705px;

width:300px;

background:#F1F1F1;

border:#CCCCCC 1px solid;

float:left;

margin-top:21px;

margin-left:0px;

}

#left_div_fields

{

margin-left:11px;

margin-top:10px;

}



#left_central_div

{

border: 3px solid #FFFDFF;

box-shadow: 1px 1px 1px 1px #999999;

height: 100px;

margin-left: 14px;

overflow: hidden;

width: 262px;

}

#heading{

color:#C6010A;

margin-top:15px; 

width:180px; 

margin-left:12px; 

}

#heading2{

color:#C6010A;

font-size:13px;

 margin: 9px 0 4px;

}

#heading3{

color:#C6010A;

font-size:20px;

 margin: 3px 0 4px;

}

#heading4{

color:#5B8539;

font-size:12px;

 margin: 9px 0 4px 3px;

}

#parag

{

    margin-left: 14px;

    margin-top: 0;

    min-height: 55px;

    width: 270px;

	text-align:justify;

}



#line_left_div

{

    color: #FFFFFF;

    margin-left: 5px;

    margin-top: 18px;

    width: 287px;

	border-top: 2px solid rgba(252, 250, 253, 0.6);

	border-bottom: 1px solid rgba(51, 51, 51, 0.2);

}

#line_left_div hr

{

border:0px;

}

#body_central_div

{

height:705px;

width:300px;

background:#F1F1F1;

border:#CCCCCC 1px solid;

float:left;

margin-top:21px;

margin-left:25px;

}



#main_div

{

min-height:480px;

width:100%;

background:#F1F1F1;

border:#CCCCCC 1px solid;

margin-top:21px;

margin-left:0px;

margin-bottom:10px;

}



#sec_central_div

{

height:50px;

width:200px;

margin-left:25px;

border:1px solid;

margin-top:25px;

}

#lib_spc_featr

{

margin-top:13px; 

width:180px; 

margin-left:15px; 

color:#000000;

}

#image_1

{

    color: #5B8539;

    float: left;

    font-size: 12px;

    margin-left: 15px;

    margin-top: 10px;

    width: 75px;

}



#image_1 img

{

border:1px solid #CCC;

height:101px;

}

#image_n

{

    color: #5B8539;

    float: right;

	padding-left:10px;

    font-size: 12px;

    margin-top: 34px;

    width: 75px;

}

hr{

border-bottom: 1px solid rgba(51, 51, 51, 0.2);

border-top: 2px solid rgba(252, 250, 253, 0.6);

border-left: 0 none;

border-right: 0 none;

}

#image_n img

{

border:1px solid #999;

width:80px;

}

#body_right_div

{

 background: none repeat scroll 0 0 #F1F1F1;

    border: 1px solid #CCCCCC;

    float: left;

    height: 705px;

    margin-left: 25px;

    margin-top: 21px;

    width: 300px;

}

#base_caldr_div a

{

color:#339900; 

font-size:10px;

margin-left:5px;

font-weight: bold;

}

#august_date

{

color:#FF0000;

margin-left:22px;

}

#ruond_bar{

height:30px;

width:100%;

margin-top:9px;

background: #994801; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5NDgwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1YTEzMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top, #994801 0%, #5a1300 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#994801), color-stop(100%,#5a1300)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, #994801 0%,#5a1300 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, #994801 0%,#5a1300 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, #994801 0%,#5a1300 100%); /* IE10+ */

background: linear-gradient(to bottom, #994801 0%,#5a1300 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#994801', endColorstr='#5a1300',GradientType=0 ); /* IE6-8 */

}

#right_div_content1

{

color:#000000;



}

#list_l{

margin-left:14px;

}

#list_l ul{

margin:0px;

padding:0px;

list-style:none;

}



#list_s{

margin-left:14px;

}

#list_s ul{

margin:0px;

padding:0px;

list-style:none;

}

#list_s ul li a{

	color:#5B8539;

	text-decoration:none;

	font-size:14px;

}







#ruond_bar ul {

margin:0px;

padding:6px 0px 5px 5px;

}

#ruond_bar ul li {

text-decoration:none;

float:left;

list-style:none;



}

#ruond_bar ul .last a{ border-right:0px;

}

#ruond_bar ul li a {

text-decoration:none;

float:left;

font-size:13px;

list-style:none;

padding: 0px 10px 0px 7px;

color:#FAF0D7;

border-right:1px #FAF0D7 solid;

}

.l_heading{

	color: #5B8539;

    font-size: 40px;

    margin-left: 8px;

}



#lib_spc_featr_h{

	margin: 3px 0px 1px 12px;

}

	

	

#vertical-ticker{

	height:153px;

	overflow:hidden;

	margin:0; padding:0;

	-webkit-box-shadow:0 1px 3px rgba(0,0,0, .4);

}



	#vertical-ticker li{

		display:block;

		border-bottom:1px solid #ddd;

		padding:5px 0px 5px 0px;

	}

.tkr_nav a{

	font-size:12px;

	color:#900;

}

	

#footer{

height:75px;

margin:auto;

background:#2A3137;

clear:both;

}



#footer ul {

width:400px;

margin:0px 0px 0px 400px;

padding:15px 0px 5px 5px;

}

#footer ul li {

text-decoration:none;

float:left;

list-style:none;



}

#footer ul .last a{ border-right:0px;

}

#footer ul li a {

text-decoration:none;

float:left;

font-size:13px;

list-style:none;

padding: 0px 10px 0px 7px;

color:#FAF0D7;

border-right:1px #FAF0D7 solid;

}

#logo_f

{

height:50px;

width:66px;

background:;

border:;

margin-left:8px;

float:left;

margin-top:-8px;

}

#name_lib_f

{

height:35px;

width:155px;

border:;

margin-top:12px;

margin-left:10px;

background:;

float:left;

font-size:22px; 

color:#FFFFFF;

}

#base_lib_f{

color:#FFFFFF;

float:left;

margin-top:39px;

margin-left:-155px;

font-size: 11px;

}

#footer .title{

	color: #FFFFFF;

    font-size: 11px;

    left: 410px;

    position: absolute;

    top: 40px;

}

#tbl_data{

	width:100%;

	margin:10px auto;

	border-left:1px solid #CCC;

}

#tbl_data td

{

	border-right:1px solid #CCC;

	border-bottom:1px solid #CCC;

	padding:3px;

}

#tbl_data th

{

	padding:3px;

	color:#FFF;

	border-right:1px solid #FFF;

	background: #994801; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5NDgwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1YTEzMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top, #994801 0%, #5a1300 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#994801), color-stop(100%,#5a1300)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, #994801 0%,#5a1300 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, #994801 0%,#5a1300 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, #994801 0%,#5a1300 100%); /* IE10+ */

background: linear-gradient(to bottom, #994801 0%,#5a1300 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#994801', endColorstr='#5a1300',GradientType=0 ); /* IE6-8 */

}

#tbl_head{

	

}

#tbl_detail .active{

	position:absolute;

	top:-20px;

	left:-16px;

}



#tbl_detail:hover

{

	background:#DAE6D2;

}

#detail_content td, th{

	border:0px;

	border-bottom:1px solid #CCC;

}

#detail_content .thh{

	background:#BAD1AB;

}

#detail_content{

position:relative;

}



#detail_content h3{

	font-size:15px;

}

a{text-decoration:none;}



/* flip the pane when hovered */

	#image_1:hover .img, #image_1.hover .img {

		transform: scale(2, 2) rotateY(360deg);

		cursor:pointer;

		z-index:9;

		box-shadow: 0px 0px 5px #000;

	}

	.img {

	transition: 1.5s;

	transform-style: preserve-3d;

	position: relative;

}

#div_left{

	padding:10px;

}

#div_left p{

	line-height:25px;

	text-align:justify;

	margin-bottom:10px;

}



#contact_info

{

width:54%;

float:left;

margin:20px 10px 20px 40px;

font-size:16px;

	}

	#contact_info p, td

{

	



	}



	#clear{

		clear: both;

		

	}

	#login_box{

		padding:15px;

		border-radius:5px;

		background:#354244;

		color:#FFF;

		position:fixed;

		top:150px;

		left:50%;

		margin-left:-200px;

		z-index:9999;

		box-shadow: 20px 20px 60px 60px #FFF;

		display:none;

	}

	#login_box td, th{

		padding:15px;

		border:0px;

		text-align:left;

		color:#FFF;

	}

	#register_box{

		padding:15px;

		border-radius:5px;

		background:#354244;

		color:#FFF;

		position:fixed;

		top:80px;

		left:50%;

		margin-left:-200px;

		z-index:9999;

		box-shadow: 20px 20px 60px 60px #FFF;

		display:none;

	}

	#register_box td, th{

		padding:15px;

		border:0px;

		text-align:left;

	}

	.login_btn{

		background:#CCC;

		padding:5px 20px;

		border-radius:10px;

		margin-right:5px;

		color:#000;

		cursor:pointer;

		font-weight:lighter;

	}

	.close{

		border-radius:20px;

		color:#FFF;

		position:absolute;

		top:0px;

		right:0px;

		cursor:pointer;

		padding:5px;

	}

	.welcome_box{

		padding:50px;

		border-radius:5px;

		background:#354244;

		color:#FFF;

		position: absolute;

		top:120px;

		left:50%;

		margin-left:-130px;

		z-index:9999;

		box-shadow: 1px 1px 8px 8px #FFF;

		display:none;

	}

	#basket{

		position:absolute;

		left:439px;

		bottom:0px;

	}

	#news_box{

		position: absolute;

		left: 605px;

		top: 2px;

		background: none repeat scroll 0% 0% rgb(241, 241, 241);

		padding: 34px;

	}