/* *****************************************************
** BUILD LAYOUT
** ************************************************** */
html {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
body {
	background-color: #9e6f73;
	background-image: url(../imgs/background.png);
	background-repeat: repeat-x; 
	margin: 0px;
	padding: 6px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #5b4c3e;
	font-size: 0.8125em; /* 13px font in most browsers */
	text-align: center; /* fix for older versions of IE */
}

a {
	color: #1A4896;
	text-decoration: underline;
}

a:hover {
	color: #BB4653;
	text-decoration: underline;
}

a img {
	border: none;
}

div#wrapper {
	width: 760px;
	margin: 0px auto 12px auto;
	text-align: left;
}

div#tabs {
	margin: 0;
	text-align: right;
	font-size: 0.85em;
	line-height: 0.95em;
}

div#tabs a {
	float: left;
	color: #604B3B;
	text-decoration: none;
	display: block;
    background: url(../imgs/tab_right.png) no-repeat right top;
    padding: 5px 9px 3px 0px;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
div#tabs a {float:none;}
/* End IE5-Mac hack */

div#tabs a:hover {
	color: #BB4653;
	text-decoration: underline;
}

div#tabs ul {
	margin: 0;
	padding: 0px 8px 0px 0px;
	list-style: none;
	float: right;
}

div#tabs ul li {
	float: left;
	background: url(../imgs/tab_left.png) no-repeat left top;
	padding: 0 0 0 9px;
}

div#header {
	margin: 0;
	background-color: #e6e1dd;
	background-image: url(../imgs/background-head.jpg);
	background-repeat: no-repeat;
	height: 120px;
	border-top: 1px solid #304891;
	clear: both;
}

div#ahead {
	margin: 0;
	padding: 0;
	width: 184px;
	float: left;
}

div#bhead {
	margin: 0;
	padding: 0;
	width: 576px;
	float: left;
}

div#topnav {
	text-align: right;
	padding: 28px 10px 0px 0px;
	font-weight: bold;
}

div#topnav a {
	color: #EBEBEB;
	text-decoration: none;
}

div#topnav a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

div#topnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#topnav ul li {
	display: inline;
	background-image: url(../imgs/top_arrow.png);
	background-repeat: no-repeat;
	background-position: 0 0.4em;
	padding-left: 1.1em;
	padding-right: 0.4em;
}

div#topnav ul li.first {
	display: inline;
	background-image: none;
	padding-left: 0;
}

div#body {
	margin: 0;
	background-color: #FFFFFF;
	background-image: url(../imgs/background-body.png);
	background-repeat: repeat-y;
}

div#aside {
	margin: 0;
	padding: 0;
	width: 184px;
	background-image: url(../imgs/background-aside.png);
	background-repeat: no-repeat;
	float: left;
	color: #604B3B;
}

div#aside a {
	color: #604B3B;
	text-decoration: none;
}

div#aside a:hover {
	color: #BB4653;
	text-decoration: underline;
}

div#aside div.inside {
	margin: 35px 8px 0px 14px;
}

div#aside h2 {
	margin: 0;
	padding: 4px 0px 2px 0px;
	font-size: 1.7em;
	font-style: italic;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
}

div#aside ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: Georgia, "Times New Roman", Times, serif;
}

div#aside ul li.subfolder {
	border-top: 1px solid #D4CAC3;
	margin-top: 10px;
	padding-top: 10px;
	font-style: normal;
	font-weight: bold;
	font-size: 0.85em;
}

div#aside ul li.subfolder ul {
	padding: 0 0 0 0.2em;
	margin: 0 0 0 1.3em;
}

div#aside ul li.subfolder ul li {
	border: none;
	margin: 0;
	padding: 0;
	list-style: url(../imgs/side_arrow.png) disc;
	font-weight: normal;
	font-size: 1.0em;
}

div#main {
	margin: 0;
	padding: 0;
	width: 430px;
	background-image: url(../imgs/background-main.png);
	background-repeat: no-repeat;
	float: left;
}

div#main .padding {
	padding: 13px;
}

div#main h1 {
	margin: 25px 0 6px 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.7em; 
	font-weight: normal;
}

