/* CSS Document for booklore site*/


body
{
	margin: 0;
	padding: 0;
	font: 12px/1.5em Verdana, Arial, Helvetica, sans-serif;
background-color: #E7D8C1;
background-image:  url(images/booklore-book-bg-brown-lg.jpg);
background-repeat: no-repeat;
background-position: center;
	text-align: center;
	color: #000;
}
a:link
{
	color:#B3003C; /* previously #666 */
}

a:visited
{
	color:#B3003C;
}


a:hover, a:active
{
	color:#B3003C;
	text-decoration: none;
	border-bottom:1px dotted #B3003C;
}

#container
{
	width: 920px;
	margin: 0px auto;  /*  moved logo and everything below higher on page   */
	/*  i previously had background #fff in here and it prevented me from seeing blue across nav bar  */
	padding: 10px;
	text-align: left;
	min-height: 850px;
}

#container h1, h2, h3, h4 { color: #000;
}

#header
{		width:920px;
		height:200px;
		overflow:hidden;
		float:right;
		text-align:right;
		padding:0;
		margin:0;
		vertical-align:middle;
}

#header img
{	float: left;
	margin: 0 0 5px 0;
	padding: 0;
	border: none;
}

#nav
{	margin: 60px 0 0 0;  
	height:35px;
	float: right;
	text-align:center;
}

#nav ul
{	margin: 0;
	padding: 0;
	list-style-type: none;
	
}

#nav a
{	display: inline;
	line-height:35px;
	padding: 15px 10px 10px 10px;
	color: #000;
	text-decoration: none;
	font-size: 115%;
	text-transform: uppercase;
	font-family: verdana, arial;	
}

#nav li
{
	display: inline;
	line-height:35px;
	color: #000;
	font-family: verdana, arial;
}

#nav a:hover {	color: #4A9F12; border-bottom: none; }


#content1 {
		width:440px;
		text-align:left;
		float:left;
		line-height:20px;
		padding:0px 10px 0 0;
		color:#000;
		/*  min-height: 220px;   */
		font-family: verdana, arial;
		
		}

#content2 {
		width:450px;
		text-align:left;
		float:left;
		padding-top:0px;
		padding-left:20px;
		padding-bottom:0px;
		}

#home-content2 {
		width:450px;
		text-align:center;
		float:left;
		padding-top:0px;
		padding-left:20px;
		padding-bottom:0px;
		}

h1
{
	padding-bottom: 15px;
	font-size: 1.8em; 
	letter-spacing: 0.1em;}
		
		

h2
{
	margin-top: 0;
	font-size: 140%;
}

.floatleft { 
    float: left; 
    margin: 0 10px 10px 0; 
}
.floatright { 
    float: right; 
    margin: 0 0 10px 10px; 
}

img.center {
    display: block;
    margin-left: auto;
    margin-right: auto }

a img.backtotop { 
    float: right; 
    margin: 10px 10px 10px 0px; 
	border: none;
}
a img { 
	border: none!important;
	border-bottom: none!important;
	}
img a { 
	border: none;
	border-bottom: none;
	}

#clear { clear: both;}	
		
#featurebox {		
		width:23%;
		float:left;
		margin-top:0px;   /*  removed this space to bring all buttons up  */
		margin-left:5px;
		padding:0 0;
		min-height:190px;
		}
.middle {		
		margin-left:40px!important;
		}
.border {		
		border-right: 1px dotted #000;
		}
		   

#featurebox img {
		padding:0px;
		margin-left: 0;		}

#featurebox h3, h3 a {
		font-size:18px;
		line-height:18px;
		text-align:center;
		font-weight:bold;
		margin-top:10px;
		color: #000;   
		text-decoration: none;
	padding-bottom: 10px;
		border-bottom: none;		}
#featurebox h2 {
		font-size:14px;
		line-height:18px;
		text-align:left;
		font-weight:bold;
		margin-top:5px;
		color: #000;   
		text-decoration: none;
	padding-bottom:0px;
	margin-bottom: 0;
		}

#featurebox p {
		font-size:95%;
		line-height:1.5em;
		color:#000;
		font-weight:normal;
		margin-top:5px;
		padding-top:0px;
		padding-left:6px;
		padding-right:6px;

		}

#featurebox a.button, a:hover.button {
	text-decoration: none;
	border:none;
		}
#featurebox a {
	text-decoration: none;
	border:none;
		}

#featurebox a img {
	text-decoration: none;
	border:none;
		}

#footer
{
	clear: both;
	font-size: 90%; 
	background-color: #6C9725; /*  */
	margin-top: 20px;
	padding: 20px 60px;
	text-align: center;
	color: #ffffff;
	height:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;

}

#footer a
{
	color: #ffffff;
}