html, body, #secondary {
	background: #fff;
	color: #000;
	margin: .2em;
	font-size: small;
    min-width: 480px;
	max-width: 599px;
	}
.wrap{	 
	  width: auto;
	  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{
      width: 100%;
  	  
	   float: left;
      padding: 1%;
	   padding-top: 1em;
	   font-family: Arial, "Lucida Grande", sans-serif;
      background-color: #fff;
	 }
#add{
  float: left; 
  font-size: .6em;
  width: 25%;
  line-height: 1.3em;
  padding: 1%;
  padding-top: 1%;
}
#headimg{
	width: 35%;	
    float: left;
    padding: 1% 1% 0 1%;
}
#rpl{
	display:none;
}
#rplpic{
 margin: 0 auto;
 padding-top: 2%;
 padding-left: 1%;
 height: 5em; 
 width: 8em;	
}
#hrs{
 float: left;
 width: 30%;
 padding: 1%; 
 padding-top: 2%;
 line-height: 1.3em;
 font-size: .7em;
}
#hrs span{
margin: 0 auto; 
width: 45%;
text-align: center; 
border: 1px solid navy;
}
	
/*horizontal menu */
div.mr{
   width: 100%;
   height: 2em;
   margin: .1em;
   }
ul.menurow {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 90%;
	 font-weight: bold;
    list-style-type: none;
	 height: auto;
	 width: auto;
  	 padding: .1em;
	 background-color: #eee;
	}
ul.menurow li {
	margin: 1px;
	float: left;
   width: auto;
	font-size: smaller;
	display: inline;
	padding: .2em;
   border-left: 1px solid #ccc;
  }
ul.menurow li a{
  padding-top:.2em;
  padding-right: .3em;
  text-decoration: none;
  color: navy;
}

 ul.menurow.top li a{
		font-size: 90%;
      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;
	}
.center{
   float: right;
   padding-top: 2em;
   margin: 0;
   width: 100%;
}


/* left center area */
.lc{
   float: left;
   padding: 1%;
   font-size: 1em;
   color: maroon;
   display: inline;
   width: 45%;
   min-width: 15em;
}   
/* right center area */
.rc{
  float: right;
  display: inline;
  color: navy;
  width: 45%;
  font-size: 1em;
  min-width: 10em;
}

ul.menurow li ul.hidden li{
	width: inherit;
	font-size:1em;
    height: 2em;
}
	
ol.special-img{
	  max-width: 100%;
	  height: 25%;
	  width: 25%;
	  border: thin solid #ddd;
	}
#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: 8em; 
	 height: 1em; 
	 float: left; 
	 padding-top: 0;
	 padding-left: 0;
   }
   */
#secondary #rplpic{
 padding: .2em;
 height: 4em; 
 width: 6em;	
}
#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 dl.secondarymenu{
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
   list-style-type: none;
   width: intrinsic;           /* Safari/WebKit uses a non-standard name */
   width: -moz-max-content;    /* Firefox/Gecko */
   width: -webkit-max-content; /* Chrome */
   max-width: 480px;
    margin-left: auto;
	margin-right: auto;
   border: 1px solid navy;
}
#secondary dl.secondarymenu dd{	
   float: left;
	border-left: thin solid #999;
	border-right: thin solid #999;
	padding: .1em;
	position: relative;
	margin: .5em;
  }
 #secondary dl.secondarymenu li a{
  background:  none; 
  display: block;
  float:left;	
  height: auto;
  text-decoration: underline;
  color: #DDD;
  padding-left:.5em;
}

#secondary .content{
	padding:0;
	margin:0;
	width: 100%;
	height: auto;
	float: right;
}	
#secondary #vertmenu{
	list-style-type: none;
	margin: .1% 0;
	padding: 0;
	width: 20%;
	border: 1px solid #9A9A9A;
	border-bottom-width: 0;
	float: left;
	display: block;
	border: thin solid maroon;
}	
#vertmenu li{	 
  text-align: center;
 padding-top: 1%;
 padding-bottom: 1%;
 border-bottom: 2px dotted navy;
}
#vertmenu li a, #vertmenu li b {
background: white url(vertcssmenu/glossyback3.gif) repeat-x bottom left;
font: bold .9em "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: navy;
display: block;
width: auto;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 1%;
text-decoration: none;
}
* html #vertmenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 15%;
font-size: .7em;
color: navy;
}
 #vertmenu li a:visited, #vertmenu li a:active{
