/*Section: Breadcrumb styles ---------------------------------------*/
/*IN 2010 THE BACKGROUND COLOR WAS REMOVED AND THE FONT CHANGED TO THE BACKGROUND COLOR*/
/*breadcrumb width set in main-about.css */
#breadcrumb { /*set breadcrumb background color*/
	/*background-color:#71B4BE;*/
	/*BREADCRUMB BORDER DEFINED IN style.css*/
}
.breadcrumb p{
	color:#f15d5e;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:normal;
	margin:0;
	padding:1px 3px 1px 3px;
}

.breadcrumb a:link, .breadcrumb a:visited, .breadcrumb a:hover, .breadcrumb a:active {
	/*color:#F77A8A;*/
	color:#f15d5e;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:normal;
	text-decoration:none;
}

.breadcrumb a:hover, .breadcrumb a:active {
	text-decoration:underline;
}	
/*End Section: Breadcrumb styles -----------------------------------*/

.toptablebar { /*set top table row background color*/
background-color:#F77A8A;
	/*background-color:#71B4BE;*/
	font-weight: bold;
}

/* Section: Sidebar Layout --------------------------------------------*/
/*IN SEPTEMBER 2010 THE RIGHT SIDEBAR BOXES DROPPED THE ROUNDED EDGE IMAGES AND WENT WITH SQUARE BOXES USING HEXADECIMAL BACKGROUND COLORS; ALSO THE BULLET IS NOW DEFINED GLOBALLY IN style.css */

div.sidebar-top { /* top part of sidebar header with curved edge
	background-image:url(/images/sidebar-top-locations.jpg);
	background-repeat:no-repeat;*/
	background-color:#F37D89;
	font-size:9px;
	line-height:9px
}

div.sidebar-header { /* sidebar header text area*/
	/*background-image:url(/images/sidebar-header-locations.jpg);
	background-repeat:repeat-y;*/
	background-color:#F37D89;
}

div.sidebar-links { /* sidebar links tinted text area*/
	/*background-image:url(/images/sidebar-tint-locations.jpg);
	background-repeat:repeat-y;*/
	background-color:#FACDC8;
}

div.sidebar-btm { /* bottom part of sidebar links tinted text area with curved edge*/
	/*background-image:url(/images/sidebar-btm-locations.jpg);
	background-repeat:no-repeat;*/
	background-color:#FACDC8;
	margin-bottom:10px;
}
/* End Section: Sidebar Layout ----------------------------------------*/

.toptablebar { /*set top table row background color*/
	background-color:#F77A8A;
	/*background-color:#71B4BE;*/
	font-weight: bold;
}

/* SEARCH or SIGNUP BOX FOR THE SIDE MENU */

DIV.sidebarsearch-top {
	clear:both;
	background-image:url(/locations/images/sidebarsearch-top.jpg);
	background-repeat:no-repeat;
	width:151px;
	height:13px;
}

DIV.sidebarsearch-middle {
	background-image:url(/locations/images/sidebarsearch-middle.jpg);
	background-repeat:y;
	width:151px;
}

DIV.sidebarsearch-text	{
	padding-left:10px;
	font-family:arial;
	font-size:90%;
	font-weight:bold;
}


h2.sidebarsearch{
	font-size:110%;
	font-weight:bold;
	margin-top:0px;
	margin-left:10px;
	color:#F77A8A;
	/*color:#71B4BE;*/
}

DIV.sidebarsearch-bottom {
	background-image:url(/locations/images/sidebarsearch-bottom.jpg);
	width:151px;
	height:11px;
	margin-bottom:10px;
}

/* SECTION 4: STAFF PICK  */

/*THIS IS THE CONTAINER FOR THE MAIN LOCATION PAGE THAT INCLUDES THE H2 HEADING "STAFF PICKS".  IT IS 400PX WIDE*/
/*#locations-branchleaf-staffpick {
	float:left;
	width:100%;
	margin-top:15px;
}*/

/*THIS IS THE STAFFPICK BOOK CONTAINER*/
.staffpick-book	{
	float:left;
	width:100%;
	margin-top:10px;
}

/*THIS POSITIONS THE BOOKCOVERS, WHICH RUN FROM 51 TO 100PX WIDE */
.staffpick-cover {
	float:left;
}

/*THIS CONTAINS ALL THE TEXT: TITLE, AUTHOR, SUMMARY, STAFF-NAME, LINK TO MORE STAFF PICKS.*/
.staffpick-text {
	float:left; 
	width:72%;
	padding-left:10px;
}


.staffpick-title {
	font-weight:bold;
	padding:2px 0;
}

.staffpick-author {
	font-style:italic;
	padding:2px 0;
}


.staffpick-summary {
	padding:2px 0;
	font-size:95%;
}

.staffpick-staff {
	padding:2px 0;
	font-style:italic;
}

.staffpick-morepicks {
	clear:both;
	padding:2px 0;
	font-style:italic;
	/*font-weight:bold;*/
}

/* END SECTION 4: STAFF PICK */


/*SECTION: COLLECTIONS - CREATED FOR THE SPECIAL COLLECTIONS SECTION OF THE CHILDREN'S DEPARTMENT*/
.collectionbox	{
	clear:both;
	float:left;
	width:105%;
	margin-bottom:15px;
	border:solid 1px;
	}

/*THIS IS FOR THE SMALL 75PX IMAGES IN THE TABLE OF CONTENTS*/
.collectionimage	{
	float:left;
	width:100px;
	padding:15px 15px 15px 15px;
	}
	
.collectionimage	img {
	border: solid 1px gray;
	}
	
.collectiontext	{
	float:left;
	padding:0 0 20px 0;
	width:70%;
	}
	
h2.collection	{
	margin-bottom:0px;
	font-size:130%;
	font-weight:bold;
	}
	
h2.collection a:link, h2.collection a:visited {
	color:#555555;
	text-decoration:none;
	}
	
h2.collection a:hover, h2.collection a:active {
	color:red;
	text-decoration:underline;
	}