body, html {
	background: grey;
	width: 99%;
	height: 650px;
	font-family: serif;
	overflow: hidden;
	font-size: 15px;
}

#buttons {
	width: 100%;
	height: 10%;
	margin: auto;
	top: -100%;
	position: relative;
	z-index: 3;
}

.td_class {
	background-color: rgb(69, 56, 45);
	border-radius: 0px 0px 10px 10px;
	width: 5%;
	text-align: center;
	color: white;
	cursor: pointer;
	padding: 5px;
}

.td_class:HOVER {
	background-color: rgb(114, 94, 74);
}

#outer_div {
	width: 90%;
	height: 85%;
	margin: auto;
	margin-top: 10px;
	background-image: url('../images/home_3_long.jpg');
	background-size: cover;
}

#left_pane {
	position: relative;
	height: 100%;
	width: 40%;
	text-align: center;
	/* background-color: green; */
}

#ruchita_misra{
	position: relative;
	top: 45%;	
}
#page_content {
	/* background-image: url('../images/home_3_bw.jpg'); 
	background-size: cover;*/
	position: relative;
	left: 40%;
	top: -100%;
	height: 100%;
	width: 70.1%;
	overflow-y:scroll;
	overflow-x:hidden;
}

#sign {
	width: 70%;
	height: 10%;
	/* top: 45%; */
	position: relative;
	cursor: pointer;
}

#innerContent {
	padding:10px;
	background-color:rgba(255,255,255,0.7);
	min-height: 100%;
	width: 83%;
}

#blog_div {
	width: 75%;
	margin: auto;
	top: 20%;
	position: relative;
}

#books_div {
	font-size: 30px;
	position: relative;
}

.books_table {
	width: 65%;
	font-size: 30px;
}
#signDiv {
	position: relative;
	top: 42%;
}

.cover_img {
	width: 25%;
	height: 40%;
	left: -5%;
	position: relative;
	padding-left: 45px;
}

.next_book {
	position: fixed;
	left: 85%;
	z-index: 3;
}

#footer {
	position: relative;
	top: 7%;
}

#bookList li{
	float: left;
	position: relative;
	margin-top: 57%;
	margin-left: 10%;
}

#preOrderDiv {
	position: relative;
	top: 45%;
	font-size: 17px;
	width: 200%;
	left: -90%;
	font-weight: bold;
}