/* Print Styles */

hr, form, #calendarpage #sidebar, .home #sidebar, #menu, #footer ul, #categories, #header-items, #accessibility,
.item, #submenu, #sidebar-header, .sidebar-image, #catalog-search, #sidebar-quote, .news #sidebar, #loginblast a#loginbutton,
.teens #sidebar, .teens #left-content, #kidsnav, #askus #sidebar { display: none; }

#wrapper, #container, #breadcrumb, #footer { margin: 0; padding: 0; width: auto;}

#breadcrumb { padding-top: 10pt; float: none; }

body {
	background: white;
	color: #000;
}
a:hover { text-decoration: none; }

#master {
	background: transparent; 
	margin: 0 5%;
	width: auto;
}
/* those headers... */
#header { height: auto; min-height: 0 !important; padding-top: 10pt; margin-left: 0;}
	#header a { text-decoration: none; color: #43839b; }
	#header #logo a { position: static; width: 50%; height: auto; }
		#header #logo span { left: 0; }

/* that footer... */
#footer { margin-top: 10pt; }
	#footer-content {
		background: #fff;
		text-align: left;
		border-width: 1px 0 0 0;
		margin-top: 12pt;
		padding-left: 0;
	}
	#footer-content p {
		padding-left: 0;
		background: #fff;
	}

#sidebar { width: 20%; margin-top: 20pt; }
	#sidebar .content { margin-left: -18%; width: 66%; }
* html #sidebar { position: absolute; left: 78%; top: 20pt; }

ul.arrowlist li 		{ list-style: disc; margin-left: 10pt;}
ul.arrowlist li a 		{ background-image: none; pading-left: 0; }
ul.arrowlist li a:hover { text-decoration: none; }
	
#content-container {
	border-top: 1px solid #333;
	margin-top: 16pt;
	margin-bottom: 10pt;
	width: 70%;
}
	* html #content-container {
		float: none;
		margin-left: 0;
		width: 90%;
	}

#askus #content-container, .home #content-container, .news #content-container, .teens #content-container { width: 98%; }

#news { width: 48% }
.home #events { width: 42%; }

h1 span, h2 span { position: static; width: auto; height: auto; }

#left-content {
	width: 30%;
	float: left;
	clear: left;
	padding-top: 12px;
	margin-right: 12px;
	margin-top: -6px;
}	

#right-content {
	width: 40%;
	float: left;
	padding-top: 12px;
	margin-top: -6px;
}
#main-content { height: auto;  }
.standard #left-content, .standard #right-content, #espanol #right-content, #espanol #left-content,
.teens #right-content, #teencontentpage #left-content, #teencontentpage #right-content { width: 100%; }
.standard #left-content .content, .standard #right-content .content, #espanol #right-content .content, #espanol #left-content .content { padding: 10pt; }
#catalog #left-content, #askus #left-content { width: 30%; }
#catalog #right-content, #askus #right-content  { width: 40%; }

.wide-content { width: 100%; display: inline; margin-top: 0; }
.wide-content p { width: 95%; }

#askus .wide-content .content { border: 0; padding-left: 0;}
#imnames li { padding-left: 0; }

#pageevents { padding-top: 8pt; }
.hours #pageevents { margin-top: -20pt; } 
.branch #pageevents { margin-top: 0; } 

#loginblast p { width: 90%; }
#loginblast h1 { text-indent: 0; background: none; height: auto; width: auto; }

.home #news h2, .home #events h2 { display: block; margin-bottom: 14pt; margin-left: 8pt; }
.home #news, .home #events { padding-top: 8pt; background: none; }

.teens #right-content  h1 {
	background: none;
	margin: 0; 
	padding: 12px 12px 12px 0; 
	color: #333;
	font-weight: bold;	
}
.teens #right-content .content { border: 0; padding-left: 0; }
#homeworkmagazine p, #homeworkmagazine h4, #homeworkhelp p, #homeworkhelp h4 { margin: 12px 150px 12px 0; }
#homeworkmagazine { padding-top: 0; }

.kids #breadcrumb { margin-top: 5pt; }
.kids #kidscontent { width: 98%; }
.kids_landing #kidscontent, .kids_babies #kidscontent, .kids_parents #kidscontent, .kids_teachers #kidscontent,
.kids_events #kidscontent, .kids_catalog #kidscontent { border: 0; }
.kids #kidscontent .k_contentchunk { width: 46%; }
.kids #kidscontent .k_contentchunk h2 { margin: 8pt 0 0 8pt; padding: 0; background: none; }

/* unreplace headers */
h1#explorethecollection, h1#buybooks, h1#bookclubs, h1#teenhandystuff,
#nuevostitulos, #programas, #traduccion, #utiles, #espanol #event, h1#programsandservices,
#programs h1#makeadifference, #programs h1#adultliteracy, #programs h1#storytime, h1#wirelessinternet,
h1#internettutoring, h1#liirss, h1#askus, h1#solanobranches, h1#newshdr, h1#presscontact, h1#pressreleases,
#about h1#directorswelcome, #about h1#historyofscl, #about h1#accomplishmentshdr
{ width: auto; height: auto; background: none; text-indent: 0;}

#pageevents h2 { display: block; }

#sitemap #main-content .wide-content ul li { position: static; }
#sitemap #sidebar { display: none; }
/* IE clears multi-paged floats, then puts second page content below */
* html #sitemap #content-container, * html #askus #content-container { float: none; margin-left: 0; }
*:first-child+html #sitemap #content-container, *:first-child+html #askus #content-container { float: none; margin-left: 0; margin-top: 25pt; }


/* branch pages SOLANO-549 */
.branch #wrapper, .branch #container 		{ width: auto !important; padding: 0; margin: 0; }
.branch #sidebar,.branch #sidebar-interior 	{ clear: both; float: none !important; width: auto; !important; overflow: hidden !important; display: block !important; margin: .125in 0 0 0 !important; position: relative; padding: 0; left: 0 !important; }
.branch #sidebar-items						{ padding: 0; }
.branch #sidebar-items img 					{ width: 2in !important; height: auto !important; float: left !important; margin: 0 .25in .25in 0 !important; }
.branch #sidebar-items .content				{ padding: 0 !important; border: none; position: relative; width: 3in; !important; margin: 0 !important; float: none !important; }
.branch #content-container, 
.branch #main-content, 
.branch .wide-content, 
.branch .wide-content .content 				{ clear: left; float: none !important; width: auto !important; overflow: visible !important; margin: 0; border: none; padding-top: 0;}
.branch #header 							{ padding-bottom: 20px;  }
.branch #pageevents, .branch #breadcrumb,
.branch #sidebar-items .content a 			{ display: none; }
.branch #header #logo span 					{ line-height: 3; }
