﻿html, body, div{
	padding:0;
	margin:0;
	border:0;
	}
body{
	background-color:#e4cc9d;
	background-image:url(images/grad.jpg);
	color:#000000;
	background-repeat:repeat-x;
	text-align:center;
	z-index:0;
	}
h2{
	font-weight:bold;
	font-size:25px;
	font-family:Arial;
	margin-top:0px;
	padding-right:10px;
	padding-left:10px;
	color:#23238e;
	}
h3{
	font-weight:bold;
	font-family:Arial;
	margin:8px 0 8px 0;
	color:#000000;
	}
hr{
	width:45%
	}
a:link, a:visited, a:active{
	text-decoration:none;
	color:#7a4700;
	font-weight:bold;
	}
a:hover{
	text-decoration:none;
	color:#a25e00;
	font-weight:bold;
	}
p{
	font-size:15px;
	font-family:arial;
	letter-spacing:0;
	text-align:left;
	padding:0 3px 0 3px;
	}
p.caption{
	font-family:"Times New Roman", "Bodoni MT Black";
	font-size:20px;
	font-style:italic;
	font-weight:bold;
	text-align:center;
	}
p.main{
	font-family:"Times New Roman", "Bodoni MT Black";
	font-size:18px;
	font-style:italic;
	font-weight:700;
	}
p.bio, p.main{
	text-indent:30px;
	letter-spacing:0px;
	}
p.name{
	margin:-18px 0 -5px 0;
	text-indent:24px;
	font-size:16px;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	}
p.qa{
	font-family:"Times New Roman", Times, serif;
	}
p.amazon{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	letter-spacing:0px;
	}
p.amazon a, p.amazon a img{
	margin:0;
	padding:0;
	border:0;
	}
p.amazon a img{
	float:none;
	width:101px;
	height:23px;
	}
span.date{
	font-weight:bold;
	font-size:18px;
	}
#box{
	margin:0;
	position:absolute;
	left:50%;
	padding:4px 0 4px 0;
	text-align:center;
	width:810px;
	height:auto;
	margin-left:-405px;
	}
#top{
	width:810px;
	height:195px;
	}
#top-banner{
	width:810px;
	height:175px;
	background-image:url(images/banner-top.gif);
	background-repeat:no-repeat;
	}
#menu{
	position:absolute;
	width:auto;
	height:21px;
	margin-top:5px;
	z-index:2;
	}
#main-area{
	width:810px;
	height:auto;
	padding-top:12px;
	z-index:1;
	}
div.m-item, div.m-display, div.m-roll {
	float:left;
	width:133px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding-top:3px;
	padding-bottom:3px;
	border:1px solid #000000;
	background-color:#23238e;
	text-align:center;
	}
div.m-display, div.m-roll{
	background-image:url(images/menu-bg2-hover.gif);
	background-repeat:repeat-x;
	color:#F0F0F0;
	}
div.m-display{
	padding-bottom:0px;
	}
div.m-item{
	color:#608fb7;
	}
/* This next declaration forces links in the #menu to display as block elements.
 * This is to allow them to stack in the the submenus.
 */
div#menu div.m-display a, div#menu div.m-roll a, div#menu div.m-item a{	
	display:block;
	padding:0 5px 0 5px;
	}
div#menu div.m-item a{
	color:#608fb7;
	}
div#menu div.m-roll a{
	color:#f0f0f0;
	}
div.m-display div.sub{
	margin-top:3px;
	background-color:#23238e;
	}
div.m-display div.sub a{
	color:#608fb7;
	}
div.m-display div.sub a:hover{
	background-color:#8ebce1;
	color:#000000;
	}
div.m-item div.sub{
	display:none;
	}
div.m-a-body{
	float:left;
	width:505px;
	height:auto;
	border:1px dashed #363928;
	background-color:#8ebce1;
	padding:0 0 4px 0;
	}
div.m-a-body img{
	float:left;
	margin:0 4px 0 4px;
	}
div.m-a-image{
	float:left;
	width:303px;
	height:auto;
	}
div.m-a-image img{
	float:left;
	margin:0 0 2px 4px;
	}