/* CSS Document */

* {
	border:0;
	padding:0;
	margin:0
}

body{
	font:90% Helvetica, Helvetica Neue, Arial, Helvetica Neue, sans-serif;
	background:#ccc url(../images/background.jpg) repeat-x top;
	}

#wrapper{
	width:900px;
	margin:0 auto;
	border: solid #999;
	border-width:0 1px;
	padding:15px 20px 33px 20px;
	min-height: 800px;
	background: #FFF9F0 url(../images/contentback.jpg) no-repeat top;
	}

#header {
	width:900px;
	margin:0 auto;
	background:#fff url(../images/banner.jpg) no-repeat 50% 50%;
	height:191px;
}


h1,h2,h3,h4{
	margin:14.4px 0;
	font-family:Futura Medium, Century Gothic, AppleGothic, sans-serif;
	color: #E46C49;
	text-decoration: none;
	font-weight: normal;
	}

p{
	margin:1em 0;
	line-height:1.5em;
	}

ul, ol, dl{
	margin:1em 0;
	padding-left:1.5em;
	}

li{
	line-height:1.5em;
	}

li ul{
	margin:0.4em 0;
	}

a{
	color:#0066FF;
	}

a:hover{
	color:#0033CC;
	}

img{
	float:right;
	margin:1em 0.5em 1em 1em;
	}
	
blockquote{
	margin:2em 0;
	padding:0 50px;
	font-style:italic;
	}

div.clear{
	clear:both;
	}

#navigation{
	float:right;
	width:223px;
	margin:0;
	margin-left: 10px;
	margin-top: 15px;
	list-style-type:none;
	border: 1px solid #FFEACC;
	}

#navigation ul{
	list-style-type:none;
	margin:0;
	padding:0;
	}
	
#navigation li a:link, #navigation li a:visited{
	display:block;
	padding:15px;
	background:#fff url(../images/navback.jpg) repeat-x;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	}
	
#navigation li a:hover{
	display:block;
	padding:15px;
	background:#fff url(../images/navback2.jpg) repeat-x;
	color:#666;
	text-decoration:none;
	font-weight:bold;
	}
			
#navigation li ul li a:link, #navigation li ul li a:visited{
	display:block;
	padding:10px ;
	background:#ccc  url(../images/smallnavback2.jpg) repeat-x;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	text-align:right;
	font-size: 90%;
	}
	
#navigation li ul li a:hover{
	display:block;
	padding:10px;
	background:#fff url(../images/smallnavback.jpg) repeat-x;
	color:#666;
	text-decoration:none;
	font-weight:bold;
	text-align:right;
	font-size: 90%;
	}
					
#navigation h2{
	margin-top:0;
	text-align:right;
	}
	
#content{
	width:620px;
	padding:15px 20px;
	background-color: #FFF;
	margin-top: 15px;
	border: 1px solid #FFEACC;
	min-height:207px;
}

#footer{
	clear:both;
	font-size: 80%;
	width:620px;
	padding:15px 20px;
	background-color: #FFF;
	margin-top: 15px;
	border: 1px solid #FFEACC
	}

#wrapper > #footer{
	width:620px;/* correct width for standards compliant browsers: 700 - border - padding */
	}

#footer p{
	margin-top:0;
	}
	
#sub li{
	float: left;
	font-weight: bold;
	padding-right: 15px;
	padding-left: 15px;
	list-style-type: none;
	}

#sub{
	height: 50px;}

h4{
	clear: left;
	border: none;
	text-decoration: none;
	}

.long {
height: 350px;}

#content > h1:first-child
	{ margin-top:0px;
} 

.bookbox{min-height: 235px;}

.bookjacket{
box-shadow: 5px 5px 8px #818181;
-webkit-box-shadow: 5px 5px 8px #818181;
-moz-box-shadow: 5px 5px 8px #818181;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5, positive=true);
}
