html, body, #wrapper {
   min-height: 100%; /*Sets the min height to the
                       height of the viewport.*/
   width: 100%;
   height: 100%; /*Effectively, this is min height
                   for IE5+/Win, since IE wrongly expands
                   an element to enclose its content.
                   This mis-behavior screws up modern
                   browsers*/
				   
				   
  font-family: Tahoma, Verdana, Geneva, Arial, helvetica, sans-serif;
background-image:url(bookground.jpg); background-position:top center; background-repeat:no-repeat ;
  margin:0; padding: 0;
   }

html>body, html>body #wrapper {
   height: auto; /*this undoes the IE hack, hiding it
                   from IE using the child selector*/
				   
  width: 986px; margin: 0 auto;
   }


#wrapper { position: absolute;
   top: 10px;
   float:middle; 
   /*left: 0;
   width:980px; 
   margin:0 auto; */
   /*text-align:left;*/ } 
#footer {
   position: absolute;    
   bottom: 0;
   width: 100%;
   }

#main {
   margin-bottom: 3em; /*Modify value as needed for footer height.*/
   height: auto;
   }

div.nav {
width:980px
}
div.content {
padding-left:30px; padding-right:30px; padding-top:20px
}


h1 {font-size:20px; color:#996699}
h2 { font-size:16px; color:#996699; }
td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

th {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}