div#main h2 {
	background-image: url(../imgs/bg_h2.gif);
	background-repeat: repeat-x;
	background-color: #F0EDEB;
	padding: 5px 4px 2px 4px;
	margin: 25px 0px 5px 0px;
	font-size: 1.3em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

div#main h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
}



#bside {
	margin: 0;
	width: 146px;
	padding-top: 30px;
	background-image: url(../imgs/background-bside.png);
	background-repeat: no-repeat;
	float: right;
}

#bpad {
	margin: 0px 6px 0px 0px;
}

div.dropnav {
	background-color: #F5F5F5;
	text-align: center;
	padding: 5px 4px 5px 4px;
	margin: 0px 0px 5px 0px;
}

div.dropnav:hover {
	background-color: #EAECF4;
}

div.dropnav form {
	padding: 0;
	margin: 0;
}

div.dropnav form select {
	width: 132px;
	font-size: 0.846em;
	color: #666666;
}


#bluebox {
	background-color: #FFFFFF;
	border: 1px solid #D6DAE9;
	padding: 1px;
}

#blueinside {
	background-color: #EAECF4;
	padding: 3px 2px;
}

#blueinside img {
	padding: 0px 0px 3px 0px;
}

#navmyaccount {
	display: block;
	width: 140px;
	height: 54px;
	text-decoration: none;
	background: url("../imgs/side-b-account.png") no-repeat 0 0;
	overflow: hidden;
	text-indent: -1000em;
}

#navmyaccount:hover {
	background-position: -140px 0;
}

#navasklib {
	display: block;
	width: 132px;
	height: 68px;
	text-decoration: none;
	background: url("../imgs/side-b-asklib.png") no-repeat 0 0;
	overflow: hidden;
	text-indent: -1000em;
}

#navasklib:hover {
	background-position: -132px 0;
}

#navtopics {
	display: block;
	width: 132px;
	height: 40px;
	text-decoration: none;
	background: url("../imgs/side-b-topics.png") no-repeat 0 0;
	overflow: hidden;
	text-indent: -1000em;
}

#navtopics:hover {
	background-position: -132px 0;
}

#navdigital {
	display: block;
	width: 132px;
	height: 40px;
	text-decoration: none;
	background: url("../imgs/side-b-digital.png") no-repeat 0 0;
	overflow: hidden;
	text-indent: -1000em;
}

#navdigital:hover {
	background-position: -132px 0;
}

#navcomputer {
	display: block;
	width: 132px;
	height: 40px;
	text-decoration: none;
	background: url("../imgs/side-b-computer.png") no-repeat 0 0;
	overflow: hidden;
	text-indent: -1000em;
}

#navcomputer:hover {
	background-position: -132px 0;
}

#navteen {
	display: block;
	width: 132px;
	height: 37px;
	text-decoration: none;
	background: url("../imgs/teen_link.png") no-repeat 0 0;
	overflow: hidden;
	margin: 10px 0px;
	text-indent: -1000em;
}

#navteen:hover {
	background-position: -132px 0;
}

#navkids {
	display: block;
	width: 132px;
	height: 37px;
	text-decoration: none;
	background: url("../imgs/kids.png") no-repeat 0 0;
	overflow: hidden;
	text-indent: -1000em;
}

#navkids:hover {
	background-position: -132px 0;
}

div#glance {
	background-image: url(../imgs/background-glance.png);
	background-repeat: no-repeat;
	background-color: #f2eeed;
	padding: 0px 8px 0px 192px;
	font-family: Georgia, "Times New Roman", Times, serif;
	/* font-family: Verdana, Geneva, sans-serif; */
	font-size: 0.85em;
}

div#glance a {
	color: #604B3B;
	text-decoration: none;
}

div#glance a:hover {
	color: #BB4653;
	text-decoration: underline;
}

#glance ul.head_level {
	list-style: none;
	font-weight: bold;
	margin: 0;
	padding: 0px 3px 0px 6px;
}

#glance ul.sub_level {
	list-style: url(../imgs/glance_square.gif) square;
	font-weight: normal;
	margin: 0 0 0 10px;
	padding: 0 0 0 5px;
}

div#apanel {
	float: left;
	padding-top: 48px;
	width: 136px;
}

div#bpanel {
	float: left;
	padding-top: 48px;
	width: 140px;
}

div#cpanel {
	float: left;
	padding-top: 48px;
	width: 140px;
}

