body {
	margin:0px;
	font-family:arial;
	font-size:13px;
	min-width:1000px;
	
}

span.date {
	font-size:11px;
}



html, body {
  height:100%;
}

a {
  color:#2b68a5;
	font-weight:bold;
}

h2 {
	font-size:13px;
}

form {
	margin:0px;
	padding:0px;
}

/* Site Header */
div.header {
	background:url('/images/title-bg.png') repeat-x left top;
	height:82px;
} 
div.header > div {
	height:82px;
	background:url('/images/title.png') no-repeat left top;
}

div.header .tagline {
    color: #FFFFFF;
    left: 181px;
    line-height: 27px;
    position: absolute;
    top: 55px;
}

div.header img { 
	float:left; 
} 

/* Hours Table */
table.hours {
	float:right;
	margin:5px;
	color:white;
  font-size:11px;	
}
table.hours td.selected {
  background:#1f5589;
}
table.hours td.day {
	padding:2px 10px 2px 5px;
}
table.hours td.hours {
	padding-right:5px;
	text-align:right;
}
table.hours td.title {
	width:15px;
	background:transparent url('/images/hours.gif') no-repeat bottom left;
	border-right:1px solid #1f5589;
}

/* Main Menu */
div.menu {
	height:30px;
	line-height:30px;	 
	font-size:13px;
  background:white;
}
div.menu a.item, div.menu a.on {
	float:left;
	padding:0px 10px 0px 10px;	
	color:#132b4e;
	font-weight:bold;	
	border-right:1px dotted #8ea8c4;
}
div.menu a.on {	
	color:black;
  text-decoration:none;
}
div.menu a:hover {
  text-decoration:underline;
} 

/* Search Box */
div.search-box {
	float:right;
	color:white;
	margin:5px;
}

div.search-box input[type=text], table.search-box input[type=text].sample {
	float:left;
	border:1px solid black;
	border-right:0px;
	font-family:arial;
	padding:1px;
	margin:0px;
	width:180px;
	line-height:17px;
	height:17px;
	margin-right:0px;
	background:white;
}

div.search-box input[type=text].sample {
	background:white url('/images/searchbox-bg.gif') no-repeat top left;
}

div.dropdown {
	float:left;
	z-index: 30;
}
div.dropdown a {	
	display: block;
	margin: 0px;
	padding: 0px 20px 0px 5px;
	width: 50px;
	background:white url('/images/dropdown.png') no-repeat center right;
	border:1px solid black;
	border-right:0px;
	color: black;
	height:19px;
	line-height:19px;	
	text-align:left;
	text-decoration: none;
	font-weight:normal;
	font-size:11px;
}
div.dropdown a:hover {
	background: #1f5589 url('/images/dropdown.png') no-repeat center right;
	color:white; 
}
div.dropdown div {	
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: black;
	border:1px solid black;
	border-top:0px;
}
div.dropdown div a {	
	position: relative;
	display: block;
	margin: 0;
	padding: 1px 5px;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #ccdae8;
	color: black;
	border:0px;
	font-size:11px;
}
div.dropdown div a:hover {	
	background: #1f5589;
	color: #FFF;
}

div.search-box a.submit {
	float:left;
	margin:0px;
	padding:0px 5px;
	height:21px;
	line-height:21px;
	background:black;
	text-decoration:none;
	font-size:11px;
	color:white;
}

/* Speech Bubble */
div.bubble {
	background:#2b68a5 url('/images/bubble-tl.gif') no-repeat top left;
	display:block;
	font-weight:normal;
}
div.bubble div {
	height:100%;
	background:url('/images/bubble-tr.gif') no-repeat top right;
}
div.bubble div div {
	background:url('/images/bubble-br.gif') no-repeat bottom right;	 
}
div.bubble div div div {
	height:100%;
	padding:10px;
	font-size:14px;
	color:white;
	background:transparent url('/images/bubble-bl.gif') no-repeat bottom left;
}
div.bubble div.description {
	background:transparent;
	display:none;
}
div.tail {
	background:transparent url('/images/bubble-tail.gif') no-repeat 50px 0px;
	padding:3px 73px;
	font-size:11px;
	margin-bottom:10px;
}
div.bubble img.toggle {
  float:right;
	height:9px;
	width:9px;
  padding:4px 0px 0px 4px;
	background:transparent url('/images/minus.gif') no-repeat 4px 7px;
	border:0px;
}

div.bubble a.toggle {
	font-weight:bold;
	text-decoration:none;
  color:white;
}
div.bubble a.toggle:hover {
	text-decoration:underline;
}

div.bubble a {
	color:white;
}

/* Site Footer */
div.footer {
  clear:both;
	float:left;
	width:100%;
	margin:20px 0px;
	text-align:center;
	padding-top:20px;
	border-top:1px solid #ccdae8;
	color:#73849e;
}

