/* HEADERS */
	body
	{
		margin: 0;
		padding: 0;
		background: #CCCCFF;
		font: 13px verdana, sans-serif;
		text-align: justify;
	}

	div#page
	{
		width: 784px;
		margin: 0;
		padding: 0;
		background: #CCCCFF;
	}

	div#top img
	{
		float: left;
		margin: 0; 
		padding: 0;
	}
	
	div#highlight
	{
		position: absolute;
		left: 564px;
		top: 20px;
		height: 110px;
		width: 200px;
		margin: 0;
		border: 2px solid black;
		padding: 0;
		background: #fff8dc;
	}
	
	div#block
	{
		position: absolute;
		left: 584px;
		width: 200px;
		height: 110px;
		border: 2px solid black;
		padding: 0;
		background:  #FFCC00;
	}
	
	div#phone
	{
		padding: 20px 0 0 10px;
		font: bold 22px verdana, sans-serif;
	}
	
	div#topemail
	{
		padding: 20px 0 0 10px;
		font: bold 22px verdana, sans-serif;
	}
	
	.topemail:link, .topemail:visited, .topemail:active
	{
		margin: 15px 0 0 0;
	}

	.topemail:hover
	{
		margin: 15px 0 0 0;
		color: black;
	}

/* MENU COLUMN*/
	div#menu
	{
		position: absolute;
		top: 150px;
		width: 175px;
		margin: 0;
		padding: 0;
		text-align: center;
	}

	div.menuitem
	{
		height: 55px;
		margin: 0;
		padding: 25px 0 0 0;
		background: url("images/menu.gif") no-repeat;
	}

	div.menuitem a:link, div.menuitem a:visited, div.menuitem a:active
	{
		font: bold 18px verdana, sans-serif;
		color: blue;
		text-decoration: none;
	}

	div.menuitem a:hover
	{
		color:  #FFCC00;
	}

	div#footer
	{
		margin: 20px 0 10px 0;
		padding: 3px;
		font: italic 11px verdana, sans-serif;
		color: #fff8dc;
		text-align: center;
	}
	
	.copyright:link, .copyright:visited, .copyright:hover, .copyright:active
	{
		color: #fff8dc;
	}


/* CONTENT */
	div#content
	{
		float: right;
		width: 580px;
		margin: 0 0 20px 0;
		padding: 0 0 0 30px;
	}

	h1
	{
		font: bold 28px verdana, sans-serif;
		color: blue;
	}

	h2, .h2
	{
		font: bold 16px verdana, sans-serif;
		color: red;
		text-align: left;
	}

	h3
	{
		font: bold 16px verdana, sans-serif;
		color: blue;
	}
	

	p
	{
		margin: 25px 0 5px 0;
	}

	p.excerpt
	{
		font: 15px times, serif;
		margin: 2px 25px 2px 35px;
		text-indent: 2em;
		text-align: left;
	}
	
	.indent
	{
		margin-left: 70px;
	}
	
	img, fieldset
	{
		border: 0;
	}

	ul li
	{
		margin: 5px 0 5px 15px;
		list-style-image: url("images/bullet.gif");
	}

	ol
	{
		margin: 5px 0 5px 25px;
		padding: 0;
	}
	
	ol li
	{
		margin: 20px 0 0 0;
		font-weight: bold;
	}
	
	ol li span
	{
		font-weight: normal;
	}
	
	a:link, a:visited, a:active
	{
		color: blue;
		font-weight: bold;
		text-decoration: none;
	}

	a:hover
	{
		color: red;
	}

/*HOME PAGE*/
	.howling, .howling:link, .howling:visited, .howling:hover, .howling:active
	{
		font: bold 20px georgia, serif;
		color: maroon;
		text-align: center;
	}
	
	p.review
	{
		font: italic 16px georgia, serif;
		text-align: center;
	}
	
/*BOOKSTORE PAGE*/
	h2.booktitle
	{
		clear: both;
		font: bold 18px verdana, sans-serif;
	}

		.wright
		{
			color: blue;
		}

		.herrick
		{
			color: #FF00FF;
		}

		.vandewater
		{
			color: maroon;
		}

	div.bookcover
	{
		float: left; 
		width: 150px;
		
		margin: 10px 15px 25px 0;
		padding: 0;
		
		text-align: center;
	}

	div.bookcover img
	{
		border: 2px solid black;
	}

	h2.retail
	{
		clear: none;
		margin-top: 0;
		font: bold 18px verdana, sans-serif;
		color: blue;
	}

	div.orderbook
	{
		float: right;
		width: 125px;
		margin: 0;
		padding: 0;
	}

	p.vandewater
	{
		margin: 5px 0 0 0;
		font: 15px georgia, serif;
		text-indent: 25px;
		line-height: 22px;
		color: black;
	}
	
/* FOOTER */
	div#quote
	{
		width: 776px;
		margin: 0;
		border: 2px solid black;
		padding: 4px;
		font: italic 13px verdana, sans-serif;
		font-weight: bold;
		text-align: center;
		background:  #FFCC00;
		clear: both;
	}

	p.siteby
	{
		clear: both;
		margin: 25px 0 0 35px;
		color: #444;
		font: 11px verdana, sans-serif;
	}

	.siteby a:link, .siteby a:visited, .siteby a:active
	{
		color: #444;
		text-decoration: underline;
		font-weight: normal;
	}

	.siteby a:hover
	{
		text-decoration: underline;
		color: #222;
	}
