/* CSS Document */
/* Algonquin Area Public Library District
Base Colors
#FFEBBF - cream background color
#6B4900 - brown, main table outline color, language/toolbar background
        - header background for Feature Programs
#6B1100 - maroon/red, category tab background, highlight on bottom of left sidebar
#991900 - red, background in top logo image
#5388A5 - bright blue, background below cupola
#00456B - blue, top banner, right fade to this blue, blue used for catalog
        - header background for Today @ the Library
#2E404A - dark gray/blue, used on left side navigation, first level
#425C6B - gray/blue, used on left side navigation, second level
#8B969B - light gray/blue, line below navigation items on side, square by navigation items
#EBF8FF - light blue background for today's event detail
*/

body {
   background-color: #FFEBBF; 
   background-image: url(images/page_background.gif);
   background-repeat: no-repeat;
   font-family: Arial, Helvetica, sans-serif;
   font-size: small; 
   margin-top: 4px;
   margin-left: 0px;
}

a:link, a:visited, a:active {
   font-weight: bold;
   color: #00456B;
   text-decoration: none;
	}
	
a:hover{
	text-decoration: underline;
}

/*
p, div, blockquote, li, td, span {
   font-family: Arial, Helvetica, sans-serif;
   font-size: small;
}
*/
td.main_body_left h1 {
   background-color: #6B4900;
   padding-top: 4px;
   padding-bottom: 4px;
   padding-left: 5px;
   padding-right: 0px;
   color: #FFFFFF;
   font-size: medium;
   margin: 0px;
   border: 0px;
   width: 360px;
}

td.main_body_left ul {
   margin-left: 10px;
   padding: 0px;
   font-size: medium; 
}

td.main_body_left ul li {
   margin-left: 10px;
   padding: 2px;
   padding-left: 5px;
   font-size: medium; 
}


h1 {
   padding-top: 4px;
   padding-bottom: 0px;
   padding-left: 5px;
   padding-right: 0px;
   color: #00456B;
   font-size: medium;
   font-size: 110%;
   letter-spacing: .1ex;
   font-weight: bold;
   margin: 0px;
   border: 0px;
}

h2 {
   padding-top: 4px;
   padding-bottom: 0px;
   padding-left: 5px;
   padding-right: 0px;
   color: #6B4900;
   font-size: medium;
   letter-spacing: .1ex;
   font-weight: bold;
   margin: 0px;
   border: 0px;
}
h3 {
   background-color: #6B1100;
   padding-top: 4px;
   padding-bottom: 4px;
   padding-left: 5px;
   padding-right: 30px;
   color: #FFFFFF;
   font-size: medium;
   margin: 0px;
   border: 0px;
   width: 160px;
}

div.side_menu_hide_show {
   padding-left: 10px;
   margin-top: 5px;
   color: #FFFFFF;
   font-weight: bold;
}
a.hide_show:link, a.hide_show:active, a.hide_show:visited {
   color: #FFFFFF;
   font-weight: normal;
   letter-spacing: .1em;
   font-size: 11px;
   text-decoration: none;
}

a.hide_show:hover {
   color: #FFFFFF;
   font-weight: bold;
   letter-spacing: .1em;
   font-size: 11px;
   text-decoration: none;
}
div.library_address {
   vertical-align: bottom;
   padding-top: 40px;
   padding-bottom: 10px;
} 
p.library_address {
   padding-left: 8px;
   padding-right: 8px;
   padding-bottom: 0px;
   color: #ffffff;
   font-weight: bold;
   letter-spacing: .1em;
   font-size: 12px;
}

