body {font-weight: normal; 
      font-family:  "trebuchet ms",verdana,  helvetica, sans-serif; 
	  font-size: 62.5%;
      background-color:#ededed;
      color:#252525;
	  width: 850px;
	  margin:0 auto;
}




p    {line-height:170%;
      padding-top: 5px;
      padding-left:90px;
      padding-right:90px;
      font-size: 1.6em;
 
}


div.wide {
     width:100%;
}

/*a:link     {color: #960014;
}

a:visited  {color: #898989;
}

a:hover    {color: #898989;
}*/

.contact img{
   float: right;
   margin-left: 2em;
   border: .1em solid #898989;
}


.imageofday {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color:#898989;
    font-size:1.8em;
 }


.centered {
/*    display: inline;*/
    margin-left: auto;
    margin-right: auto;
    text-align: center;
 }

.centeredxImage
    {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    width:807px;
    }


.caption {
        font-size: 1.2em;
        font-style: italic;
	text-align: center;
}
  
.photohdg {
        font-size: 1.2em;
        font-style: italic;
}

h1   {font-size: 2em;	
      line-height: 2em;
      color: #808080;
 }

h2   {font-size: 2em;	
      line-height: 2em;
      color:#960014;	
}


h3   {font-size: 2em;
	word-spacing: .15em;
    padding-top: 1em;
	letter-spacing: .1em;
	font-variant: small-caps;
      color:#960014;
}

h4   {font-size: 1.4em;
      color:#960014;
	  text-align:center;
}

h5   {font-size: 80%;
}
.book_title {
  font-size: 1.5em;
   color:#898989;
   text-align:center;
   font-weight: bold;
   width: 100%;
   
}

.book_title  li{
   list-style-type: none;
     display: block;
}
.book_title  li a:hover {
	text-decoration:none;
	background-image: none;
	background-color: transparent;
	padding: 0px;

}
.book_title td ul {
	margin:auto;
	padding:0px;

	}
	

.centercovers {
      width:70%; 
      margin-left:10%; 
      margin-right:20%;
      margin-top:2em;
	
}

#wrap  {
	width: 100%;
	margin: auto;
}
 
#header {
         padding-top: 1em;
         padding-bottom: 0px;
}

#header a, a:visited{ color:#ededed;
          text-decoration: none;
}
#header img{
	padding-top: 1em;
	padding-bottom: 1em;
	float: left;
	border: .1em solid #ededed;
	text-decoration: none;
}
/* ================    Main Text Format  ==================== */

#textcontent {width:100%;
       margin-left:auto;
	   margin-right:auto;
       margin-top:3em;
	   	letter-spacing: .03em;
}

#textcontent h2,h3,h4 {
    margin-top:0px;
    padding-left:3em;

}

#textcontent a, a:link,  a:visited{
    color: #960014;
	text-decoration:underline;
}
#textcontent a:hover    {color:#960014;
	text-decoration:none;
	background-image: url('../images/buttonhover.gif');
	background-color: #252525;
}
#textcontent img{
	border:.1em solid #898989;
	text-decoration: none;
}

div#image_link a:hover {
	text-decoration:none;
	background-image: none;
	background-color: transparent;
	padding: 0px;
}
/* ================    Main Text Format  ** END ***  ==================== */

#content {
	width:100%;
	margin: auto;
}

.clearboth {
	clear:both;
	height:0;
	padding:0;
	margin:0;
}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* commom style for all browsers */

/* =============  top nav bar (START) ===============  */
  .top_nav{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font-size:1.5em;
	font-weight:bold;

	}
.top_nav ul{
	height:1.5em;
	list-style:none;
	margin:0 0 3em 0; 
	padding:0px;

	}
	
.top_nav li{
		list-style:none;
		float:left;
		padding:0px;
		margin:0px;
		}
		
.top_nav li a{
		color:#898989;
		display:block;
		font-weight:bold;
		/*line-height:1.5em;*/
		margin:0px;
		padding: .3em 1.5em; 

		text-align:center;
		text-decoration:none;
		border-top: .1em solid #898989; 
		border-bottom: .1em solid #898989; 
		text-transform: uppercase;

		}
		.top_nav li a:hover, .top_nav ul li:hover a{
			background: #ededed  url('../images/buttonhover.gif')  repeat-x;
			color:#960014;
			text-decoration:none;
			}
	.top_nav li ul{
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:10em;
		z-index:200;


		}
	.top_nav li:hover ul{
		display:block;
		
		}
	/* print/books as they drop down */	
	.top_nav li li {
		background-color: #ededed;
		color: #898989;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:8em;

		}
		
	.top_nav li:hover li a{
		background:none;
		color: #898989;
		
		}
	.top_nav li ul a{
		display:block;
		height:1.8em;
		font-size:1em;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		text-transform: capitalize;
		border:  .1em dotted  #898989; 
		border-top: none;
		}
		
		/* print/books hover */
	.top_nav li ul a:hover, .top_nav li ul li:hover a{
		background: url('../images/buttonhover.gif') ;
		border:  .1em dotted  #898989; 
		border-top: none;
		color:#960014;
		text-decoration:none;
			}
	#nav_active {background-image: url('../images/buttonhover.gif');
		color:#960014;
		text-transform: uppercase;
		font-weight: bold;
		border: .1em solid #898989; 
		padding: .3em 1.5em; 
		text-decoration: none;
	}
	/* =============  top nav bar (END) ===============  */
	/* ===================  QR Nav - mobile likely =================*/