color: #666;
}
#vertmenu li a:hover, #vertmenu li b:hover{
background-image: url(vertcssmenu/glossyback.gif);
border: thin solid black;
}
#secondary .cc{
      padding: 1%;
	  padding-top: 2em;
	  color: navy;
	  float: right;
	  width: 70%;
 }
 /* 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;
   }

#secondary #abmenu{
  text-align: center;
  color:#66C;
  font-size: 1em;
  font-family:Arial, Helvetica, sans-serif;
}
#secondary table.newitems{
	margin: 0 auto;
    width: 100%;
	padding-top: 5em;
	font-family:Arial, Helvetica, sans-serif;
	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;
	margin: 0 auto;	
	width: 80%;
	}
#secondary dl.circ{	
	 border: 2px solid teal; 
	 font-size: 1em; 
	 text-align: center;
   width: intrinsic;           /* Safari/WebKit uses a non-standard name */
    width: -moz-max-content;    /* Firefox/Gecko */
    width: -webkit-max-content; /* Chrome */
     margin-left: auto;
  	margin-right: auto;
	 }
#secondary .circ dt{
	color: maroon;
	font-size: 1.3em;
	padding: .2em;
	}
#secondary dl.info{
  color: navy;
  font-size: 1.2em;
  line-height: 1.1em;
  padding: .5em;
  padding-top: 1.3em;
}
#secondary dl.info dt{
color: maroon;
font-size: 1.5em;
padding: .2em;
}
#secondary dl.info dd{
  padding-top: .6em;
  padding-bottom: .6em;
  height: auto;
}
#secondary table.lib{
width: 100%;
}

#secondary .lib tr{
	height: auto;
	}
	
#secondary .lib td{
text-align: center;
margin: 0;
}
#secondary .lib td.photo{
width: 45%;
}
#secondary .lib tr td img{
display: none;
}
#secondary .lib tr td.text{
float: right;
font-size: 1.2em;
padding: .2em;
display:block;
}
#secondary dl.pol{
	font-size: 1.2em;
	color: maroon;
	line-height: 1.3em;
	text-align: left;
	padding-top: 1em;
	width: 95%;
	}
#secondary dl.pol dt{
	color: navy;
	font-size: 1.4em;
	text-align: center;
	padding: .5em;
	text-decoration:underline;
	margin:0;
}
#secondary dl.mrg{
	font-size: 1.1em;
	color: #060;
	text-align: center;
}
#secondary dl.mrg dt{color: navy;  font-size: 1.2em;}
#secondary dl.mrg dd{padding-bottom: .4em;}
#secondary dl.mrg dd em {color: maroon;}

#secondary table.photomenu, #secondary dl.photomenu{
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 1em;
  text-align: center;	
  margin: 0 auto;
  width: 90%;
}
#secondary table.photomenu th{color: maroon; font-size: 1.3em;
}
#secondary table.photos2{
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  text-align: center;	
  margin: 0 auto;
  width: 100%;
  }
 #secondary table.photos2 th{
	 font-size: 1.5em;
	 color: maroon;
	 padding: .5em;
 }
#secondary table.photos2 td{
	border: thin solid #393;
    padding: .3em;
	text-align: left;
	color: #900;
}
 #secondary img#ivy{
	 width: 18em;
	 height: 3em;
	 } 
 #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: 70%; 
	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;
	}
#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;
}
#secondary dd h4.lib{
	 margin: 0 auto;
	 border: thin solid blue; 
	 padding: 1em; 
	 margin: 1em;
	 width: 80%;
	}
#secondary dl.library img{
	border: thin solid #ccc; 
	padding: .2em; 
	margin: .4em;
}

#secondary .links{
width: 80%;  
padding: 1em;
text-align: center;
color: navy;
float: left;

}
/* footer */
#footer{
	width: 100%;
	height: auto;
     text-align: center;
	}
#contact{
 margin: 0;
 padding: 1%;
 font-weight: bold;
 font-size: .8em;
 text-align: center;
 color: #fff;
 height: auto;
 background-color: #669999;
 }
#contact p{
  margin: 0;
  padding: 0;
  color: #fee;
  text-align: center;
 }
#contact strong{
   color: #ffe;
   text-align: center;
   text-transform: uppercase;
   font-size: .8em;
   }
#contact a{
   margin: 0;
   padding: 1% 1%;
   font-weight: normal;
   color: #fee;
 }
 #contact a:hover {
     text-decoration: underline;
	 color: #CFF;
 }
 /* rpllinks page */
#secondary .links{
width: 70%;  
padding: 1em;
text-align: center;
color: navy;
float: left;
font-family: Arial, Helvetica, sans-serif;
}
#secondary div.links dl.info dt{
font-size: 1em;
}
#secondary div.notice{
width:75%; 
 margin: 0 auto;
}