table.table_home {
   margin-left: 5px;
   margin-top: 6px;
   border: 1px solid #6B4900;
   border-right: 2px solid #6B4900;
   padding: 0px;   
   width: 767px; 
   display: inherit;
}
td.banner_home {
   background-image: url(images/banner_background.jpg);
   background-repeat: no-repeat;
   background-color: #00456B;
   background-color: #FFFFFF;
   height: 90px;
}
div.banner_search {
   width: inherit;
   height: 90px;
   text-align: right;
   padding-right: 5px;
}
div.library_name {
   width: inherit;
   text-align: right;
   padding-right: 6px;
   font-family: "Times New Roman", Times, serif;
   font-size: 20px;
   letter-spacing: .2ex;
   color: #FFFFFF;
   margin-top: 5px;
}
div.site_search {
   width: inherit;
   text-align: right;
   padding-right: 0px;
   padding-bottom: 0px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: small;
   font-weight: bold;
   color: #FFFFFF;
   margin-top: 5px;
   margin-bottom: 0px;
}

div.indent_right {
   margin-left: 28px;
}
form.dropmenu {
   margin-top: 0px;
   margin-bottom: 0px;
   padding-top: 0px;
   padding-bottom: 5px;
}
.btnGo {
   width: 30px;
   height: 24px;
   background-image:url(images/search_button.gif);
   background-color: #00456B;
   padding: 0px;
   margin: 0px;
   border: 0px;
}
td.sidebar_footer {
   height: 30px;
   background-color: #6B1100;   
}
td.languages_footer {
   height: 30px;
   background-color: #6B4900; 
}
a.languages_link:link, a.languages_link:visited, a.languages_link:active {
   font-size: medium;
   font-weight: 600;
   text-decoration: none;
   color: #FFFFFF;
}
a.languages_link:hover {
   color: #FFDF98;
}
div.languages, div.toolbar {
   color: #FFFFFF;
   font-family: Arial, Helvetica, sans-serif;
   font-size: medium;
   font-weight: 600;
   padding-left: 8px;
   padding-right: 8px;
}
td.topnav_cell_font {
   border: 0px;
   border-top: 1px solid #00456B;
   border-right: 0px solid #DC9E92;
   border-bottom: 2px solid #000000;
   height: 30px;
   text-align: center;
   vertical-align: center;
   color: #FFFFFF;
}
a.smallfont:link, a.smallfont:visited, a.smallfont:active {
   font-family: Arial, Helvetica, sans-serif;
   color: #FFFFFF;
   font-size: 12px;
   font-weight: bold;
   text-decoration: none;
}
a.normalfont:link, a.normalfont:visited, a.normalfont:active {
   font-family: Arial, Helvetica, sans-serif;
   color: #FFFFFF;
   font-size: 14px;
   font-weight: bold;
   text-decoration: none;
}
a.largefont:link, a.largefont:visited, a.largefont:active {
   font-family: Arial, Helvetica, sans-serif;
   color: #FFFFFF;
   font-size: 16px;
   font-weight: bold;
   text-decoration: none;
}
div.topnav {
   background: #6B1100;
   height: 30px;
}
tr.topnav {
   background: #6B1100;
   height: 30px;
}
td.topnav_cell {
   border: 0px;
   border-top: 1px solid #00456B;
   border-right: 1px solid #DC9E92;
   border-bottom: 2px solid #000000;
   height: 30px;
   text-align: center;
   vertical-align: center;
   margin: 0px;
}
td.topnav_cell_active {
   border: 0px;
   border-top: 1px solid #00456B;
   border-right: 1px solid #DC9E92;
   border-bottom: 2px solid #000000;
   height: 30px;
   text-align: center;
   vertical-align: center;
   margin: 0px;
   background-color: #991900;
}
a.topnav_item:link, a.topnav_item:active, a.topnav_item:visited  {
   padding-left: 2px;
   padding-right: 2px;
   padding-top: 5px;
   padding-bottom: 5px;
   color: #FFFFFF;
   text-decoration: none;
   font-weight: bold;
   font-size: 12px;
   font-family:Arial, Helvetica, sans-serif;
   letter-spacing: .1ex;
}
a.topnav_item:hover {
   color: #DC9E92;
}
div.main_body {
   background-color: #FFFFFF;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   padding-top: 8px;
   padding-left: 5px;
   padding-right: 5px;
   padding-bottom: 8px;
   border: 0px;
   border-top: 0px;
/*   border-right: 2px solid #6B4900; */
}
table.main_body {
   background-color: #FFFFFF;
   width: 100%;
   border: 0px;
   border-top: 0px;
   border-bottom: 0px;
   border-right: 0px;
   border-left: 0px;
   margin: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-left: 0px;
   margin-bottom: 0px;
   padding: 0px;
}
td.main_body_2col {
   background-color: #FFFFFF;
   font-family: Arial, Helvetica, sans-serif;
   font-size: medium;
   padding: 0px;
   padding-right: 10px;
   padding-left: 0px;
   margin: 0px;
   margin-top: 0px;
   border: 0px;
   text-align: left;
   vertical-align: top;
   width: 100%;
   width: 585px;
 }
