/* CSS and code written by Danner Claflin for Avocus Publishing */

body {background: #EEEECC url(images/none.gif) fixed; 
		font-family: sans-serif;
		color: black;
		margin: 0;
		padding: 0;
		}
		
div#title {background: #EEEECC url(images/title.jpg) center no-repeat;
		   top: 0px;
		   height: 150px;
		   width: 100%;
		  }
div#title h1{text-transform: uppercase;
		     text-align: center;
			 background-color: #DDDDBB;
			 color: #CC0000;
		     font-size: 300%;
		     letter-spacing: 0.4em;
		     margin: .2em;
			 padding: 0em;
			 font-family: serif;
			 border: 6px double green;
			 display: none;
		    }				
div#home{ font-size: 125%;}  
html>body div#home span{ float: left; }

div.book{ position: relative;
		  border: 2px solid black;
		  background-color: #CCCC99;
		  margin: 0.5em 0.5em 0.5em 0.5em;
		  padding: 0.25em 0.25em 0.25em 0.25em;
}
div.book h3{ margin: 0.25em 0.25em 0.25em 0.25em;
			 padding: 0.25em 0.25em 0.25em 0.25em;
}
div.shortinfo{ float: left;
			   position: relative;
			   border: 1px solid black;
			   background-color: white;
			   font-size: 75%;
			   padding: 0.25em 0.25em 0.25em 0.25em;
			   margin: 0.25em 0.5em 0.25em 0.25em;
}
html>body div.shortinfo{float: left;}
div.shortinfo a{ text-decoration: none; }
div.buyinfo{ float: right;
			 position: relative;
			 border: 1px solid black;
			 background-color: white;
			 font-size: 75%;
			 padding: 0.25em 0.25em 0.25em 0.25em;
			 margin: 0.25em 0.25em 0.25em 0.25em;
}
html>body div.buyinfo{float:right;}

/* description & review hiding 
a.hid {color: black; text-decoration:none; outline-style:none;}
a.hid em {display:none;}
a.hid span {color: blue;}
a.hid:hover {text-decoration:none;}
a.hid:active, a.hid:focus {background-color: transparent;}
a.hid:active span, a.hid:focus span {display:none;}
a.hid:active em, a.hid:focus em {display: inline; color: black; width:100%; font-style:normal; cursor:default;}*/
.clear {clear:both;}

div#main{ position: relative;
			 background-color: #EE5555;
			 margin-right:199px;
			 margin-left: 12em;
			 border:1px solid #000;
			 voice-family: "\"}\"";
			 voice-family: inherit;
			 margin-right:201px;
			 margin-left: 12em;
}
html>body#main {
			 margin-right:201px;
			 margin-left: 12em;
}

div#main h1, h2{text-align: center;
				font-family: serif;
				margin: 0em;
				padding: 0.25em 0.5em 0.25em 0.5em;
			  }
div#main p {text-transform: none;
			   margin: 0.25em 0.25em 0.75em 0.25em;
			  }
div#main li {margin-left: 1em; }
div#rightside{ border: 4px double black;
			   position: absolute;
			   top: 150px;
			   right:10px;
			   width:170px;
			   background-color:#CCCC99;
			   padding: 0.25em 0.25em 0.25em 0.25em;
}
div#rightside h4 {
				  margin:  0.2em 0em -0.2em 0em;}
div.rightinfo{ width: auto; 
			   font-size: 75%;
			   border: 1px solid black;
			   background-color: white;
			   padding: 0.25em 0.25em 0.25em 0.25em;
			   margin: 0.25em 0em 0.25em 0em;
}
div.rightinfo a{ text-decoration: none; }
div#menu { position: absolute;
		   top: 150px;
		   left: 10px;
		   width: 11em;
		   background: white;
		   font-family: serif;
		   font-weight: bold;
		   text-transform: uppercase;
		   letter-spacing: -0.1em;
		   overflow: hidden;
		   background: #EEEECC;
		 }
div#menu ul { padding: 0px;
			  margin: 0px;
			  position: relative; 
			}
div#menu li { list-style-type: none; 
			  padding: 0em 0em 0em 0em;
			  margin: 0em 0em 0.5em 0em;
			  text-align: left;
			  border: 4px double black;
			  background: #CCCC99;
			}
div#menu li:hover{ border: 4px solid black;}

div#menu a { color: black;
			 display: block;
			 text-decoration: none;
			 font-size: 150%;
			 border-width: 0px;
	   	   }
div#menu a:visited { color: #664444;
				 }

div#menu a:hover {  color: black;
			 	 }
div#menu li.active{border: 4px solid brown}
div#menu li.active:hover{border: 4px solid black}
				
img { border-width: 0px; }
 
div.clearer {clear: both; line-height: 0; height: 0; border: 0;}

.floatright { float: right; margin: 0.5em 0 0.5em 0.5em;}
.floatleft { float: left; margin: 0.5em 0.5em 0 0.5em;}

div.noCSS {display: none;}