body { font: small/1.4 "Trebuchet MS" ,sans-serif !important; margin: 0; padding: 0; background-color: #FFF; color: #333; }
body.sidebar { background-image: url(/chrome/pagebg.gif); background-position: left; background-repeat: repeat-y; }
body#homepage { background-image: url(/chrome/homebg.gif); background-position: left; background-repeat: repeat-y; }
a:link { text-decoration: none; color: #2371B0; }
a:visited { text-decoration: none; color: #6A23B0; }
a:hover { text-decoration: underline; color: #008CFF; }
acronym { border-bottom: 1px dotted; cursor: help; }
h1 { font-size: medium; font-weight: bold; text-transform: uppercase; margin: 0.25em 0 0 0; padding: 0; color: #0DB14B; line-height: normal; }
img { border: none; }
img.button { vertical-align: bottom; }
h1 a:link, h1 a:visited { color: #0DB14B; background-color: #FFF; }
h1 a:hover { color: #008CFF; background-color: #FFF; }
h2 { font-size: small; font-weight: bold; text-transform: uppercase; margin: 1em 0 0.25em 0; max-width: 36em; padding: 0; color: #F7931E; clear: left; line-height: normal; }
h3 { font-size: small; font-weight: bold; color: #E81E26; clear: left; line-height: normal; margin: 0.75em 0 0 0; padding: 0; }
p { margin: 0 auto 0.5em 0; padding: 0; max-width: 36em; }
p.error { color: #F00; font-weight: bold; margin: 1.5em; }
form { margin: 0; padding: 0; }
dt { font-weight: bold; margin: 0; padding: 0; }
dd { margin: 0 0 1em 0; padding: 0; }
S ol { max-width: 31em; }
ul { margin: 1em 0; padding: 0; max-width: 34em; }
li ul { margin: 0 0 0.5em 0; padding: 0; }
ul li { margin-left: 1.5em; }
li p { margin-top: 0.5em; }
table { border-collapse: collapse; margin-bottom: 1em; }
caption { text-align: left; font-weight: bold; color: #F7931E; margin-top: 1em; }
thead th { text-align: left; padding-left: 5px; padding-right: 5px; vertical-align: bottom; }
tbody th { text-align: right; padding-right: 1em; vertical-align: top; }
td { border: 1px solid #CCC; padding-left: 5px; padding-right: 5px; }
div#sideContent td { border-color: #D4865D; }
.highlight { background-color: #EAEAF5; }
table.mvp td { border: 0px solid #CCC; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; }
/*used in /news/2006/libworkersdaystaffawards.html */
table.formLayout td { border: none; }
table.lookup { width: 90%; margin-bottom: 1em; }
table.lookup caption { font-size: small; font-weight: bold; color: #E81E26; margin: 0.75em 0 0.5em 0; padding: 0; }
table.lookup thead th { text-align: right; }
table.lookup tbody th { font-weight: normal; padding-left: 1em; border: 1px solid #CCC; text-align: left; }
table.lookup tbody td { text-align: right; width: 20%; vertical-align: top; }
pre { background-color: #EAEAF5; padding: 1em; border: 1px solid #CCC; }
em.fulltext { background-color: #FFC; font-style: normal; }
blockquote.verse { font-style: italic; margin-left: 0; padding-left: 0; }
div#pageContent { position: relative; margin: 0; background-image: url(/chrome/pagecontentbg.gif); background-position: 10px 0px; background-repeat: no-repeat; padding-top: 30px; padding-left: 24px; }
body.sidebar div#pageContent { background-image: url(/chrome/sidebarbg.gif); background-position: top left; background-repeat: no-repeat; padding-top: 31px; padding-left: 0; padding-right: 0; }
body#homepage div#pageContent { background-image: url(/chrome/homecontentbg.gif); }
div#mainContent { padding-right: 3em; }
body.sidebar div.featuredItem, body.sidebar div.section { padding-right: 3em; }
div#mainContent div.pageDescription { margin-bottom: 1em; }
body.sidebar div#pageContent h1 { margin: 0 0 0.25em 200px; }
body.sidebar div#mainContent div.pageDescription { margin-left: 200px; }
body.sidebar div#sideContent { position: relative; float: left; width: 168px; margin-top: -1.75em; color: #333; background-color: #FCECCB; }
body#homepage div#sideContent { margin-top: 0; background-color: #9697CB; color: #FFF; }
div#sideContent h2 { color: #E81E26; margin-top: 0; }
body#homepage div#sideContent h3 { margin: 1em 0 0 0; }
div#sideContent h2 { padding-left: 5px; padding-right: 5px; }
body.sidebar div#sideContent p { padding-left: 5px; padding-right: 5px; }
body#homepage div#sideContent h3 { color: #FFF200; }
body#homepage div#sideContent h3 a:link { color: #FFF200; }
body#homepage div#sideContent h3 a:visited { color: #FC3; }
body#homepage div#sideContent h3 a:hover { color: #FF0; }
body#homepage div#sideContent div.news { padding-left: 5px; padding-right: 5px; margin-top: 1em; }
body#homepage div#sideContent div.news p { padding-left: 0; padding-right: 0; }
body#homepage div#sideContent div.news h3 { margin-top: 0; }
div#sideContent div.book { padding-left: 5px; padding-right: 5px; }
div#sideContent table, div#sideContent caption { margin-left: 5px; margin-right: 5px; }
/***** FIXED FOR IE7 SPLOTS *****/
body.sidebar div#mainContent { width: 100%; margin-left: -200px; float: right; padding-right: 0; }
/***** FIXED FOR IE7 SPLOTS *****/
div.section { margin-bottom: 2em; }
body.sidebar div#mainContent div.section, body.sidebar div#mainContent ul.related { margin-left: 200px; }
body#homepage div#mainContent h2 { width: 120px; height: 28px; background-image: url(/chrome/whatshotbg.gif); background-repeat: no-repeat; text-indent: -9999px; margin: 0 0 1em 200px; }
body#homepage div#sideContent h2 { width: 130px; height: 28px; background-image: url(/chrome/librarynewsbg.gif); background-repeat: no-repeat; text-indent: -9999px; margin-left: 5px; }
body#homepage div#mainContent div.divider { width: 396px; height: 49px; margin: 0 0 10px 200px; background-image: url(/chrome/newshr.png); background-position: top left; background-repeat: no-repeat; clear: both; }
body#homepage div#mainContent div.divider hr { display: none; }
div#pageFooter { margin-top: 3em; margin-bottom: 0.5em; margin-left: -5px; margin-left: -200px; }
div#pageFooter3 { margin-top: 5em; margin-bottom: 0.5em; margin-left: -5px; margin-left: -400px; }
body.sidebar div#pageFooter { margin-left: 195px; }
div#pageFooter a { padding-left: 5px; padding-right: 5px; }
/* -- new footer for IE7 fix --*/
div#pageFooter2 { top: 0; right: 0px; bottom: 200px; left: 0px; }
body.sidebar div#pageFooter2 { margin-left: 195px; position: absolute; margin-top: 4em; }
div#pageFooter2 a { padding-left: 5px; padding-right: 5px; }
/* ----------------------------*/
div#masthead { background-image: url(/chrome/mastheadbg.gif); background-position: top left; background-repeat: no-repeat; height: 149px; background-color: #FFF; position: relative; }
div#masthead a#homelink { display: block; position: absolute; width: 54px; height: 107px; top: 7px; left: 23px; background-image: url(/chrome/mastlogo.gif); background-position: top left; background-repeat: no-repeat; text-indent: -9999px; }
div#masthead a#homelink:hover { text-decoration: none; }
body#homepage h1 { margin-top: 0; position: absolute; width: 54px; height: 107px; top: 7px; left: 23px; background-image: url(/chrome/mastlogo.gif); background-position: top left; background-repeat: no-repeat; text-indent: -9999px; }
div#navigation { background-color: #FFF; color: #0088C0; margin: 0; padding-left: 15px; }
div#navigation a#skipnav { display: none; }
div#navigation div { float: left; margin: 0; padding: 2px 3px 0 3px; background-image: url(/chrome/navbg.png); background-position: top right; background-repeat: no-repeat; line-height: 1.1; min-height: 32px; max-width: 20%; }
div#navigation.full div { padding: 0; width: 16%; background-image: url(/chrome/navlistbg.png); background-position: 100% 4px; min-height: 54px; }
div#navigation.larger div { padding: 0; width: 18%; background-image: url(/chrome/navlistbg.png); background-position: 100% 4px; min-height: 54px; }
div#navigation.smaller div { padding: 0; width: 14%; background-image: url(/chrome/navlistbg.png); background-position: 100% 4px; min-height: 54px; }
div#navigation div#navServices, body#homepage div#navigation div#navServices { background-image: none; }
div#navigation a { display: block; padding: 0; margin: 0 6px; font-weight: bold; font-size: medium; text-transform: uppercase; }
div#navigation a:link, div#navigation a:visited { color: #2E3192; }
div#navigation a:hover { color: #008CFF !important; }
body.account div#navAccount a:link, body.account div#navAccount a:visited, body.books div#navBooks a:link, body.books div#navBooks a:visited, body.research div#navResearch a:link, body.research div#navResearch a:visited, body.newsprogs div#navPrograms a:link, body.newsprogs div#navPrograms a:visited, body.aboutus div#navAbout a:link, body.aboutus div#navAbout a:visited, body.services div#navServices a:link, body.services div#navServices a:visited { color: #F7931E; }
div#navigation p a { display: inline; font-weight: normal; font-size: small; text-transform: none; margin: 0; }
div#navigation p a:link, div#navigation p a:visited { color: #0088C0; }
div#navigation p { display: block; margin: 0 6px; padding: 0; }
div#masthead div#searchForm { position: absolute; bottom: 28px; left: 350px; }
div#masthead div#searchForm input#q { color: #66412D; border: 1px solid #D4865D; background-color: #F9E3B1; margin-bottom: 5px; padding-left: 4px; }
div#masthead div#searchForm label { color: #00A994; }
div#masthead div#searchForm a { padding-left: 1.5em; }
div#masthead div#searchForm a:link, div#masthead div#searchForm a:link, div#masthead div#searchForm a:link { color: #EF7C32; }
hr.clearing { margin: 0; border: none; clear: both; height: 1px; visibility: hidden; }
div#pagedate, div#dateLine { text-align: right; color: #EF7C32; line-height: normal; position: absolute; height: 2em; top: 0; right: 3em; }
div.photoRight { float: right; text-align: center; margin: 0 0 1em 1em; font-size: x-small; color: #999; }
div.photoRight img { display: block; }
div.photoLeft { float: left; margin: 0.25em 1.0em 0.5em 0; text-align: center; font-size: small; }
div.photoLeft img { display: block; }
div.photoStatic { float: left; text-align: center; margin: 1em 0 1em .5em; font-size: x-small; color: #999; }
div.photoStatic img { display: block; }
div.photoStatic2 { float: right; text-align: center; margin: 1em 0 1em .5em; font-size: x-small; color: #999; }
div.photoStatic2 img { display: block; }
li.faded { color: #999; }
li.today { color: #75A653; }
div.featuredItem { margin: 0.5em 2em 2em 0; }
body.sidebar div.featuredItem { margin-left: 200px; }
body.sidebar div#sideContent div.featuredItem { margin-left: 0; }
div.featuredItem img.cover { display: block; float: right; margin-left: 2em; margin-bottom: 1em; }
div.featuredItem img.cover2 { display: block; float: right; margin-left: 2em; margin-bottom: 1em; background-image: url(../teenspace/books/covers/bg_mask.jpg); background-position: center; background-repeat: no-repeat; background-color: #FFF; }
div.featuredItem h2 { margin-bottom: 0; }
div.featuredItem span.subtitle { font-weight: normal; }
div.featuredItem h3 { margin-top: 0; padding-top: 0; }
div#sideContent ul { margin: 0.25em 0.5em 1em 1.5em; padding: 0; }
div#sideContent ul li { line-height: normal; margin: 0 0 0.5em 0; list-style-type: disc; }
div#sideContent ul.compact li { margin-bottom: 0; }
div.column2 { margin: 0; padding: 0; width: 48%; float: left; }
div.column3 { margin: 0; padding: 0; width: 30%; float: left; }
ul.column3 { margin: 0; padding: 0; width: 30%; float: left; }
ul.column3 li { margin: 0 0 0 1.5em; padding: 0; }
ul.column2 { margin: 0; padding: 0; width: 49%; float: left; }
ul.column2 li { margin: 0 0 0 1.5em; padding: 0; }
div#itemRequest { position: relative; padding-right: 200px; }
div#itemRequest img.cover { display: block; position: absolute; top: 10px; right: 0; }
table#hours td { text-align: right; border: 1px solid #D4865D; }
table#hours col.today { background-color: #F7931E; }
table#hours tr.today { background-color: #F7931E; }
table#hours td.today { background-color: #F7931E; }
table#hours th.today { background-color: #F7931E; border: 1px solid #D4865D; }
table#hours tr.today th { border: 1px solid #D4865D; }
table.calendar tbody td { text-align: right; }
table.calendar td.past { background-color: #E0E0E0; color: #808080; }
form#progSearch { font-size: 80%; }
form#progSearch fieldset { border: none; }
form#progSearch table.calendar { float: left; margin-right: 3em; }
form#progSearch table.calendar td.selected { background-color: #FFC; }
form#progSearch table.formLayout { margin-top: 2em; margin-bottom: 1em; }
p.footnote { margin-top: 2em; font-style: italic; }
div#spotlightOn, div#spotlightOn2 { padding: 0.5em; margin: 0.5em 0; background-color: #FCECCB; }
div#spotlightOn2 { border: 1px solid #F26A22; }
div.book div.image { float: right; }
div.section div.image { float: right; margin: 0em 0 2em 2em; }
body#hotauthors div.authorChecked { background-color: #FCECCB; }
body#search tbody td { border: none; }
body#search div#searchStatus { position: relative; margin-top: 1em; background-color: #FFF; color: #666; }
body#search div#searchStatus div.echoQuery { position: absolute; }
body#search div#searchStatus div.resultCount { text-align: right; }
body#search div.sortby { text-align: right; margin-bottom: 1em; background-color: #FFF; color: #666; }
body#search dl.searchResults .indent { margin-left: 3em; }
body#search span.google { font-weight: bold; }
body#search span.google span.blue { color: #0039B6; }
body#search span.google span.red { color: #C41200; }
body#search span.google span.yellow { color: #F3C518; }
body#search span.google span.green { color: #30A72F; }
div.formLine { margin: 0.25em 0; }
div.formLine label.under { padding-left: 1em; }
form#accessform { padding-top: 0.5em; }
form#accessform p { font-style: italic; }
form#accessform div { margin-bottom: 0.5em; text-align: left; }
form#accessform label { color: #AB6AAF; padding-left: 0.5em; }
form#accessform input.text { background-color: #CBDFF3; border: 1px solid #8283C4; }
form#loginForm { margin: 1.5em; }
form#loginForm label { padding-right: 0.25em; }
form#loginForm input { margin-right: 1.25em; }
div.bookclub { width: 40%; float: left; padding-right: 3em; }
div#sideContent p.book { margin-top: 1em; margin-bottom: 1.5em; }
div#sideContent p.book cite.title { font-weight: bold; font-style: normal; }
ul.books li { margin-bottom: 1.5em; }
ul.books li a { font-weight: bold; }
div.screenshot { margin-left: 1.5em; margin-bottom: 1.5em; }
div.wideImage { margin: 1em 0; font-size: x-small; color: #999; }
body.presentation div#pageContent { background-image: none; padding-top: 0; margin-top: -14px; }
body.presentation div#pageContent p { margin-top: 1.5em; font-style: italic; }
div#accountAccess { width: 200px; margin-left: 2em; float: right; }
div#accountAccess h2 { margin-top: 0; }
div#accountAccess td { border: none; padding-bottom: 0.25em; }
div#mainContent dl.faq { max-width: 36em; }
div#mainContent dl.faq dd { margin: 0.25em auto 1.5em 2em; max-width: 34em; }
span.phone { white-space: nowrap; }
/* Hides from IE-mac \*/
* html div#navigation { height: 1%; }
* html body#homepage div#navigation { height: auto; }
* html div#itemRequest { height: 1%; }
* html body#homepage div#mainContent h2 { margin-top: 0.25em; }
* html body.sidebar div#pageContent { padding-right: 0; }
* html div#navigation div { height: 32px; }
* html body#homepage div#navigation div { height: 54px; }
/* End hide from IE-mac */
div.superceeded { color: #333; background-color: #E0E0E0; padding: 1em; }
div.superceeded h2 { color: #999; }
div.superceeded p { color: #999; }
div.superceeded ul { color: #999; }
div.superceeded li { color: #999; }
div.superceeded li a { color: #999; }
div#pageContent blockquote { margin: 1em 2em; max-width: 34em; }
div#pageContent blockquote cite, div#pageContent blockquote cite.special { font-size: smaller; display: block; text-align: right; font-style: italic; margin-top: 0.5em; }
div#pageContent blockquote cite.special a { font-size: smaller; }
div#mainContent div.alert { margin: 1em 0; padding: 1em; border: 1px solid #E81E26; }
div#mainContent div.alert p { color: #E81E26; font-weight: bold; }
div#mainContent div.alert p a:link, div#mainContent div.alert p a:visited { color: #F00; text-decoration: underline; }
.icons { vertical-align: middle; margin: 0px 0px 1px 0px; }
.redText { color: #FF0000; }
/* ---  main/serviceguide.html -----*/
.setWidth { width: 200px; padding-right: 45px; padding-bottom: 10px; }
.directory { width: 100%; padding: 10px; }
/*----------------------------------*/
/* ie fix for sidebar type content */
body.sidebar div#mainContent div.section { position: relative; left: 0px; top: 0px; }
/* ie 6 fix for sidebar type content */
* html body.sidebar div#mainContent div.section { position: relative; left: 0px; top: -200px; }
.slideshowWrapper { overflow: hidden; position: relative; }
.slideshowImages { position: relative; }