div#dpanel {
	float: left;
	padding-top: 48px;
	width: 144px;
}

div#footer {
	margin: 0px;
	padding: 4px 8px 4px 8px;
	background-color: #52639C;
	border: 1px solid #304992;
	background-image: url(../imgs/background-footer.jpg);
	background-repeat: repeat-y;
	color: #F7F4F0;
	font-family: Georgia, "Times New Roman", Times, serif;
}

div#footer a {
	color: #EBEBEB;
	text-decoration: none;
}

div#footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

div#footer {
	font-size: 0.8em;
	font-family: Verdana, Geneva, sans-serif;
}

div#footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div#footer ul li {
	display: inline;
	background-image: url(../imgs/footer_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 0.5em;
	padding-left: 1.5em;
}

div#footer ul li.first {
	display: inline;
	background-image: none;
	padding-left: 0;
}


div#footer div.right {
	float: right;
	
}

.clr {
	clear: both;
}

.small_font {
	font-size: 0.85em;
}

table.branch_list {
	border-bottom: 1px solid #F0EDEB;
	width: 100%;
	margin-top: 20px;
}

table.branch_list td.name {
	background-color: #F0EDEB;
	padding-left: 5px;
}

table.branch_list td.spacer {
	line-height: 5px;
}

table.branch_list td.day {
	background-color: #FFFFFF;
	background-image:url(../imgs/bg_branch_time.gif);
	background-repeat: repeat-y;
	text-align: center;
	padding: 3px 10px;
	font-size: 0.8125em;
}

table.branch_list td.today {
	background-color: #f4f8d8;
	background-image:url(../imgs/bg_branch_time.gif);
	background-repeat: repeat-y;
	text-align: center;
	padding: 5px 10px;
	font-size: 0.8125em;
}

.float_left {
	float: left;
}

table.booklists td {
	padding-bottom: 12px;
}

table.booklists img {
	border: 1px solid #655141;
}

.new {
	text-transform: uppercase;
	margin: 0px;
	padding: 1px 4px;
	background-color: lightyellow;
	color: darkred;
	font-size: 0.8125em;
	font-weight: bold;
	border: 1px solid darkred;
}

table.topics td {
	padding: 12px 0px;
}

table.topics td img {
	margin: 0px 8px 0px 5px;
}


#header_search {
	text-align: left;
	padding: 46px 0px 0px 145px;
}

#header_search form {
	padding: 0px;
	margin: 0px;
}

#header_search form input {
	width: 152px;
}

#header_search form input, #header_search form select {
	margin-right: 5px;
	font-size: 0.846em;
	color: #666666;
}

.form-a {
	background-color: #f6f6f6;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #e4e4e4;
	padding: 10px;
}

.form-a form {
	margin: 0;
	padding: 0;
}

.form-a form label.required {
	color: #9e0b0f;
}

.form-b {
	background-color: #ffffff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px;
}

.submitSuccess {
	background: url(../imgs/checkmark.png) no-repeat #f0f7e6;
	background-position: 5px 7px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #c4df9b;
	padding: 10px;
	padding-left: 35px;
	color: #528d5a;
}

.formContent {
	background-color: #f6f6f6;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #e4e4e4;
	padding: 10px;
}

.aform {
	background-color: #f1f2f7;
	padding: 10px;
	border: 1px solid #d6dae9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.aform form {
	margin: 0;
	padding: 0;
}

.required {
	color: #9e0b0f;
}

.invalid {
	color: #F60;	
}

.errors {
	background: url(../imgs/error.png) no-repeat #ffeba7;
	background-position: 5px 9px;
	padding: 10px;
	padding-left: 30px;
	border: 1px solid #ffb069;
	margin-bottom: 4px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #9e0b0f;
}

.up_title {
	color: #304990; border-bottom: 1px solid #D4CBC3; padding-bottom: 10px; font-size: 1.3em; font-family: Georgia, "Times New Roman", Times, serif;
}

.up_promo {
	border-bottom: 1px solid #D4CBC3; padding-top: 6px; padding-bottom: 6px; width: 100%; font-size: 0.9em;
}

.up_promo a {
	color: #364e95;
	text-decoration: underline;
	font-weight: bold;
	
}

