@charset "windows-1252";
		
/* green color #B4CFB1 */
/* old background green color #82A37E */

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

body {
  font:76% Verdana,Tahoma,Arial,sans-serif;
  line-height:1.4em;
  text-align:center;
  color:#3d6181;
  background: #6c87a2 url(../images/mainpage/page_bg.jpg) repeat-x; 
  }
	  
body.newarrivals {
  font:76% Verdana,Tahoma,Arial,sans-serif;
  text-align:center;
  color:#303030;
  background:#e8eaec;
  background-color:#529f92;
  } 
  
body.read {
  font:76% Verdana,Tahoma,Arial,sans-serif;
  text-align:center;
  color:#303030;
  background:#e8eaec;
  background-color:#006666;
  } 
  
body.friends {
  font:76% Verdana,Tahoma,Arial,sans-serif;
  text-align:center;
  color:#3d6181;
  background: #c4a881 url(../images/mainpage/page_bgfriends.jpg) repeat-x; 
  }
  
a {
  font-weight:bold;
  text-decoration:none;
  background-color:inherit;
  }

a:hover {
  text-decoration: underline;
  color: #DC143C; 
  background-color:inherit;
  }	  
  
a img {
  border:none;
  }

p {
  padding:0 0 1.6em 0;
  }			
  
p form { 
  margin-top:0; 
  margin-bottom:20px;
  }

img.left,img.center,img.right {
  padding:4px; 
  border:1px solid #a0a0a0;
  }
img.left {float:left; 
  margin:0 12px 5px 0;
  }			

img.center {
  display:block; 
  margin:0 auto 5px auto;
  }	 
  
img.right {
  float:right; 
  margin:0 0 5px 12px;
  }

h4 {
  font-size:14px;
  background-color:transparent;
  }

h2 {
  font-size:14px;
  padding-top:2px;
  color: #564b47;
  background-color:transparent;
  }

h3 {
  font-size:130%;
  padding-top:2px;
  color: #564b47;
  background-color:transparent;
  }

img {
  border: 0px;
  }	
  
.important {
  color: #CC0033;
  font-weight: bold;
  }
/**************** Header and navigation styles ****************/ 

.menulink {
  color:#467aa7;
  text-decoration: none; 
  padding-left: 8px;
  cursor: pointer;
  }

.link {
  color:#467aa7;
  text-decoration: none; 
  cursor: pointer;
  }

.biglink {
  font-size:12pt;
  color:#BB2828;
  text-decoration: none;
  font-weight: bold; 
  cursor: pointer;
  padding:10px 0px 10px 0px;
  }
 
.menutext {
  padding:0px 3px 0px 3px;
  }

.announcelink {
  color:#CC0033;
  text-decoration: none; 
  padding-left: 328px;
  cursor: pointer;
  text-align:right;
  font-weight: bold;
  font-style: italic;
  }
   
#page{
width:980px;
height: auto;
margin:10px auto auto auto;
padding:1px 0;
text-align:left;
background:#ffffff;
background-color:white;
color:#303030;
border:2px solid #a0a0a0;
border-style: groove;
} 

#header{
padding:1px 0px 0px 0px;
margin:0px 0px 1px 1px;
background:#467aa7;
color:#ffffff;
}

#frontphoto { 
display:block; 
margin:0 auto 0px auto;
border-right:1px solid #ffffff;
border-top:1px solid #ffffff;
border-left:1px solid #ffffff;
}

#toplogo { 
display:block; 
margin:0 auto 0px auto;
}

#header h2{
padding:0px 0px 0px 2px;
font-size:2.4em;
background-color:inherit;
color:#ffffff;
letter-spacing:-1px;
font-weight:normal;
}

#header h3{
padding:1px 0px 5px 8px;
font-size:1em;
background-color:inherit;
color:#ffffff;
margin:0 0px 0px 14px;
letter-spacing:-1px;
font-weight:normal;
}

#navigation{
font-size:1em;
height:2.2em;
line-height:2.2em;
margin:0 1px;
background:#578bb8;
overflow: hidden;
}

#navigation li{
font-size:1em;
float:left;
list-style-type:none;
border-right:1px solid #ffffff;
white-space:nowrap;
}

#navigation li a{ 
white-space: no-wrap;
display:block;
padding:0 8px 0 8px;
font-size:0.8em;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
background-color:inherit;
color: #ffffff;
}

#navigation a:hover{
background:#80b0da;
color:#ffffff;
text-decoration:none;
}

#navigation .selected a{
background:#ffffff;
color:#578bb8;
text-decoration:none;
}



#maincontent {
  padding:2px;
  text-align:center;
  margin:9px 9px auto 9px;
  background-color:#ffffff;
  }
  
#maincontent IMG{
  display:block;
  padding:0px;
  text-align:center;
  background-color:#ffffff;
  }

#newsmaincontent {
  margin:29px 0px 0px 0px;
  padding:2px;
  text-align:center;
  background-color:#ffffff;
  }

