.email{color:blue; text-decoration:underline; cursor:hand; cursor:pointer;}
.emailbutton{color:white; cursor:hand; cursor:pointer; width:95%}

h1, h2 {	font-family: Arial, Helvetica, sans-serif;	color: #0000FF; padding:0; margin:0}
h1{font-size:48px}
h2{font-size:24px; padding-top:20px}
h3{font-family: Arial, Helvetica, sans-serif;	color: #0000FF; padding:0; margin:0}
.subtitle{padding:0; text-align:right; margin-bottom:10px}
.firstpara{margin-top:5px}
.firstheading{padding-top:0;}
.picright{float:right; margin-left:5px; margin-bottom:20px}
.review{font-style:italic; margin:20px 20px 0 20px}
.reviewer{font-weight:bold; margin:0 20px 20px 20px; text-align:right}
.booklist{margin:0 0 0 20px; text-indent:-10px}
.listtitle{margin-bottom:0}

/*--------------*/
#navarea	{margin-left: 8px;padding-top: 0px;	color:#090; font-family:Arial, Helvetica, sans-serif; font-size:16px}
#navarea p { margin-top: 0; font-size:0.7em}
#navbuttons{padding-top: 0px;	color:#fff; }
#navbuttons ul {	list-style: none;	margin: 0;	padding: 0;		border: none;	}
		
#navbuttons li {
		display: block;
		padding: 5px 5px 5px 5px;
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
		border-bottom: 1px solid #000000;
		background-color: #00c;
		color:#fff;
		width: 95%;
		}

		
.noLink {background-image: url("i/warrows.gif"); background-repeat: no-repeat; background-position:right}
#navbuttons li a {color: #fff; text-decoration:none; display:block; width:100%} /*"100%" essential for Windows*/
html>body #navbuttons li a {	width: auto;} /* sorts out a "100%" problem in some browsers*/


#navarea{	color:#00c;} /* writing in nav area*/
#navbuttons li {background-color: #00c; color:#fff;}
#navbuttons li a {	color: #fff; } 
#navbuttons li a:hover {background-color: #fff;	color: #f00;}