/*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;	/*DARK CORAL*/
	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;
}

/*MAKE THE TEXT OF THE HEADER WHITE*/
div.sidebar-header h2	{
	color:#fff;
}

.sidebar-header a:link, .sidebar-header a:visited	{
	color:#fff;
	text-decoration:none;
}

.sidebar-header a:active, .sidebar-header a:hover	{
	color:#fff;
	text-decoration:underline;
}


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-size:95%;
	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;
	}

/*THIS IS FOR THE ANCHOR LINKS AT THE TOP OF THE CLP-MAIN TOUR PAGE */

.anchor-box	{
	float:left;
	width:621px;
	margin:2px 0 15px 0;
	padding:5px 0 5px 5px;
	background-color:#f15d5e;	/*DARK CORAL*/
	/*text-transform:uppercase;*/
	font-family:Franklin Gothic Book, Arial, sans-serif;
	font-weight:bold;
	color:#fff;
	}
	
/*THESE ARE THE WHITE VISITED AND UNVISITED NAVIGATION LINKS*/
.anchor-box a:link, .anchor-box a:visited  {
	text-decoration:none;
	color:#fff;		/*WHITE*/
}

/*THESE ARE THE WHITE UNDERLINED HOVER AND ACTIVE NAVIGATION LINKS - ALSO THE DEFAULT IN STYLE.CSS*/
.anchor-box a:active, .anchor-box a:hover {
	text-decoration:underline;
	/*color:#FF6600;*/
	color:#fff;		/*WHITE*/
}

/*THESE ARE FOR THE REVERSE COLORATION ON BUSY PAGES*/
.anchor-box-reverse	{
	float:left;
	width:621px;
	margin:2px 0 15px 0;
	padding:5px 0 5px 5px;
	color:#f15d5e;		/*DARK CORAL*/
	/*text-transform:uppercase;*/
	font-family:Franklin Gothic Book, Arial, sans-serif;
	font-weight:bold;
	background-color:#fff;	/*WHITE*/
	}
	
/*THESE ARE THE WHITE VISITED AND UNVISITED NAVIGATION LINKS*/
.anchor-box-reverse a:link, .anchor-box-reverse a:visited  {
	text-decoration:none;
	color:#f15d5e;		/*DARK CORAL*/
}

/*THESE ARE THE WHITE UNDERLINED HOVER AND ACTIVE NAVIGATION LINKS - ALSO THE DEFAULT IN STYLE.CSS*/
.anchor-box-reverse a:active, .anchor-box-reverse a:hover {
	text-decoration:underline;
	color:#FF6600;		/*ORANGE*/
}



/*I ADDED THE 11TH STACK BLOG FEED TO THE REFERENCE SERVICES PAGE AND HAD TO ADD RSS STYLES*/

.RSSlink	{
		color: 	#336699;	/*DARK SLATE BLUE*/
		font-weight: normal;
		font-size:	100%;
		}
		
/* slate blue*/
a.RSSlink:link	{
		color:#003366;		/*DARK SLATE BLUE: 336699*/
		text-decoration:none;
		font-size:	100%;
		}
		
/* green */
a.RSSlink:visited	{
		color:#666600; 		/*DARK OLIVE GREEN*/
		text-decoration:none;
		font-size:	100%;
		}
		
a.RSSlink:hover, a.RSSlink:active	{
		color: 	#DC4D00; 		/*ORANGE*/
		text-decoration:underline;
		font-size:	100%;
		}
		

/* to make the pubDate more subtle */
.pubDate	{
		font-weight: normal;
		font-size:	90%;
		color: 	#666666;
		}
		
.RSSdoc_description {
	margin-top:0pt;
	margin-bottom:2pt;
	font-weight: normal;
	font-size:	90%;
	color:#666666;
	}


.RSSitemtitle	{
	margin-top:10px;
	margin-bottom:3px;
	line-height:120%;
	font-weight:bold;
	}
		
.RSSitemdescription {
	margin-top:0px;
	margin-bottom:5px;
	font-size:	90%;
	color:#666666;
	line-height:120%;
	}

/*ADDED AN EVENT DISPLAY TO THE JCEC WORKSHOPS PAGE*/
/* THIS IS NECESSARY FOR FIREFOX TO UNDERSTAND THAT THERE ARE TWO COLUMNS */
#RSS-columns {
	float:left;
	padding:0;
	width:100%;
	margin:0;
	/*border:solid 1px black;*/
} 

/*LEFT COLUMN FOR 1 COLUMN OF LINKS. WITH NO VERTICAL LINE */
#leftcolumnRSS { 
	width:360px;
	float:left;
	padding:0;
	margin:0 10px 0 0;
}

#rightcolumnRSS { /*right column for RSS Display with white backgroun*/
   width:250px;
   float:right;
	padding:0;
	margin:0 5px 0 0;
/* border: solid thin;*/
}

/*THIS IS THE LIGHT CORAL BACKGROUND FOR THE TITLE */
.RSS-column-header	{
	background-color:#F77A8A;		/*CORAL*/
	border-style:solid;
	border-width:thin;
	border-color:#f15d5e;	/*DARK CORAL*/
	float:right;
	width:230px;
	margin:0;
	padding:10px 0 10px 10px;
	color:white;
}

.RSS-column-header h2 {
	color:white;
	font-size:16px;
	font-weight:bold;
	margin:0;
	padding:0 0 10px 0;
}

/*WHITE TITLE IF LINKED*/
.RSS-column-header h2 a:link, .RSS-column-header h2 a:visited {
	color:white;
	text-decoration:none;
	}	
	
/*WHY ISN'T THIS WORKING?*/
.RSS-column-header a:hover, .RSS-column-header a:active {
	color:red;
	text-decoration:underline;
		}
		
.RSS-column-header P	{
	margin:0;
	padding:0;
	color:white;
	font-style:italic;
	font-weight:bold;
}

div.RSS-column-background { /*white background with coral border for events display*/
	border-style:none solid solid solid;
	border-width:thin;
	border-color:#f15d5e;	/*DARK CORAL*/
	float:right;
	width:220px;
	margin:0;
	padding:10px;
}

.RSS-column-background ul	{
	list-style-type:none;
	line-height:120%;
	margin:5px 5px 5px 5px;
	padding:0;
}

.RSS-column-background li{
	margin:0 0 0.5em 0;
}

.RRSEventList	{
	margin-top:5.0pt;
	margin-bottom:2pt;
	color: 	#000000;
	text-decoration:none;
	font-size:	90%;
}

.RSSEventlink	{
		font-weight: normal;
		font-size:	90%;
		}		

a.RSSEventLink:link, a.RSSEventLink:visited	{
		color: 	#336699;		/* SLATE BLUE*/
		text-decoration:none;
		font-size:	90%;
		}	
	
a.RSSEventLink:hover, a.RSSEventLink:active	{
		color:#f15d5e;	/*DARK CORAL*/
		text-decoration:underline;
		font-size:	90%;
		}

/* to make the Event Date more subtle */
.RSSEventDate	{
	margin-top:2.0pt;
	margin-bottom:15px;
	font-weight: normal;
	font-size:	80%;
	color: 	#666666;
}