#announcemaincontent {
  margin:10px 10px 0px 10px;
  padding:22px;
  text-align:center;
  background-color:#ffffff;
  }

#announcemaincontent IMG {
  margin:10px 10px 0px 10px;
  padding:22px;
  text-align:center;
  background-color:#ffffff;
  }
  
#newarrivalslp {
  margin:9px 120px 0px 120px;
  padding:2px;
  text-align:center;
  background-color:#ffffff;	
  font:120% Verdana,Tahoma,Arial,sans-serif;
  }

#newarrivals {
  margin:9px 120px 0px 120px;
  padding:2px;
  text-align:center;
  background-color:#ffffff;	
  font:100% Verdana,Tahoma,Arial,sans-serif;
  }  

#newarrivalsbox {
  margin:9px 220px 0px 220px;
  padding:12px;
  text-align:center;
  background-color:#B4CFB1;	
  font:120% Verdana,Tahoma,Arial,sans-serif;
  border:2px solid #467aa7;
  border-style: groove;
  }

#readinglists {
  margin:9px 120px 0px 120px;
  padding:2px;
  
  text-align:left;
  background-color:#ffffff;	
  font:100% Verdana,Tahoma,Arial,sans-serif;
  }

#readinglists a {
  color:#467aa7;
  }

#readinglists a:hover {
  color:crimson;
  }
  
.box {
  text-align:center;
  padding:3px;
  background-color:#E2ECE1;
  text-decoration: none; 
  }	

.box a {
  color:#467aa7;
  text-decoration: none; 
  }
  
.box a:hover {
  color:crimson;
  }

#newarrivals h3 {
  color:#564b47;
  font:176% Verdana,Tahoma,Arial,sans-serif; 
  }
  	


#seniorcontent {
  padding:12px;
  text-align:left;
  margin:9px 9px 9px 219px;
  background-color:#ffffff;
  }

#seniorcontent IMG{
  padding:6px;
  margin:9px 9px 9px 180px;
  background-color:#ffffff;
  }
  
#menu {
  display: block;
  clear: left;
  float: left;
  width: 200px;
  list-style:none;
  margin:10px 0px 10px 3px;
  padding:0px;
  color:#505050;
  line-height:1.5em;
  background-color: #F0F7FE;
  border: 2px solid #BCDFFF;
  }	
  
#searchcatalog {
  margin:0 0 5px 0;
  padding:3; 
  height:25px; 
  background: url(images/labels/searchcatalog.gif) no-repeat;
  }

#onlinedatabases {
  margin:10px 0 5px 0;
  padding:3; 
  height:25px; 
  background: url(images/labels/onlinedatabases.gif) no-repeat;
  }

#libraryservices {
  margin:10px 0 5px 0;
  padding:3; 
  height:25px; 
  background: url(images/labels/quicklinks.gif) no-repeat;
  }
   
#libraryinformation {
  margin:20px 20px 10px 220px;
  padding:0px;
  }

#libraryinformation h1{
  font-size:1.2em;
  color:#832035; 
    padding:0px;
  }

#libraryinformation p{
   padding:0px;
  }
     
#directions {
  margin:20px 20px 10px 220px;
  padding:0px;
  }

#directions h1{
  font-size:1.2em;
  color:#832035; 
    padding:0px;
  }

#directions h2{
  font-size:1.0em;
  padding:0px;
  }

#directions p{
   padding:0px 0px 0px 15px;;
  }    
  
#menu a:hover {
  display: block;
  color:#E2ECE1;
  font-weight:bold;
  text-decoration:none;
  background-color:#467aa7;
  padding-left: 8px;
  cursor: pointer; 
  }
  
#menu a {
  display: block;
  color:#467aa7;
  font-weight:bold;
  text-decoration:none;
  background-color:inherit;
  padding-left: 8px;
  cursor: pointer; 
  }	
  
#sidebar {
  Float: right;
  width: 200px;
  text-align:center; 
  margin:10px 3px 10px 0px; 
  padding:0px;
  display: block;
  list-style:none;
  color:#505050;
  line-height:1.5em;
  background-color: #F0F7FE;
  border: 2px solid #BCDFFF
  }

#program {
  margin:0 0 2px 0;
  padding:3px; 
  height:20px; 
  background: url(images/labels/calevents.gif) no-repeat;
  }
    
#gallery {
  margin:0px 0 5px 0;
  padding:3px; 
  height:25px; 
  background: url(images/labels/gallery.gif) no-repeat;
  }	

#question{
  text-align:left;
  font-size:0.9em;
  padding:20px 0 0 50px;
  }	 

  
  /**************** Footer styles ****************/

#footer {
text-align:center;
clear:both;
width:99.7%;
padding:1px 1px 0px 0px;
margin:12px 1px 0px 1px;
font-size:0.9em;
color:#f0f0f0;
background:#467aa7;
}

#footer p{padding:1px 1px 0px 0px; margin:0; text-align:center;}
#footer a{color:#f0f0f0; background-color:inherit; font-weight:bold;}
#footer a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}