/* Grid Boxes */
div.grid, div.grid-no-img {
	float:left;
	height:64px;
	width:190px;
	margin:10px 0px 0px 10px;
	padding:10px 10px 10px 80px;
	font-weight:normal;
	text-decoration:none;
	border:1px solid #a3b1c5;
	overflow:auto;
}

div.grid-no-img {
	padding:10px;
	width:260px;
}

div.grid:hover, div.grid-no-img:hover {
  border:1px solid #2b68a5;
}
div.grid p, div.grid-no-img p { margin:0px; }

div.content div.grid  h2, div.grid h2, div.grid-no-img h2, div.content div.grid-no-img h2 {
	text-decoration:underline;
	color:#2b68a5;
	margin:0px;
	padding:0px;
	border:0px;
}

div.grid h2 a, div.grid-no-img h2 a {
	font-weight:bold;

}

div.grid a, div.grid-no-img a {
	font-weight:normal;
}

div.content {
  margin:20px;	
}

div.content h1 {
	font-size:20px;
	margin-top:0px;
}

div.content h2 {
	font-size:18px;
}

div.content h3 {
	font-size:16px;
	font-style:italic;
}

div.content h2 {
	display:block;
	font-size:14px;
	border-bottom:1px dotted #ccdae8;
}

div.content p, div.content ul, div.content ol, div.content table {
	max-width:520px;
}

div.content ul.submenu, #submenu {
	max-width:none;
}
div.list {
	clear:both;
}

/* Submenu */

ul.submenu, #submenu {
	list-style:none;
	height:25px;
	line-height:25px;
	clear:both;
	padding:0px;
	margin:0px;
	border-bottom:1px dotted black;
	padding-bottom:1px;
	width:auto;
}

ul.submenu li, #submenu li {
	float:left;
	padding:0px 5px;
	height:25px;
	border:1px dotted black;
	border-bottom:1px solid transparent;
	margin-right:10px;
	margin-bottom:6px;
	white-space: nowrap;
}

ul.submenu li.on, #submenu li.on {
	border-bottom:1px solid white;
}

ul.submenu li.on a, #submenu li.on a {
	text-decoration:none;
}

a.feed {
  margin-left: 3px;
  padding: 0 0 0 19px;
  background: url("/images/feed-icon-14x14.png") no-repeat 0 50%;
} 

table.login {
	border:1px solid #a3b1c5;
}

table.login th {
	text-align:left;
	background:#a3b1c5;
	color:white;
}

table.login td {
	padding:10px;
	padding-bottom:0px;
}

table.login td.label {
	padding-right:0px;
}

table.login td.signin {
	padding-bottom:10px;
	text-align:right;
}

p.attention {
	width:auto;
	padding:10px;
	background:#ccdae8 url('/images/attention.png') no-repeat 10px center;
	padding-left:38px;
	margin-bottom:20px;
}

a.review, div.recommended  {
	position:relative;
	float:left;
	height:340px;
	width:210px;
	margin-bottom:10px;

	font-weight:normal;
	text-decoration:none;
}
a.review:hover {
	text-decoration:underline;
}
a.review img, div.recommended img {
	position:absolute;
	bottom:40px;
	display:block;
	padding:5px;
	margin:10px;
	background:black;
	border:0px;
}
a.review div, div.recommended div {
	position:absolute;
	bottom:0px;
	width:190px;
	height:40px;
	text-align:center;
	padding:0px 10px 0px 10px;
}

div.recommended {
	height:380px;
}
div.recommended img {
	bottom:80px;
}
div.recommended div {
	height:80px;
}


div.review {
	line-height:20px;
	float:left;

}
div.review img {
	float:left;
	padding:5px;
	margin:0px 10px 10px 0px;
	background:black;
}



div.gallery div {
	position:relative;
	float:left;
	height:162px;
	width:162px;
	margin:10px;
}

div.gallery a:hover img{
	border:1px solid #2b68a5;
}

div.gallery a {
	position:absolute;
	bottom:0px;
	text-align:center;
	width:162px;
}

div.gallery img {
	border:1px solid #a3b1c5;
	padding:2px;	
	background:white;
}

div.content table.tags {
	width:100%;
	border-bottom:1px dotted black;
	max-width:500000px;
}

table.tags td.nav {
	width:100px;
	text-align:right;
}

div.content ul.books {
	max-width:2000px;
	list-style:none;
	padding:0px;
	margin:0px;
}

ul.booklist_menu {
	float:left;
	list-style:none;
	padding:0px;
	margin:0px 20px 0px 0px;
	border-right:1px dotted black;
	clear:left;
	width:220px;
}

ul.booklist_menu li {

	border:1px solid white;
	padding:2px;
}

ul.booklist_menu li.on {
	border:1px dotted black;
	border-right:1px solid white;
	background:white;
	width:215px;
	
	clear:both;
}

ul.booklist_menu li.on  a {
	color:black;
	text-decoration:none;
}