#qr_body {font-weight: normal; 
      font-family:  "trebuchet ms",verdana,  helvetica, sans-serif; 
	  font-size: 62.5%;
      background-color:#ededed;
      color:#252525;
	  width: 240px;
	  margin:0 auto;
}

  .qr_nav{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font-size:1.5em;
	font-weight:bold;

	}
.qr_nav ul{

	list-style:none;
	margin:0 0 3em 0; 
	padding:0px;

	}
	
.qr_nav li{
        list-style:none;
		/*float:left;*/
		padding:0px ;
		margin:0px  ;
		}
		
.qr_nav li a{
		color:#898989;
		display:block; 
		font-weight:bold;
		line-height:1.5em;
		margin:0px;
		padding: .3em 0 .3em 1.5em ; 
		text-align:left;
		text-decoration:none;
		border-top: .1em solid #898989; 
	/*	border-bottom: .1em solid #898989; */
		text-transform: uppercase;

		}
.qr_nav li a:hover, .qr_nav ul li:hover a{
			background: #ededed  url('../images/buttonhover.gif')  repeat-x;
			color:#960014;
			text-decoration:none;
			}
		

/* ============= QR nav  (END) ===============  */
	




#coverpages{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	color:#898989;
	font-size:1.4em;
	font-weight:bold;

	}
#coverpages ul{
	width :850px;
	height:1em;
	list-style:none;
	margin:0 auto;
	padding:0;
	}

#coverpages  li {
	list-style-type: none;
	float:left;
	width : 275px; 
	height: 275px;
	margin: 0 auto;
	padding : 0; 
	font-size:1.3em;
	font-weight:bold;
	position:relative;
	text-align: center;
  
   }


#coverpages li ul{
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width: 8em;
		z-index:200;
		}
		
#coverpages li:hover ul{
		display:block;
		
		}
#coverpages li li {
		background:#ededed;
		display:block;
		float:none;
		margin:0px;
		padding:.1em;
		width:8em;
		border: 0em solid #ededed;
		height:1.1em;
		top: -6.5em;
		left: 4.5em;
		font-size: 1.1em;
	
		}
#coverpages li:hover li a{
		background:none;
		
		}
#coverpages li ul a{
		display:block;
		margin:0px;
	    padding: 0em .2em ;
		text-align:left;
		width: 8em;
		color: #252525;
		text-decoration:none;
		position: absolute;
		top: 0em;
		left: 0em;
		border: 1px solid #898989;
		height:1.2em;


	
		}
#coverpages li ul a:hover, #coverpages li ul li:hover a{
		text-decoration:none;
		background: #ededed url('../images/buttonhover.gif') repeat-x;
		color:#960014;
		border-top: 1px dashed #252525;
		border-bottom: 1px dashed #252525;
		height:1.2em;
		width: 8em;
			}



#coverpages  li img {
 display:block;
 margin: 0 auto;
 border: 0px;
  padding-bottom: 1em;
 }



/* Quick Pick and home page shadow */
 
.QPdropShadow {
	background: url(../images/shadow.png) right bottom no-repeat;
	display: block;
	float: left;
	margin: 1.3em -1em -1em 1em; 
	position: relative;
}

.QPdropShadow .QPinner {
	display: block;
	left: -1em; 
	margin: 0;
	overflow: hidden;
	position: relative;
	top: -1.3em;
}

ul.QPimage {
	display: block;
	margin: 0; 
	padding: 0; 
	font-size: 1.5em ;
	font-weight:normal;
	font-family: verdana,  helvetica, sans-serif;
}

 ul.QPimage li {
 display: block;
 }

ul.QPimage ul {display: none;
}

ul.QPimage li:hover > ul {
   display: block; 
   position: absolute; 
}

#textcontent .QPimage ul li a {
  text-decoration: none;
  color:black;
  background-image: none;
  }

#textcontent ul.QPimage li a:hover {
   background-image: none;
   background-color: transparent;
}

#textcontent ul.QPimage > li:hover > ul {
   width: 550px; 
   background-color: #ededed;
   text-decoration: none;
   position: absolute;
   line-height: 150%;
   top: 50px; 
   left: 80px;
   text-align: left;
   z-index: 1;
}

/* =============  menu for each cover page that appears for mouseover cover on 'books (END) =============*/
/* ======     Image security (sort of) - not used so far   ===== */
/*   in conjunction with blank.gif will keep image on page from being copying by a right mouse click */
/*   and 'copy image'.  Image copied will be Blank.gif not Ray's image (this is borrowed idea from Saatchi site*/

 .protect{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
}