p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	margin-top: 0px;
}
	
img {
	border:0px;
	margin:0px;
	}
	
form {
	margin:0px;
	}
	
input, select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-top:3px;
	margin-bottom: 3px;
	}
a:link {
	color:#336699; text-decoration: none;
}

a:visited {
	color:#336699; text-decoration: none;
}

a:hover, a:visited:hover {
	color:#336699; text-decoration: underline;
}

.normal {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	margin-top:0px;
	}

.smaller {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666;
	margin-top:0px;
	}
	
.xx-small {
	font-family:Arial, Helvetica, sans-serif;
	font-size:8px;
	color:#666;
	margin-top:0px;
	}	
	
.bigger {
	font-size:12px;
	}	

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:17px;
	color: #3C4070;
	margin-bottom: 10px;
	margin-top: 20px;
}


h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:17px;
	color: #3C4070;
	margin-bottom: 10px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	line-height:17px;
	color: #3C4070;
	margin-bottom: 10px;
}

div.banner { 
   background-color: #a4b5e7;
   margin-top: 0px;
   margin-bottom: 0px;
   padding: 0px;
   width: 100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
/* remove above if pages are ill-formed */
   margin-top: 0px;
   margin-bottom: 0px;
   margin-right: 0px;
   margin-left: 0px;
   padding: 0px;
   background-image: url("http://www.barringtonarealibrary.org/includes/design_images/page_background4.gif"); 
   background-repeat: repeat; 
   background-color: #ffffff; 
}

table.banner {
   background-image: url("http://www.barringtonarealibrary.org/includes/design_images/banner_background.gif"); 
   background-repeat: repeat-x; 
   margin-top: 0px;
   margin-left: 0px;
   margin-bottom: 0px;
   margin-right: 0px;
   padding: 0px;
}

td {
	padding-right: 10px;
	padding-left: 20px;
	font-size: 12px;
}

td.padding_none {
   padding: 0px;
}
td.banner_bottom_line {
   border: 0px;
   padding: 0px;
   border-bottom: 1px solid #336699; 
/*   border-bottom: 0px solid #ffffff; */
}
tr.search_gradient {
   background-image: url("http://www.barringtonarealibrary.org/includes/design_images/search_gradient_divider.gif");
   background-repeat: repeat-y; 
}
hr {
   color: #BFBE8F;
}
div.search_banner {
/*   background-color: #BFBE8F; */
   background-image: url("http://www.barringtonarealibrary.org/includes/design_images/1Home_GradientBanner.gif"); 
   background-repeat: repeat-y; 
/*   width: 586px; */
/*   height: 30px; */
/*   margin-left: -19px; */
/*   margin-right: -10px; */
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   text-align: right;
   padding: 0px;
   padding-right: 10px;
}
span.search_banner_text {
   vertical-align: middle;
}
table.home_headlines {
   border: 0px;
   padding: 0px;
}
td.home_headlines {
   padding: 0px;
   vertical-align: top;
}
h2.home_headline {
   background-color: #3C4070;
   color: #DFDEC7;
   height: 27px;
   margin-right: inherit;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   text-align: left;
   padding: 5px;
   padding-right: 10px;
   padding-left: 10px;
   border-left: 1px solid #A4B5E7;
   width: 285px;
}
div.home_highlight {
   background-color: #DFDEC7;
   color: #666666;
   margin-top: 0px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
   text-align: left;
   padding: 5px;
   padding-right: 10px;
   padding-left: 10px;
   height: 100%;
   float: right;
   width: 285px;
}
h2.home_circheadline {
   background-color: #3C4070;
   color: #A4A37B;
   height: 27px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   text-align: left;
   padding: 5px;
   padding-right: 10px;
   padding-left: 26px;
   width: 269px;
}
div.home_circhighlight {
   background-color: #DBE1F5;
   color: #666666;
   margin-top: 0px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
   text-align: left;
   padding: 5px;
   padding-right: 10px;
   padding-left: 26px;
   height: 100%;
   float: left;
   width: 269px;
}

div.footer {
   margin-top: 20px;
   margin-left: -16px;
   margin-right: -10px;
   margin-bottom: 0px;
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 10px;
   padding-bottom: 0px;
   font-size: xx-small;
   border-top: 1px solid #336699;
}
p.footer {
   font-size: xx-small;
}
div.footer2 {
   margin-top: 20px;
   margin-left: -10px;
   margin-right: 0px;
   margin-bottom: 0px;
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 8px;
   padding-bottom: 0px;
   font-size: xx-small;
   border-top: 1px solid #336699;
   background-color: #D1DAF3;
   width:750px;
}
p.footer2 {
   font-size: xx-small;
}

div.font_change {
   text-align: left;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   height: 20px;
   color: #000000; 
   border: 0px;
   padding-top: 10px;
   padding-bottom: 2px;
   margin-bottom: 0px;
   margin-right: 10px;
   padding-right: 0px;
}
div.font_change2 {
   text-align: center;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   height: 20px;
   color: #000000; 
   border: 0px;
   padding-top: 10px;
   padding-bottom: 2px;
   margin-bottom: 0px;
   margin-right: 10px;
   padding-right: 0px;
   margin-left: 10px;
}
div.font_change2 a, div.font_change2 a:link, div.font_change2 a:visited, div.font_change2 a:hover, div.font_change2 a:active {
   color: #3C4070;
}
div.font_change2 font.size1 {
   font-size: 11px;
}
div.font_change2 font.size2 {
   font-size: 13px;
}
div.font_change2 font.size3 {
   font-size: 15px;
}
div.slideshow {
   margin-top: 20px;
   float: right;
}
div.slideshow2 {
   margin-top: 20px;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   float: right;
   width: 190px;
   height: 210px;
   background-color: #A4B5E7;
   color: #3C4070;
   text-align: center;
   padding-top: 0px;
   padding-bottom: 0px;
}
td.slideshow2 {
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   background-color: #A4B5E7;
   color: #3C4070;
   padding-left: 5px;
   padding-top: 0px;
}
td.slideshow2 a {
   text-decoration: none;
}

td.slideshow2 a:link {color: #3C4070; text-decoration: none;}
td.slideshow2 a:visited {color: #3C4070; text-decoration: none;}
td.slideshow2 a:hover {color: #3C4070; text-decoration: underline;}
td.slideshow2 a:active {color: #3C4070; text-decoration: none;}

div.right_feature {
   float: right;
   margin: inherit;
   margin-top: 20px;
   padding: 10px;
   background-color: #E5E5D2;
   width: 210px;
}
p.eVanced_event a, p.eVanced_event a:link, p.eVanced_event a:visited {
   font-weight: bold;
   color: #3C4070;
}
blockquote.eVanced_event {
   margin: 3px;
   padding: 0px;
}