td.main_body_2col h1 {
   background-color: #6B4900;
   padding-top: 4px;
   padding-bottom: 4px;
   padding-left: 5px;
   padding-right: 0px;
   color: #FFFFFF;
   font-size: medium;
   margin: 0px;
   margin-top: 10px;
   border: 0px;
   width: 100%;
}

td.main_body_left {
   background-color: #FFFFFF;
   font-family: Arial, Helvetica, sans-serif;
   font-size: small;
   padding: 0px;
   padding-right: 10px;
   padding-left: 0px;
   margin: 0px;
   margin-top: 0px;
   border: 0px;
   text-align: left;
   vertical-align: top;
   width: 360px;
 }
td.main_body_left h2.feature {
   background-color: #6B4900;
   padding-top: 4px;
   padding-bottom: 4px;
   padding-left: 5px;
   padding-right: 0px;
   color: #FFFFFF;
   font-size: medium;
   margin: 0px;
   border: 0px;
   width: 360px;
   width: 355px;
}
div.feature_controls {
   font-size: 10px;
   font-weight: normal;
   text-align: right;
   align: right;
   padding: 0px;
   margin-top: 0px;
   width: 360px;
}
p.feature_controls {
   text-align: right;
   padding: 0px;
   padding-top: 4px;
   padding-right: 2px;
   margin: 0px;
   margin-bottom: 0px;
}
td.main_body_right {
   width: 225px;
   background-color: #FFFFFF;
   background-color: #EBF8FF;
   font-family: Arial, Helvetica, sans-serif;
   font-size: small;
   color: #000000;
   padding: 0px;
   margin: 0px;
   margin-top: 0px;
   text-align: left;
   vertical-align: top;
}
td.main_body_right h2 {
   background-color: #00456B;
   padding-top: 4px;
   padding-bottom: 4px;
   padding-left: 5px;
   padding-right: 5px;
   width: 100%;
   color: #FFFFFF;
   font-size: medium;
   margin: 0px;
   width: 225px;
}
div.main_body_right_content {
   background-color: #EBF8FF;
   height: 100%;
   font-size: small;
   width: 225px;
   padding-bottom: 8px;
}
div.main_body_right_content p {
   padding-left: 5px;
   padding-right: 5px;
}
td.main_body_left p {
   padding-left: 5px;
   padding-right: 5px;
   font-size: medium;
}

#feature_nav_link {
	color: #6B4900;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9px;
	font-weight : bold;
	vertical-align : text-top;
}
#feature_nav_text_left {
	float: right;
}
#feature_nav_text_ctr {
	float: right;
}
#feature_nav_text_rt {
	float: right;
}

a.feature_controls:link, a.feature_controls:hover, a.feature_controls:active, a.feature_controls:visited {
    text-decoration: none;
}
p.eVanced_event {
   font-family: Arial, Helvetica, sans-serif;
   font-size: small;
   padding-left: 3px;
   padding-top: 0px;
   padding-bottom: 0px;
   margin-bottom: 0px;
   margin-top: 3px;
}
p.eVanced_event a, p.eVanced_event a:link, p.eVanced_event a:visited {
   font-weight: bold;
   color: #00456B;
   font-size: medium;
   text-decoration: none;
}
p.eVanced_event a:hover {
   text-decoration: underline;
}

