html, body {
    background: #fff;
	color: #000;
	margin: .2em;
	font-size: small;
    max-width: 479px;
	}
.wrap{	 
	  width: auto;
	  height: auto;
	}
.header{
		height: auto;
  }
/* spacer classes */
.spacer2{
	height:2em;
}
.spacer{
	height:.5em;
}
/*ampersand format*/
span.amp{
  font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
  font-weight: normal;
  font-style: italic;
  font-size: 1.2em;
  }
/* clear floats*/
.clear:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.header{
      margin: 0 auto;
      width: 99%;
      padding: 1%;
	  padding-top: 1em;
      font-family: Arial, "Lucida Grande", sans-serif;
     }
#add{
  float: left; 
  font-size: .6em;
  width: 25%;
  line-height: 1.3em;
  padding: 1%;
  padding-top: 1%;
}
#headimg{
	width: 30%;	
    float: left;
    padding: 1% 1% 0 1%;
}
#rpl{
	display:none;
}
#rplpic{
 margin: 0 auto;
 padding-top: 2%;
 padding-left: 2%;
 height: 4em; 
 width: 6.5em;	
}
#hrs{
 float: left;
 width: 33%;
 padding: .5%; 
 padding-top: 2%;
 line-height: 1.3em;
 font-size: .7em;
}
#hrs span{
margin: 0 auto; 
width: 40%;
text-align: center; 
border: 1px solid navy;
}
/*
.mr{ width: 100%; background-color: #fff;}	
.menurow{display:block; float: left; height: auto; max-width: 310px; padding:.2em; border: thin solid navy;background-color: #fff;}
.menurow li{margin: 1px; font-size: 1em; padding: .3em;display: inline;}
.center{
   margin: 0;
   padding: 0;
   width: 100%;
}
*/
div.mr{
   width: 100%;
   height: 2em;
   margin: .1em;
   }
ul.menurow {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   	font-size: .9em;
	font-weight: bold;
    list-style-type: none;
	height: auto;
	width: 100%;
  	padding: .1em;
	background-color: #eee;
		}
ul.menurow li {
	margin: 1px;
	float: left;
    width: auto;
	font-size: smaller;
	display: inline;
	padding: .2em;
	padding-left: 11px;
    border: thin solid grey;
	background:url(cssmenu/greenball-10.png) no-repeat top left;
  }
ul.menurow li a{
  padding-top:.2em;
  padding-right: .3em;
  text-decoration: none;
  color: navy;
}
/*
ul.menurow.top li a{
		font-size: smaller;
        color: navy;
		}
		*/
li ul.hidden {
	display: none;
    }
ul.menurow li:hover{
  	color: blue;
	width: auto;
	text-decoration: underline;
}

.menurow li.current{
	color: blue;
    font-style:oblique; 
    border: thin dotted navy;
	}
.menurow.top li.current{
	color: blue;
    font-style:oblique; 
    border: thin dotted navy;
	}
/* left center area */
.cc{width: 100%;
    
  }
.lc{
   float: left;
   padding-left: 1%;
   font-size: 1em;
   color: maroon;
   display: inline;
   width: 40%;
   }   
/* right center area */
.rc{
  float: right;
  display: inline;
  color: navy;
  width: 40%;
  font-size: 1em;
  }

ol.special-img{
	  max-width: 100%;
	  height: 25%;
	  width: 25%;
	}
#vertmenu, #footer {
	display: none;
	}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	}
a:link, a:visited {
	text-decoration: underline;
	color: #000CCC;
	}
a:hover, a:active {
	text-decoration: underline;
	color: #660066;
	}
#secondary #header{
      margin: 0 auto;
     width: 100%;
	  height: 5%;
     padding: 1%;
	  padding-top: 0;
     }
#secondary #headimg{
    width: 20%;	
    float: left;
    padding-right: 1%;
   }
/*
#secondary #rpl{
  	 width: 9em; 
	 height: 1em; 
	 float: left; 
	 padding-top: 0;
	 padding-left: 0;
   }
   */
#secondary #rplpic{
 padding: 2% 10%;
 height: 3.5em; 
 width: 6em;	
 border-right: thin solid #ddd;
}
#secondary .headtitle{
	padding: 1%;
	width: 70%;
	font-family: Arial, Helvetica, sans-serif;
  float: right;
   top:0;
}
#secondary .headtitle h1{
	 font-size: 1.7em;
	 font-family:Georgia, "Times New Roman", Times, serif;
	 color: #690;
	 text-align: center;
	 padding-top: 1em;
}
#secondary .headtitle h3{
	color: maroon;
	font-size: 1em;
	text-align: center;
	margin: 0 auto;
	}
#secondary table.newitems{
	margin: 0 auto;
    width: 100%;
	padding-top: 5em;
	background-color: #FFF;
	}
#secondary table.newitems td{
	border: thin solid #36f;
	font-size: 1em;	
	text-align: left;
	line-height: 1.5em;
	padding: .35em;
}
#secondary table.newitems th{
	color: #36F;
	font-size: 1.5em;
	}
