body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	width: 800px; /*sets width of webpage for users to see; could also
	 set a div around entire webpage and set its width at 800 */
	background-color: black;
	color: #FF9900;
	}

#header {
	font-size:42px;
	font-weight:bold;
	background-color: black;
	color: red;
	border-bottom: 3px solid black;
	margin-bottom: 0px;
	margin: 5px;
	padding: 5px;
	text-align:center;
	}
	
#menu {
	width: 190px;
	float: left;
	margin: 5px;
	padding: 0px;
	text-align:right;
	font-size:22px;
	font-weight:bold;
	font-variant:small-caps;
	}
	
.menu{
	background-color:black;
	padding: 2px;
}

.menu a{
	display:block; /*makes whatever is inside (a link in this case) as
	whatever its container is (in this case the menu class, which fills
	the menu id by default */
	width:100%;
	padding: 2px;
	text-decoration:underline;
	color:green;
	font-size:16px;
	font-weight:bold;
	font-variant:normal;
}
.menu a:visited{
	display:block; /*makes whatever is inside (a link in this case) as
	whatever its container is (in this case the menu class, which fills
	the menu id by default */
	width:100%;
	padding: 2px;
	text-decoration:underline;
	color:green;
	font-size:16px;
	font-weight:bold;
}

.menu a:hover{
	background-color:#FF9900;
	text-decoration:none;
	padding: 2px;
}
	
#content {
	padding: 0px;
	margin-left: 220px;
	border-left: 1px solid black;
	}
		
#content a:hover{
	background-color:white;
	text-decoration:none;
	width:100%;
}

.Sixbookpics {
	border:1px solid black;
	font-family:arial,sans-serif;
	font-size:15px;
	width:550px;
    }
	
.Sixbookpics td{
	border:1px solid black;
	font-family:arial,sans-serif;
	font-size:12px;
	text-align:center;
	height:70px;
  	}
	
.Sixbookpics img{
	height: 125px;
	width: 82px;
	border: 2px solid blue;
	vertical-align:top;
}
		
.Sixbookpics a{
	color:red;
	display:block;
}

.Fivebookpics {
	border:1px solid black;
	font-family:arial,sans-serif;
	font-size:15px;
	width:550px;
    }
	
.Fivebookpics td{
	border:1px solid black;
	font-family:arial,sans-serif;
	font-size:12px;
	text-align:center;
	height:70px;
  	}
	
.Fivebookpics img{
	height: 160px;
	width: 105px;
	border: 2px solid blue;
	vertical-align:top;
}
		
.Fivebookpics a{
	color:red;
	display:block;
}

.Fourbookpics {
	border:1px solid black;
	font-family:arial,sans-serif;
	font-size:15px;
	width:550px;
    }
	
.Fourbookpics td{
	border:1px solid black;
	font-family:arial,sans-serif;
	font-size:12px;
	text-align:center;
	height:70px;
  	}
	
.Fourbookpics img{
	height: 193px;
	width: 127px;
	border: 2px solid blue;
	vertical-align:top;
}
		
.Fourbookpics a{
	color:red;
	display:block;
}

.Twobookpics {
	border:1px solid black;
	font-family:arial,sans-serif;
	font-size:15px;
	width:550px;
    }
	
.Twobookpics td{
	border:1px solid black;
	font-family:arial,sans-serif;
	font-size:12px;
	text-align:center;
	height:70px;
  	}
	
.Twobookpics img{
	height: 379px;
	width: 264px;
	vertical-align:top;
}
		
.Twobookpics a{
	color:red;
	display:block;
}

.left {
	float:left;
	position:relative;
}

.left img{
	width:50%;
}

.imageText{ vertical-align:top; text-align:left; }

.imgFloatLeft{float:left padding-right:10px; vertical-align:text-top;}

.right {
	float:right;
}

#footer {
	background-color: black;
	color: white;
	border-top: 1px solid black;
	font-size: 12px;
	text-align: right;
	padding: 2px 10px 0 0;
	clear: both;
	margin-top:30px;
	}