blockquote.eVanced_event {
   padding-left: 8px;
   padding-bottom: 0px;
   padding-right: 0px;
   padding-top: 0px;
   margin: 0px;
   font-size: small;
}

p.blog_block {
   font-family: Arial, Helvetica, sans-serif;
   font-size: small;
   padding-left: 3px;
   padding-top: 0px;
   padding-bottom: 0px;
   margin-bottom: 0px;
   margin-top: 3px;
   text-align: right;
}
p.blog_block a, p.blog_block a:link, p.blog_block a:visited {
   font-weight: bold;
   color: #00456B;
   font-size: medium;
   text-decoration: none;
}
p.blog_block a:hover {
   text-decoration: underline;
}

/* rss styles used in feed2js scripts */
.rss-box {
	 margin: 0px;
	 margin-bottom: 0px;
	 margin-left: -20px;
	 border: 0px;
	 padding-left: 0px;
	 padding-top: 0px;
	 padding-bottom: 0px;
	 
}
.rss-box p {
   padding: 0px;
   padding-top: 5px;
   margin: 0px;
}
.rss-items {
	margin-top:10px;
	margin-bottom: 5px;
	padding: 0px; 
	margin-left:0px;
	color:#000000;
	text-indent: 0px;
}
p.rss-title {
    margin-left: 0px;
    padding: 0em;
	padding-top: 1em;
}
.rss-title {
	font-size: medium;
	color: #000000;
	font-weight:bold;
	text-align: left;
}
ul.rss-items {
   text-indent: 0px;
}
.rss-item  {
  font-size: medium;
  list-style: none;
  margin-top: 1em;
  margin-bottom: .5em;
  padding: inherit;
  text-indent: 0px;
}

.rss-item a {
   font-weight: bold;
   color: #00456B;
   font-size: medium;
   text-decoration: none;
	}
	
.rss-item a:hover{
	text-decoration: underline;
}

.rss-date {
	font-size: 7pt;
	color: #000000;
}

div.copyright {
   color: #FFFFFF;
   font-size: small;
   text-align: left;
   padding-left: 8px;
}

/* Do not display printed footer division */
div.footer_print {
   display: none;
}
div.print_date {
   display: none;
}	
table.policies {
   font-size: 10pt;
   border: 1px solid #00456B;
   margin-left: 5px;
   width: 400px;
}
table.policies .btnclass {
   font-size: 10pt;
   color: #FFFFFF;
   background-color: #00456B;
   font-weight: bold;
}
table.policies table {
   font-size: small;
}
div.friends_quote {
   font-size: medium;
   font-weight: bold;
   text-align: right;
   background-color: #6B4900;
   color: #FFFFFF;
   padding-top: 4px;
   padding-bottom: 4px;
   padding-left: 5px;
   padding-right: 5px;
   margin: 0px;
   width: 225px;
}

.btnclass {
   background-color: #FFEBBF;
   color: #6B4900;
   font-size: medium;
   font-weight: bold;
   border: 2px solid #00456B;
}
tr.contrast {
   background-color: #FFF5DE;
}
div.highlight {
   background-color: #FFF5DE;
   border: 1px solid #6B4900;
}
div.cc_signup {
   background-color: #FFFFFF;
   border: 8px solid #EBF8FF;
   text-align: center;
   padding-top: 4px;
   padding-bottom: 4px;
   padding-left: 5px;
   padding-right: 5px;
   margin: 0px;
   margin-top: 4px;
   width: 209px;
}
.bookbackground {
   background-image: url(http://www.aapld.org/design/images/book_background.jpg);
   background-repeat: no-repeat;
}
.bookbackground_teens {
   background-image: url(http://www.aapld.org/design/images/book_background_teens.jpg);
   background-repeat: no-repeat;
}