#secondary table.newitems td.author{
	font-weight: bold;
	font-size: 1em;
	width: 30%;
	color: maroon;
}
#secondary table.newitems td.title{
 font-weight: bold;
 font-size: 1em;
 color: maroon;
 width: 70%;
}
#secondary table.kidsmenu, #secondary dl.kidsmenu{
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  text-align: center;	
  margin: 0 auto;
  width: 50%;
}
#secondary table.kidsmenu th{color: blue; font-size: 1.1em;
}
#secondary table.kidsnewitems{
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  text-align: center;	
  margin: 0 auto;
  width: 100%;
  background-color:#fff;
  }
 #secondary table.kidsnewitems th{
	 font-size: 1.5em;
	 color: maroon;
	 padding: .5em;
 }
#secondary table.kidsnewitems td{
	border: thin solid #393;
    padding: .3em;
	text-align: left;
	color: #900;
}
#secondary table.kidsnewitems td.author{
	font-size: 1.1em;
    padding: .3em;
	text-align: left;
	color: navy;
}
#secondary table.kidsnewitems td.title{
	font-size: 1.1em;
    padding: .3em;
	text-align: left;
	color: navy;
}
#secondary dl.kidscontent{
	color: #066;
	font-size: 1.2em;
	text-align: center;
	padding: .3em;
	width: 95%;	
	}
 #secondary dl.circ{	
	 border: 2px solid teal; 
	 font-size: 1.2em; 
	 text-align: center;
	 width: 90%;
	 }

#secondary .circ dt{
	color: maroon;
	font-size: 1.3em;
	padding: .2em;
	}
#secondary #circ{	
	 border: thin solid teal; 
	 font-size: 1.2em; 
	 text-align: center;
	 width: 90%;
	 }
 #secondary img#ivy{
    display:none;	 
	 } 
 #secondary .cc h6{
	 font-size: 1.2em;
	 }
#secondary .cc ol li{
	font-size: 1.1em;
	padding: 1%;
	}
#secondary .cc ol li.first{
	color: #036;
	font-size: 2em;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	padding-bottom:2em; 
	}
#secondary ol.contacts, #secondary ol.contacts a,
	#secondary ol.cat, #secondary ol.cat a{
	color: maroon;
	width: 80%; 
	text-align: center;
}
#secondary .cc ol.contacts li.first, #secondary .cc ol.cat li.first{
	color: #660;
	font-size: 1.5em;
	line-height: 1.5em;
	text-decoration:underline;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom:0.5em;
	padding-top: 1em;
	}
	/* circulation page */
#secondary dl.circcontent{
	width: 90%;
	padding: .5em;
	font-size: 1.1em;
	line-height: 1.3em;
   text-align: center;
	margin: 0 auto;
	}
#secondary dl.circcontent dt
{
font-size: 1.5em; 
color: maroon;
padding: .4em;
}
#secondary dl.info{
  color: navy;
  font-size: 1.2em;
  line-height: 1.1em;
  padding: .5em;
  padding-top: 1.3em;
}
#secondary dl.info dt,#secondary dl.lib dt{
color: maroon;
font-size: 1.5em;
padding: .2em;
}
#secondary dl.info dd{
  padding-top: .6em;
  padding-bottom: .6em;
  height: auto;
}
/* rpl calendar settings */	
#secondary #calendar{text-align:center; width: 100%; padding: 1em;}
#secondary #calendar h5{text-align: left; font-size: 75%; padding-top: 1em; padding-bottom: 0.5em; color: maroon;}
#secondary #calendar a{color:#C30;}	
#secondary #calendar table{
	width: 99%;
	text-align:center;}
#secondary #calendar table caption{
	margin:2px; padding: .5em; font-size:2em; font-weight: bold; color:#066;
}
#secondary #calendar table tr#days td{
  color: maroon;
  font-size: large;
  font-weight: bold;
  border: 1px solid navy;	
}
#secondary #calendar table tr.alt{
	background-color: #FFC;
		}
#secondary #calendar table tr td{  
  vertical-align: top; 
  width: 13.5%;
  height: auto;
  padding:1%;
  vertical-align: top;
  background-color: transparent;
  text-align: center;
  border: 1px solid blue;
}
#secondary #calendar table tr td h6{
	text-align:center;
	font-size: 75%;
    color: #66C;	
}
#secondary #calendar table tr td h6.lib	
	{text-align: center;
	 font-size: 75%; 
	 color: #063;}
#secondary #calendar table tr td h5{
	color: maroon;
    text-align: left;
    top: 0px;
    font-size: small;
   }
/* rpllinks page */
#secondary .links{
width: 99%;  
padding: 1em;
text-align: center;
color: navy;
float: left;
	font-family: Arial, Helvetica, sans-serif;

}
#secondary div.links dl.info dt{
	font-size: smaller;
}