
/* This is the style sheet for the Books Again Web Site */
/*  Dates: Friday, Feb 13, 2009 and Sunday, Feb 15  */
/* Minor revisions to sales page on 12/1/09  */


/* STYLING FOR ALL PAGES    STYLING FOR ALL PAGES     STYLING FOR ALL PAGES      STYLING FOR ALL PAGES */



body {
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 5%;
        margin-right: 5%; 
	font-size: 14px;
	
}



#container {width: 900px;
	    
	}  

#logo {	width: 900px;
	height: 150px;
	padding: 0;
	margin: 0;
	
}



#sidebar { color: #FFFFFF; 
	   background: #cc9933; 
	   float: left; 
           top: 150px;
	   width: 150px;
	   margin-top: 0; 
	   padding: 0; 
}  


#sidebar2 {color: #FFFFFF;
	   background: #cc9933;
	   float: right;
	   top: 150px;
	   width: 150px;
	   left: 0;
	   right: 0;
	   padding: 0;
  
}

 #content { color: #663300; 
	    background: #f4da9c;  
	   float: left;
	   top: 150px;
	   width: 745px; 
	   padding-bottom: 15;
	   margin-top: 0;
	   margin-left: 0;
	   padding-left:5px;
	 
}   

 #content2 { color: #663300;
	     background: #f4da9c;  
	     float: left;
	   top: 150px;
	   width: 600px; 
	   padding-bottom: 15;
	   margin-top: 0;
	   margin-left: 0;
	   padding-left:0;
 }   

/* For SALESPHOTOS Page, inserted 5/4/09  */

#content3 { color: #663300;
	     background: #f4da9c;  
	   float: left;   
	   top: 150px;
	   width: 900px; 
	   padding-bottom: 15;
	   margin-top: 0;
	   margin-left: 0;
	   padding-left:0;
 }   


/* test the code below to put space between header and top margin */


.header {margin-top: 20px;
	text-align: center;
}

.header2 {margin-left: 15px;}


#sidebar, #content {
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}

#sidebar2, #content2 {
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}

#bucket {
	 overflow: hidden;
}	


#navbar { color: #FFFFFF;
	  float: left;
	  margin: 0;
	  padding: 0;
	  list-style: none;
	
} 



#top { padding-top: 15px;
} 

#bottom {margin-bottom: 15px;
}
 
ul#navbar li a {   display: block; 
	           width: 150px; 
	           text-decoration: none; 
	           text-align: center; 
	           vertical-align: middle;
	           font-size: 14px;
	           color: #ffffff;
 	           padding: 10px;
		
	
}

h2, h3 { color: #663300; 

}



p { color: #663300;
    margin-left: 20px;
    margin-right: 15px;
    padding: 0;
    font-size: 14px;
}



#footer {height: 50px;
	 width: 890px;
	 background-color: #cc0000;
	 padding: 5px;
}


/* HOME PAGE STYLING   HOME PAGE STYLING   HOME PAGE STYLING  HOME PAGE STYLING */

#sale1 {padding: 10px;
       float: left
       margin-left: 25px;
       margin-right: 20px;
} 



#special1 {padding: 10px;
         /* float: right; */
	 margin-left: 25px;
	 margin-right: 10px;
} 


#address { margin-bottom: 15px;
}


#map { margin-bottom: 15px;
       align: center;
}


/* ABOUT US PAGE STYLING  ABOUT US PAGE STYLING ABOUT US PAGE STYLING ABOUT US PAGE STYLING  */

.quote { float:right;
	 margin-right: 50px;
	 font-size: 12px;
	 font-family: Comic-Sans MS;
}

#aboutus { display: list-item;
	   list-style-type: bullet; 
	    margin-left: 20px;
	    margin-right: 10px;
}  
  


li {	font-size: 14px;
	color: #663300;
	/*  margin-left: 20px;
	margin-right: 20px; */
}



#offers { margin-left: 15px;
	  margin-right: 5px;
	  margin-bottom: 20px;

} 


#Uspics { margin-right: 5px;
	  margin-left: 5px;
	 float: left; 
	/*  margin-bottom: 20px; */

} 


.Uspics2 {margin-right: 5px;
	  margin-left: 5px;
	  margin-bottom: 20px;
	  float: right;
}



.Uspics3 {margin-bottom: o;
	  margin-right: 10px;
	  margin-left: 10px;
}

/* FRIENDS OF LIBRARY PAGE STYLING    FRIENDS OF LIBRARY PAGE STYLING    FRIENDS OF LIBRARY PAGE STYLING   */


#opening {float: left;
	  margin-right: 5px;
	  margin-left: 5px;
}