.up_promo a:hover {
	color: #BB4653;
	text-decoration: underline;
	font-weight: bold;
}

#hclad {
position:absolute;
top: 160px;
}

.branchAlerts {
clear: both;
}

.branchAlerts h4 {
color: darkred;
font-size: 1.0em;
font-weight: bold;
background-color: #F0EDEB;
	padding-left: 5px;

font-family: Arial, Helvetica, sans-serif;
}

#tweet li {
margin-top: 1em;
}

/* ** Author Stage ** */
ul.authorstage {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0.8125em;
}

ul.authorstage li {
	margin-bottom: .25em;
	padding: .5em;
	padding-left: 90px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #f2f2f2;
	border: 1px solid #d8d8d8;
}

ul.authorstage li:hover {
	margin-bottom: .25em;
	padding: .5em;
	padding-left: 90px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #e5f1f8;
	border: 1px solid #bedcee;
}

ul.authorstage li#waysonchoy {
	background-image: url(/assets/images/readers/authorstage/wayson-choy.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	
}

ul.authorstage li#alistairmacleod {
	background-image: url(/assets/images/readers/authorstage/alistair-macleod.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	
}

ul.authorstage li#donnamorrissey {
	background-image: url(/assets/images/readers/authorstage/donna-morrissey.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	
}

ul.authorstage li#terryoreilly {
	background-image: url(/assets/images/readers/authorstage/terry-oreilly.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	
}

ul.authorstage li#robertsawyer {
	background-image: url(/assets/images/readers/authorstage/robert-j-sawyer.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	
}

ul.authorstage li#lesleycrewe {
	background-image: url(/assets/images/readers/authorstage/lesley-crewe.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	
}

ul.authorstage li#ianbrown {
	background-image: url(/assets/images/readers/authorstage/ian-brown.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	
}

ul.authorstage li#bradkelln {
	background-image: url(/assets/images/readers/authorstage/dr-brad-kelln.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	
}
ul.authorstage li#pamelacallow {
	background-image: url(/assets/images/readers/authorstage/pamela-callow.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	
}

.as-small {
	font-size: 0.8125em;
	color: #898989;
}

ul.doublespace li {
 margin-bottom: 1em;
}

ul.doublespace li ul li {
 margin-bottom: 0;
}

ol.doublespace li {
 margin-bottom: 1em;
}

ol.doublespace li ul li {
 margin-bottom: 0;
}

.aform h3 {
	font-weight: bold;
	background-color: #f8f9fb;
	color: #666;
	clear: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	padding: 3px;
}

.aform ul.bookvote {
	list-style: none;
	margin: 0;
	padding: 0;
}
.aform ul.bookvote li {
	text-align: center;	
	float: left;
	width: 110px;
	font-size: 12px;
	color: #666;
	margin: 3px;
	padding: 0;
padding-bottom: 20px;
}

.darkred {
color: darkred;
}

ul.jobs li {
margin-bottom: 1em;
}

.hidden
{position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;}

/* twitter stream */
.article {
	margin: 0;
	padding: 0;
	width: 402px;
	margin-bottom: 20px;
	background: url(../imgs/twitter-bg-blue-fade.png) repeat-x #fff;
	color: #426c8f;
}

.twitStream {
	font-family: verdana;
	font-size: 11px;
}

.twitStream a {
	font-family: verdana;
	font-size: 11px;
}

.tweet {
	display: block;
	padding: 10px 0px;
	margin: 0px 10px;
	border-bottom: 1px solid #bfd2e1;
}

.tweet p {
	margin: 0;
	padding: 0;
}


/* PAGINATION for programs */
div.search_results_nav {font-family: "helvetica", arial, sans-serif; font-size: 93%;/*12px*/ text-align: left; width:402px; overflow:hidden; padding: 5px 0px; font-size: 11px;}
div.search_results_nav span { background: #fff; border: 1px solid #d3d3d3; color: #454545; float: left; font-weight: bold; margin: 0 2px 0 0; padding: 2px 5px; }
div.search_results_nav span a{text-decoration: none;color:#1A4896;}
div.search_results_nav span a:hover { color: #BB4653; text-decoration: underline; }
div.search_results_nav span.current { background: #ff6600 none; border: 1px solid #ff6600; color: #fff; }

