/*********************************
LITTLETON PUBLIC LIBRARY - (C)2010
*********************************/

/************
GENERAL
************/

body { 
   font-family: arial, helvetica, verdana, sans-serif; 
   height: 100%; 
   background-color: #713F36;
   }

* { 
   margin: 0px;
   padding: 0px; 
   }

a:link { 
   color: #713F36; /*red*/
   font-weight: bold; 
   text-decoration: none;
   }
   
a:visited { 
   color: #713F36;
   font-weight: bold; 
   text-decoration: none; 
   }
   
a:hover { 
   color: #ba8f88; /*blue*/
   font-weight: bold; 
   text-decoration: none; 
   }
    
.clearfloats { 
   clear: both; 
   }
     
p {
   color: #000000;
   font-size: .9em;
   padding: 0 20px 1em 0;
   margin-left: 10px;
   }
     
p span {
   font-weight: bold;
   }   
   
img {
   border: 0;
   }   
    
ul { 
   padding: 0px 10px 14px 10px;
   margin-left: 30px;
   list-style-type: disc;
   list-style-position: outside;
   }   
   
li {
   font-size: .9em;
   font-weight: normal;
   margin: 0px 0px 3px 5px;
   }    
     
/******************
HEADINGS
******************/     
   
h1 {
   color: #713F36;
   font-size: 1.1em;
   font-weight: bold;
   margin: 12px 0px .5em 15px;
   text-transform: uppercase;
   }   
     
h2 {
   color: #000;
   font-size: 1em;
   font-weight: bold;
   margin: 6px 0px 3px 25px;
   }   

   
/****************
CONTAINER
****************/

#page_container {
   margin-right: auto;
   margin-left: auto;
   margin-top: 10px;
   width: 800px;
   background: #fff;
   border: 1px solid #000;
   padding: 0;
   }
   
/*****************
HEADERS
*****************/
 
#header_index,
#header_adults,
#header_children,
#header_friends,
#header_links,
#header_depts,
#header_contact,
#header_about {
   width: 800px;
   height: 200px;
   background: url(../pix/headers/library.jpg) no-repeat 0 0;
   }
   
#header_adults {
   background: url(../pix/headers/adult_books.jpg) no-repeat 0 0;
   }   
   
#header_children {
   background: url(../pix/headers/childrens_room.jpg) no-repeat 0 0;
   }  
   
#header_friends {
   background: url(../pix/headers/books.jpg) no-repeat 0 0;
   }  
   
#header_links {
   background: url(../pix/headers/computers.jpg) no-repeat 0 0;
   }  
   
#header_depts {
   background: url(../pix/headers/reading_room.jpg) no-repeat 0 0;
   }  
   
#header_contact {
   background: url(../pix/headers/childrens_computers.jpg) no-repeat 0 0;
   }  
   
#header_about {
   background: url(../pix/headers/childrens_books.jpg) no-repeat 0 0;
   }  
   
#logo {
   border: 0;
   margin: 30px 0 8px 20px;
   } 
    
p.header_txt {
   font-size: 13px;
   font-weight: bold;
   margin: 0 0 6px 20px;
   padding: 0;
   }      
       
   
/*****************
BOTTOM OF PAGES
*****************/
   
#footer {
   font-size: .7em;
   margin-top: 10px;
   padding-top: 8px;
   text-align: center;
   color: #000;
   border-top: 1px solid #000;
   width: 800px;
   }            
           
/***************
CONTENT
***************/
   
#left {
   float: left;
   width: 500px;
   margin: 10px 10px 10px 15px;
   /*ie*/
   _margin: 10px 5px 10px 10px;
   }   
   
#right {
   float: left;
   margin: 10px 0 10px 0;
   }        
   
#right img {
   border: 1px solid #ccc;
   }   
         
.left_box {
   border: 1px solid #ccc;
   width: 480px;
   margin-bottom: 6px;
   }   
   
.left_box h1 {
   margin: 0 0 8px 0;
   width: 460px;
   background: #d6d2d1;
   padding: 6px 10px;
   border-bottom: 1px solid #ccc;
   font-weight: normal;
   color: #fff;
   }   
   
.rgt_box {
   background: #b5c0a8;
   color: #fff;
   width: 250px;
   margin-top: 10px;
   }  
   
.rgt_box h1 {
   color: #fff;
   margin: 0;
   padding: 4px 0 4px 10px;
   } 
      
   
/*************
FORMS
*************/

#contact {
   font-family: verdana, helvetica, sans-serif;
   font-size: .8em;
   width: 550px;
   padding: 20px 0 20px 25px;
   margin: 0 0 10px 40px;
   border: 1px solid #000;
   background: #ccc;
   }
   
.formitem {
   margin-bottom: 10px;
   }    
                        
.disclaimer { 
   font-size: .8em;
   font-style: italic;
   margin-left: 20px;
   }   
       
#ill_form {
   margin: 0px 0 10px 20px;
   font-size: .8em;
   }     
   
#ill_form p {
   margin: 0;
   font-size: 1em;
   font-weight: bold;
   color: #b5c0a8;
   }   
   
#bookcatalog {
   margin: 0 0 12px 10px;
   }   
   
.bookcatalog_item {
   margin: 3px 0;
   padding: 10px 6px 6px 3px;
   border-top: 1px dashed #ccc;
   }   
   
.bookcatalog_item p {
   padding: 0;
   }   
   
.bookcatalog_item p span {
   font-weight: normal;
   text-transform: capitalize;
   }   
   
              

/*********
NAVIGATION
**********/
       
#nav {
   margin: 0 0 0 0;
   width: 794px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   font-size: 16px;
   text-align: center;
   padding: 3px 0 1px 6px;
   /*ie*/
   _padding: 2px 0 2px 6px;
   }
         
#nav a:link { 
   color: #fff; 
   }

#nav a:visited { 
   color: #fff; 
   }

#nav a:hover {
   background: #713F36;
   color: #fff;
   }  
   
#nav a { 
   text-decoration: none; 
   font-weight: bold;
   float: left;
   display: block;
   height: 20px;
   padding: 12px 6px 6px 6px;
   margin-left: 6px;
   /*ie*/
   _margin-left: 2px; 
   }
      
#nav ul { 
   list-style: none;
   padding: 0; 
   margin: 0; 
   }    
                     
#nav li, #nav li li { 
   float: left;
   border: 0;
   position: relative;
   font-size: .8em;
   }
        
li>ul { 
   top: auto; 
   left: auto; 
   }

#nav ul li li { 
   display: block;
   float: none;
   border: 0;
   width: 130px;
   }
         
li:hover ul, 
li.over ul { 
   display: block 
   }
             
li ul { 
   display: none;
   position: absolute;
   top: 38px;
   left: -20px;
   padding: 2px 2px 8px 2px;
   background-color: #000;
   border-bottom: 3px solid #000;
   }   
      
#nav ul li ul li a {
   padding: 8px 4px 4px 4px;
   margin: 2px;
   width: 89%;
   height: 16px;
   display: block;
   font-size: 11px;
   font-weight: normal;
   }      
   
#nav ul li ul li.big_nav a {
   padding: 4px;
   margin: 2px;
   width: 89%;
   height: 26px;
   display: block;
   font-size: 11px;
   font-weight: normal;
   }   
      
#nav ul li ul li a:hover {
   background: #713F36;
   color: #fff;
   }   
      

/* fix for IE6 bug 
li a { 
   background-color: #000; 
   }
*/    
      
   #separator {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #D6D2D1;
	clear: both;
}