body {
	background-attachment: fixed;
	background-image: url("../Images/pumpkin-background.jpg");
	overflow-x: hidden;
}

#middlearea {
	text-align: center;
	position: fixed;
	background-color: #ed9c47;
	top: 50%;
	width: 1100px;
	height: 900px;
	left: 50%;
    border: 1px solid #000000;
	transform: translate(-50%, -50%);
	border-radius: 25px;
	overflow: hidden;
	
}

#title1 {
	font-size: 70px;
	line-height: 0.2 
}

#update {
	vertical-align: bottom;
}

table {
    margin: 0 auto;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 50%;
}

th {
	 padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #4CAF50;
    color: white;
    border: 1px solid #ddd;
    padding: 8px;
}

td {
    border: 1px solid #ddd;
    padding: 8px;
}

tr:nth-child(even){background-color: #f2f2f2;}

tr:hover {background-color: #ddd;}

.pagebutton {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff7519), color-stop(1, #fa8a44));
	background:-moz-linear-gradient(top, #ff7519 5%, #fa8a44 100%);
	background:-webkit-linear-gradient(top, #ff7519 5%, #fa8a44 100%);
	background:-o-linear-gradient(top, #ff7519 5%, #fa8a44 100%);
	background:-ms-linear-gradient(top, #ff7519 5%, #fa8a44 100%);
	background:linear-gradient(to bottom, #ff7519 5%, #fa8a44 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7519', endColorstr='#fa8a44',GradientType=0);
	background-color:#ff7519;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:22px;
	font-weight:bold;
	padding:15px 35px;
	text-decoration:none;
}
.pagebutton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fa8a44), color-stop(1, #ff7519));
	background:-moz-linear-gradient(top, #fa8a44 5%, #ff7519 100%);
	background:-webkit-linear-gradient(top, #fa8a44 5%, #ff7519 100%);
	background:-o-linear-gradient(top, #fa8a44 5%, #ff7519 100%);
	background:-ms-linear-gradient(top, #fa8a44 5%, #ff7519 100%);
	background:linear-gradient(to bottom, #fa8a44 5%, #ff7519 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa8a44', endColorstr='#ff7519',GradientType=0);
	background-color:#fa8a44;
}
.pagebutton:active {
	position:relative;
	top:1px;
}

.dot{
  width:45px;
  height:45px;
  position:absolute;
  background: url(http://www.clipartqueen.com/image-files/red-lobed-fall-clipart-leaf.png);
  background-size: 100% 100%;
  
}

#container {
	position:fixed 
}

// Custom Scrollbar

::-webkit-scrollbar-button{
     display: none;
     height: 13px;
     border-radius: 0px;
     background-color: #AAA;
}
 ::-webkit-scrollbar-button:hover{
     background-color: #AAA;
}
 ::-webkit-scrollbar-thumb{
     background-color: #f29435;
}
 ::-webkit-scrollbar-thumb:hover{
     background-color: #CCC;
}
 ::-webkit-scrollbar-track{
     background-color: #f8c694;
}
 ::-webkit-scrollbar-track:hover{
     background-color: #CCC;
}
 ::-webkit-scrollbar{
     width: 13px;
}

.scrollbar
{
	overflow: auto;
	width: 1100px;
	height: 900px;
	
}