/*
================================================
Default Styles For: Hamilton East Public Library
================================================
*/

/*
===========
HTML STYLES
===========
*/
html {
/*	margin:0;
	padding:0; */
	height:100%;
}
body {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	background-color: #d1c0b1;
	background-image: url(../images/bkgrd-grad.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin-top: 20px;
	height:100%;
}
select, option {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
}
p {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:16px; /* was 12px */
	color:black;
	margin-top:5px;
	margin-bottom:10px;
}
p.red {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#a93e2f; /* Deep Red A93E2F */
	margin-top:5px;
	margin-bottom:10px;
}
h1 {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:18px;
	color: #a93e2f; /* Deep Red A93E2F */
	margin-top:0px;
	margin-bottom:0px;
}
h2 {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:15px;
	color: #a93e2f; /* Deep Red A93E2F */
	margin-bottom:0px;
	margin-top:0px;
	text-transform: uppercase;
}
h3 {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color: #a93e2f; /* Deep Red A93E2F */
	margin-bottom:0px;
	margin-top:0px;
}
a:link, a:visited {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	/* font-size:12px; */
	color: #a93e2f; /* Deep Red A93E2F */
	text-decoration: underline;
}
a:hover {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	/* font-size:12px; */
	color: #94946F; /* Sage Green 94946F */
}
a:active {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	/* font-size:12px; */
	color: #a93e2f; /* Deep Red A93E2F */
	text-decoration: underline;
}

hr {
	width:100%;
	height:4px;
	color: #A93E2F; /* Deep Red A93E2F */
}
label {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	color: black;
}
ul.nostyle {
	list-style-type: none;
}

dt {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;	
	color: #000000; /* was Deep Red A93E2F */
	margin-bottom:5px;
	margin-top:0px;
}

dd {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
/*	font-size:15px;
	font-weight:bold;	
	color: #a93e2f; */ /* Deep Red A93E2F */
	margin-bottom:10px;
	margin-top:0px;
}

table.80 {
    table-layout: fixed;
    width: 10%;
    border: 1px;
}

tr.gray {
   background-color: #999999;
}

p.head {
	color: #990000;
	text-transformation: uppercase;
	text-decoration: none;
	margin-left: 0em;
	font-weight: bold;
	}
	
ol.lower-alpha {
        list-style-type:lower-alpha;
        }	

/*
==============
PAGE STRUCTURE
==============
*/
.wrapper {
	width: 980px; /*originally was 980px, sep 16, 2009 */
	min-height:960px; /*ff*/
	height: auto !important; /*ie7 */
	margin-left: auto;
	margin-right: auto;	
}
.shadowleft {
	background-image: url(../images/shadow-left.png);
	background-repeat: repeat;
	width: 10px;
	height:100%;
}
.shadowright {
	background-image: url(../images/shadow-right.png);
	background-repeat: repeat;
	width: 10px;
	height:100%;
}
.contentbkgrd {
	width: 960px; 
	height:100%;
	background-color: white;	
}
/* Used to create a gutter space between content and edge of white space */
.contentspacer {
	width: 940px;
	height:100%;
	background-color: white;
	margin-right: 10px;
	margin-left: 10px;
}
/* Home Page Header */
.cnt_homehead {
	width:940px;
	height:279px;
	float:left;
	background-color: white;
}
.cnt_homehead1 {
	width:480px;
	height:28px;
	float:left;
	background-image:url(../images/home_head_01.gif);
}
.cnt_homehead2 {
	width:460px;
	height:28px;
	float:right;
	background-image: url(../images/home_head_02.gif);	
}
.cnt_homehead3 {
	width:480px;
	height:52px;
	float:left;
	background-image: url(../images/home_head_03.gif);	
}
.cnt_homehead4 {
	width:460px;
	height:52px;
	float:right;
	background-image: url(../images/home_head_04.gif);	
}
.cnt_homehead5 {
	width:480px;
	height:199px;
	float:left;
	background-image: url(../images/home_head_05.jpg);	
}
.cnt_homehead6 {
	width:460px;
	height:199px;
	float:right;
	background-image: url(../images/home_head_06.jpg);	
}
/* Inside Page Header */
.cnt_insidehead {
	width:940px;
	height:186px;
	float:left;	
}
.cnt_insidehead1 {
	width:640px;
	height:28px;
	float:left;
	background-image:url(../images/inside_head_01.gif);
	background-repeat: no-repeat;
}
.cnt_insidehead2 {
	width:92px;
	height:28px;
	float:left;
	background-image:url(../images/inside_head_02.jpg);
	background-repeat: no-repeat;
}
.cnt_insidehead3 {
	width:208px;
	height:28px;
	float:left;
	background-image:url(../images/inside_head_03.gif);
	background-repeat: no-repeat;
}
.cnt_insidehead4 {
	width:640px;
	height:52px;
	float:left;
	background-image:url(../images/inside_head_04.gif);
	background-repeat: no-repeat;
}
.cnt_insidehead5 {
	width:92px;
	height:52px;
	float:left;
	background-image:url(../images/inside_head_05.jpg);
	background-repeat: no-repeat;
}
.cnt_insidehead6 {
	width:208px;
	height:52px;
	float:left;
	background-image:url(../images/inside_head_06.jpg);
	background-repeat: no-repeat;
}
.cnt_insidehead7 {
	width:640px;
	height:106px;
	float:left;
	background-image:url(../images/inside_head_07.gif);
	background-repeat: no-repeat;
}
.cnt_insidehead8 {
	width:92px;
	height:106px;
	float:left;
	background-image:url(../images/inside_head_08.jpg);
	background-repeat: no-repeat;
}
.cnt_insidehead9 {
	width:208px;
	height:106px;
	float:left;
	background-image:url(../images/inside_head_09.jpg);
	background-repeat: no-repeat;
}
/* Main Navigation */
.cnt_main_nav {
	width:940px;
	height:44px;	
	float:left;
}
.main_nav {
	width:938px;
	height:30px;
	float:left;
	border: 1px solid #d1c0b1; /* Warm Gray */
}
.main_nav_shadow {
	width:940px;
	height:6px;
	float:left;
	background-image:url(../images/main_nav_shadow.gif);
	background-repeat: repeat-x;
}
/* Quick Links */
.cnt_quicklinks {
	width:200px;
	height:26px;
	float:right;
}

/* Table for Content Area Columns */
.content_tbl {
	width:940px; 
	height:100%;
	margin-top:3px;
	margin-bottom:1px;
	float:left;
}
.col_left {
	width:150px;
	height:100%;
	vertical-align:top;
}
.col_spacer {
	width:10px;
	height:100%;
}
.col_center {
	width:540px;
	height:100%;
	vertical-align:top;
}
.col_right {
	width:230px;
	height:100%;
	vertical-align:top;
}
.col_inside_right {
	width:780px;
	height:100%;
	vertical-align:top;
}
/* END: Table */

.cnt_topics {
	width:148px;
	height:auto;
	background-color: #c9c9b7; /* This color is unique to topics */
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	border: 1px solid black;
}
/* Left Column Ads */
.cnt_ad150x80 { 
	width:150px;
	height:auto; /*was 80px; */
	margin-top:5px;
	margin-bottom:5px;
	float:left;
}
/* Right Column Ads */
.cnt_ad230x86 { 
	width:230px;
	height:86px;
	margin-top:10px;
	float:left;
}
.cnt_news {
	width:538px;
	height:98px; /*was 98px*/
	border: 1px solid #d1c0b1; /* Warm Gray */
	background-color: #efefea; /* This color is unique to news */
	margin-bottom: 12px;
}
.cnt_newslg {
	width:538px;
	height:150px; /*was 98px*/
	border: 1px solid #d1c0b1; /* Warm Gray */
	background-color: #efefea; /* This color is unique to news */
	margin-bottom: 12px;
}
.cnt_newspic {
	width:78px;
	height:60px;
	float:left;
	text-align:center;
	margin-top: 20px;	
}
.cnt_newstext {
	width:460px;
	height:78px;
	float:right;
}
.cnt_programs {
	width:538px;
	height:auto;
	border: 1px solid #d1c0b1; /* Warm Gray */
	margin-bottom: 10px;
}
.cnt_searchbox {
	width:228px; 
	height:218px; /* was 198px */
	border: 1px solid black;
	background-color:#FFF4DA; /* Light Cream */
	float:left;
}
.cnt_searchboxtitle {
	width:228px; 
	height:29px;
	background-image:url(../images/bkgrnd-search-title.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #A93E2F; /* Deep Red */
	float:left;
}
.cnt_catalogsearch {
	width:195px;
	height:120px; /* was 60px */
	margin-top:22px;
	margin-left:22px;
	/* float: left; */
}
.cnt_sitesearch {
	width:195px;
	height:60px;
	margin-top:22px;
	margin-left:22px;
}
.cnt_srchdiv {
	width:196px;
	height:1px;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:22px;
}
.searchform {
	display:inline;
}
.cnt_footer {
	width:940px;
	height:77px;
	margin-left: auto;
	margin-right: auto;
	color: #FFF4DA; /* Light Cream */
	background-color: #94946F; /* Sage Green */
	float:left;
}
.footerleft {
	background-image: url(../images/footer-left.gif);
	height: 77px;
	width: 9px;
	float:left;	
}
.footerright {
	background-image: url(../images/footer-right.gif);
	height: 77px;
	width: 9px;
	float:left;
}
.fcontent {
	width:922px;
	height:77px;
	float:left;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color: #FFF4DA; /* Light Cream */
	background-color: #94946F; /* Sage Green */
}
.cnt_address1, .cnt_address2 {
	width:280px;
	height:77px;
	float:left;
}
.cnt_hours {
	width:360px;
	height:77px;
	float:left;	
}
.cnt_vertbar {
	width:1px;
	height:77px;
	float:left;
}
.cnt_nav2	{
	width:450px;
	height:14px;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color: black;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 40px;
	float:left;
}
/*
================
CONTENT ELEMENTS
================
*/
.date  {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color: black;
	text-align:right;
	background-color: white;
	margin-top:10px;	
}
.topicstitle {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:18px;
	color: #A93E2F; /* Deep Red */
	text-align:center;
	padding-bottom:5px;
}
.topics {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: black;
	text-decoration: none;
	height: auto; /* was 21px; */
	width: 148px;
	border-top: 1px solid black;	
}
.hptitle {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:18px;
	color: #A93E2F; /* Deep Red */
	text-align:left;
	padding-bottom:5px;
}
.newspic {
	border: none; /* was 1px solid black; */
}
.newsitemtitle {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: black;
	text-align:left;
	margin-bottom:5px;
	margin-top:5px;
}
.newstext {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:black;
	margin-bottom:10px;
	margin-right:10px;
}
.programtitle {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:black;
	margin-top:10px;
	margin-left:10px;
	margin-bottom:10px;
}
.programdetails {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	margin-left:10px;
	margin-top:0px;
	margin-bottom:0px;
	display:block;
}
.programtext {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color: black;
	margin: 10px;
}
.qlform {
	float:right;
	margin-right:10px;
}
.qldropdown {
	width:200px;
	height:18px !important;
	background-color: white;
	border: 1px solid black;	
	vertical-align: middle;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:12px !important;
	font-weight:bold;
	color: black;
	margin-bottom:10px;
}
.btn-ql {
	width:35px; /* was 26px */
	height:20px;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:12px !important;
	font-weight:bold;
	color: black;
	vertical-align:middle;
}
.searchtitle {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:18px;
	line-height:29px;
	color: white;
	margin-left: 18px;
	height:29px;
	vertical-align:middle;
}
.searchtextbox, .qldropdown {
	width:158px;
	height:18px;
	background-color: white;
	border: 1px solid black;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	margin-top:4px;
	margin-bottom:4px;
		
}
.searchtext {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	color: black;
}
.searchtextsmall {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	color: black;
	display:inline;
}
.btn-go {
	width:26px;
	height:26px;
	vertical-align:middle;
/*	background-image: url(../images/btn-go.gif); */
}
.searchdivider {
	color: black;
	height:1px;
	width:196px;
}
.address1txt {
	margin-top:3px;
	margin-left:70px;
	text-align:left;
}
.address2txt {
	margin-top:3px;
	margin-right:70px;
	text-align:right;
}
.hourstxt {
	margin-top:8px;
	text-align:center;
}
.vertbar {
	margin-top: 6px;
}
.imageleft {
	border: 0px solid black; /* was 1px */
	margin-right: 8px;
	margin-bottom: 5px;
}
.imageleftfull {
	border: 0px solid black; /* was 1px */
	margin-right: 8px;
	margin-bottom: 5px;
	width:100%;
}
.imageright {
	border: 1px solid black;
	margin-left: 8px;
	margin-bottom: 5px;
}

/* Links for Driving Directions */
a.dlinks:link, a.dlinks:visited, a.dlinks:active {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color: #FFF4DA; /* Light Cream */
	text-decoration: underline;
}
a.dlinks:hover {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color: black;
}
/* Links for Popular Topics */
a.tlinks:link, a.tlinks:visited, a.tlinks:active {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	color: black;
	padding-left:10px;
	text-decoration: none;
	line-height: 21px;
}
a.tlinks:hover {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	color: #A93E2F; /* Deep Red */
	padding-left:10px;
	text-decoration: none;
	background-repeat: repeat;
	background-position: left top;
}
/* Links for Advanced Search */
a.aslinks:link, a.aslinks:visited, a.aslinks:active {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	color: black;	
	text-decoration: underline;
}
a.aslinks:hover {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	color: #A93E2F; /* Deep Red */	
	text-decoration: none;
}
/* Links for Bottom Navigation */
a.n2links:link, a.aslinks:visited, a.aslinks:active {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color: black;	
	text-decoration: underline;
}
a.n2links:hover {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color: #A93E2F; /* Deep Red */	
	text-decoration: none;
}
.copyright	{
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color: black;
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 40px;
	float:right;
}
.bullets {
	list-style-image: url(../images/bullet.gif);
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:black;
	list-style-position: inside;
	display:block;
}
.horztbar {
	width:100%;
	height:4px;
	margin-top:10px;
	margin-bottom:10px;
	background-image: url(../images/horztbar.gif);
	background-repeat:repeat-x;
	
}

table.fines {
        width: 85%;
	border: 2px inset #000000; /*was 2px #8b8378; */
	-moz-border-radius: 2px; /* was 6px */
}
table.fines td {
	border: 1px solid black;
	padding: 0.2em 1ex 0.2em 1ex;
	color: black;
}
table.fines tr.d0 td {
	background-color: #ffffff;
	color: #000000;
/*	font-weight: bold; */
}
table.fines tr.d1 td {
	background-color: #e8e8dd; /* A93E2F Deep Red */ /* #fefef2; */
	color: #000000; /* was #ffffff */
/* 	font-weight: bold; */
}