#accomplishments { font-size: 14px;
	           color: #663300;
		   margin-right: 15px;
}		   margin-bottom: 20px;



img {float: left;
     margin-left: 5px;
     margin-right: 10px;
}

.photos { margin-left: 10px;
	  margin-right:10px;
}

.images1 {	float: right;
 		margin-right: 10px;
		margin-left: 10px; 
}

.images2 {float: left;
	  margin-left: 10px; 
	  margin-right: 10px;
	  
}


#FOLitems {align: center;
	   margin-left: 20px;
}



#navbar2 { color: #FFFFFF;
	   margin: 0;
	   list-style: none;
	   height: 40px;
	   margin-left: 150px;
	   margin-top: 20px;
} 

ul#navbar2 li {   display: inline; 
		  vertical-align: left; 
	    	  padding: 5px;

}

ul#navbar2 li a {   text-decoration: none; 
	            vertical-align: left;  
	            font-size: 12px;
	            color: #ffffff;
 	            padding: 5px;
}

#friendaward li { text-decoration: none;
		margin-right: 15px;
}


/* DONATIONS PAGE STYLING   DONATIONS PAGE STYLING  DONATIONS PAGE STYLING */

ul#donations {color: #663300;
	    font-size: 14px;
	   
}



.donatepics {margin-bottom: 10px;
	     margin-right: 0;
	     margin-left: 5px;
	     
}




/* PRICES PAGE STYLING  PRICES PAGE STYLING   PRICES PAGE STYLING    PRICES PAGE STYLING   PRICES PAGE STYLING*/

#header2 {margin-left: 20px;
}

#prices, caption {border: 2px solid #cc0000;
	          color: #cc0000;
	          background-color: #ffffff;
	          padding: 5px;
	       
}

#prices th {	border: 1px solid #cc0000;
		color: #cc0000;
	  	font-size: 14px;
		background-color: #ffffff;
}  
 			
#prices td {    border: 1px solid #cc0000;
	        color:#cc0000; 
	   
}

#priceinfo li {font-size: 14px;
	      color: #663300;
	      text-align: left;
	      margin-left: 25px;	     
}


/*  SUBJECTS PAGE STYLING      SUBJECTS PAGE STYLING     SUBJECTS PAGE STYLING    SUBJECTS PAGE STYLING*/

#subjects { 
	    color: #663300;
	    background: #FFFFFF;
	    border-collapse: collapse;
	    margin-bottom: 20px;
  
}

table {margin-bottom: 20px;
       padding: 5px;
}

td {padding: 5px; 
    text-align: left;
} 



/*  SALES PAGE STYLING      SALES PAGE STYLING    SALES PAGE STYLING   SALES PAGE STYLING   */

.header4 {margin-left: 20px;
}

.pics { padding: 5px;
	margin-top: 5px;
	margin-left: 10px;
	margin-right; 10px;
	margin-bottom: 10px;
	
}


#toppicture {padding: 5px;
	     margin-top: 10px;
	     margin-left: 10px;
 	     margin-right; 10px;
	     margin-bottom: 10px;
}

.pics2 { margin-left: 5px;
	margin-right; 5px;
}

/* #doorsales li { color: #663300;
	        font-size: 14px;
	
}  */

.doorsales li {margin-right: 10px;

}  
		

#specials li {color:#663300;
	      font-size: 14px;
}

#semisale { padding: 5px;
	    margin-left:5px;
	    margin-right: 5px;
}

#special2 {padding: 5px;
	  margin-left: 5px;
	  margin-right: 5px;
}

.headerspecial {color: red;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	     
}  

 h3#discount {color: red;
	text-align: center;
}  


div#discount{color: red;
	border-style: solid;
	margin-left: 10px;
	margin-right: 10px;
} 


div#specialcollection {color: red;
	border-style: solid;
	margin-left: 10px;
	margin-right: 10px;
} 

.horizontalrule {color: red;
	border-style: solid;
	margin-left: 15px;
	margin-right: 15px;
}


.headerspecial2 {color: red;
          /* text-align: center;  */
           margin-left: 20px;
}  

#bot {margin-left: 20px;
} 

/* VOLUNTEERS PAGE STYLING   VOLUNTEERS PAGE STYLING     VOLUNTEERS PAGE STYLING   */

#voltop {margin-left: 10px;
	margin-right: 10px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.vols2 {margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}



/* SALESPHOTO PAGE STYLING 5/4/09      SALESPHOTO PAGE STYLING 5/4/09      SALESPHOTO PAGE STYLING 5/4/09  */



#photosheader {margin-top: 20px;
}

.salesphotos {padding:5px;

}

#back {margin-left: 20px;
       margin-bottom: 10px;
}