ul.booklist_menu a {
	font-weight:normal;
}

div.content table.books {
	max-width:none;
}

table.books th, table.books td {
	text-align:left;
	padding:1px 5px;
}


table.books td.author {
	width:200px;
}

table.books td.title {
	width:300px;
}

table.books tr.r2 {
	background:#f5f5f5;
}

div.gallery-widget {
	margin-left:50px;
	float:left;
	text-align:center;
	width:152px;
}

div.gallery-widget img {
	display:block;
	border:1px solid black;
	margin:5px;
} 

div.blog {
	float:left;
	max-width:540px;
}

/* CALENDAR */

#cal_container {
	position:absolute;
	left:0px;
	top:0px;
	z-index:100;
	height:100%;
	width:100%;
	background:transparent url('/images/transparent-black.png');
	color:white;
	display:none;
	margin:0px;
	padding:0px;
	overflow:auto;
	text-align:center;
}

#cal_container a {
	color:white;
	text-decoration:underline;
}

#cal_container p.loading {
	margin-top:20px;
}


#cal-header {
	width:706px;
	margin:auto;
	margin-bottom:20px;
	margin-top:20px;
}

#cal-header h1 {
	float:left;
	margin:0px;
	padding:0px;
	line-height:40px;
}

a.next-month, a.prev-month, a.close {
	width:19px;
	height:19px;
	float:left;
	margin-right:10px;
	margin-top:10px;
}

a.close {
	float:right;
	width:38px;
	margin-right:0px;
}



a.next-month img, a.prev-month img, a.close img {
	border:0px;
}

table.calendar {
	clear:both;
	color:black;
	margin:auto;
	text-align:left;
}

table.calendar th {
	color:white;
	text-align:center;
}

table.calendar td {
	width:100px;
	height:100px;
	background:white;
}

table.calendar td.today {
	background:#c5dcf4;
}

table.calendar td.filler {
	background:transparent url('/images/transparent-white.png');
}

table.calendar div.day {
	font-weight:bold;
	background:#4c6886;
	color:white;
	height:20px;
	line-height:20px;
	padding-left:2px;
}

#cal_container table.calendar a.event, #cal_container table.calendar a.event2 {
	font-size:11px;
	padding:2px 0px;
	margin:0px 2px;
	color:black;
	text-decoration:none;
	font-weight:normal;
	display:block;
}

#cal_container table.calendar a.event:hover, #cal_container table.calendar a.event2:hover {
	text-decoration:underline;
}

table.calendar a.event2 { 
	border-top:1px dotted black;
}

/* Event */

#event_container {
	position:absolute;
	display:none;
	z-index:102;
}

#event {
	background:black;
	padding:15px;
	color:white;
}

#event a {
	color:white;
}

div.event_left, div.event_right {
	position:absolute;
	left:0px;
	top:0px;
	z-index:102;
	width:300px;
}

div.event_right {
	background:url('/images/left-triangle.gif') no-repeat top left;
	padding-left:10px;
}

div.event_left {
	background:url('/images/right-triangle.gif') no-repeat top right;
	padding-right:10px;
}

/* Homepage Column 1 */
div.column1 {
	float:left;
	width:604px;
	margin:10px;
}

/* Photo frames */
div.frame-30percent {
	float:left;
	height:143px;
	width:183px;
	margin:10px 0px 0px 10px;
	padding:0px;
	border:1px solid #1f315a;
}



/* Featured Item */
div.feature {
	float:left;
	height:175px;
	width:572px;
	border:1px solid #a3b1c5;
	background:url('/images/feature.gif') no-repeat bottom left;
	margin:10px;
}

div.feature img {
	padding-left:10px;
}



div.feature div {
	padding:10px 10px 10px 200px;
	height:155px;
}

/* Column 2 */
div.column2 {
	float:left;
	width:335px;
	margin:20px;
}

/* Affiliates */
table.affiliates {
	clear:both;
}
table.affiliates td {
	padding:20px;
}

table.affiliates img {
	border:0px;
}

a.calendar {
	float:left;
	background:transparent url('/images/calendar.gif') no-repeat center left;
	line-height:43px;
	height:43px;
	padding-left:55px;	
}

a.donate, a.facebook {
    background-color: #EEEEEE;
    background-position: 5px center;
    background-repeat: no-repeat;
    border: 1px solid #DDDDDD;
    color: #333333;
    float: left;
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    margin-bottom: 10px;
    padding: 5px 5px 5px 42px;
    text-decoration: none;
    width: 113px;
}

a.donate {	
	background-image:url('/images/donate.png');	
}
a.facebook {
	background-image:url('/images/facebook.png');
	float:right;
}	

a.bclibraries {
	clear:both;
	background:transparent url(/images/bclibraries.png) no-repeat center bottom;
	height:122px;
	border: 1px solid #DDDDDD;
	display:block;
}