/* CSS layout */



 

#page{
	/* this centers the page */
	margin: 0 auto;    /* this centers the page */
    max-width:960px;
    background-color:deepskyblue;
    border:thick chocolate ridge;
    min-height:1000px;
    overflow: auto;
}	



.header {
  padding: 5px;
  text-align: right;
  background: deepskyblue;
  color: white;
  font-size: 14px;
  border-bottom: thick chocolate ridge;

}




#leftNAV{
	background-color: deepskyblue;
	text-align:left;
	float: left;
	width: 25%;
	height: 800px;
	padding-top: 2px;
	font-size: 1em;

}


#content {
	float: right;
	width: 74.5%;
	background-image: url('images/20th-century-brown-vintage-paper-8-780x1085.jpg');
	text-align:center;
	min-height: 1000px;
	
}

#footer {
   background-color:bisque;
   text-align: center;
   max-width:960px;
   margin: 0 auto;  
   min-height:10px;
   border:thick chocolate ridge;
   font-size: .6em;
}



.button {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   padding: 2px 2px;
  
   display:block;
    text-align:center; 
 
  
    margin-right: 0px;
    line-height: 40px;
  
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: .8em;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }


.button:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }

.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }