/* TESTING interior OK NS 7, Firefox, IE  */
/* revised 3-1-06
commented out two clearfix hack rules
 -MC */
/* layout elements */
body{background: #511B01; color: #000;}
body.popup{background: #FFFFFF; color: #000;}
/* hc */
/*body.hc, body.hcsinglecol, body.hchome{background-image: url(bg/hcbg.gif);}*/
div.myhbs {background: #511B01; color: #000;}
/* Alsett Clearing Method */
.clearfix:after{content: "."; height: 0; clear: both; visibility: hidden;}

/* IE Mac fix */
/* .clearfix {display: inline-block;} */

/* Holly hack for IE6 Windows */
/* *html .clearfix {height: 1%;}    */

/* Holly hack, continued */
.clearfix{display: block;} 

#container, #footer, #copyright{width: 760px; margin: auto;}
#container{border: 1px solid #000; margin-top: 15px;}
#pagetop{background-color: #515352; height: 28px;}
/* utility links and search box */
#utility{width: 350px; height: 24px;}
#utility ul{margin: 0 0 0 9px; padding: 0;}
#utility ul li{list-style: none; background: url(bg/pagetoplibg.gif) no-repeat 0 8px; display: block; margin: 3px 0 0 0; padding: 3px 8px 3px 10px; float: left;}
#utility ul li.first{background-image: none;}
#utility ul li a{background-color: #515352; color: #D9D9D9; text-decoration: none; margin: 0; padding: 0;}

#searchbox form, #searchbox label{margin: 0; padding: 0;display: inline;}

#searchbox {width: 323px;background-color: black;padding-bottom:3px;padding-left: 15px;height:25px;}
#searchbox input#sitesearch {width: 255px;font-size: 10px;border-width: 1px;position: relative;bottom: 2px;margin-right:2px;background-color: #DFE8ED;}
#searchbox img {position: relative; top: 4px;left: 2px;}

#masthead{background: #004667 url(bg/bg-masthead.gif) repeat-x top left; margin: 0; padding: 0; border-bottom: 1px solid #24667E;}
}
/* bg-masthead.gif */
#banner-print, #site-name{ /* print banner */
	display: none;
}
img{border: none;}
#footer{background-color: #FFFFFF; border-top: 1px solid #054261; margin: 0; padding: 8px 0;}
#footer .col{margin: 0; padding: 0;}
#footer ul{list-style: none; text-align: center; margin: 0 0 5px 0; padding: 0;}
#footer li{display: inline;
background: url(bg/footerlibg.gif) no-repeat center left;
margin: 0; padding: 3px 8px 3px 11px;}
#footer li.first{background-image:none;}
#footer a{color: #437085; text-decoration: none;}
#footer a:hover{text-decoration: underline;}
#address{background-color: #013E5D; color: #97AFB3; padding: 5px 5px 5px 12px;} /* not sure the width will work in Firefox */
#copyright{padding: 10px 0 10px 12px;}
#copyright, #copyright a{color: #BE8C2D;}

/* INTERIOR PAGES ONLY */

/* breadcrumb - a pixel or two taller than psd file, not the same height as breadcrumb in guides */
#breadcrumb{display: block; clear: both; background-color: #ADB6BB; color: #2E414F; border-top: 1px solid #66737B; height: 14px; margin: 0; padding: 4px 0 4px 15px;}
#breadcrumb a{margin: 0; padding: 0;}
.gu #breadcrumb{background-color: #66737B; color: #E8E7E3; height: 12px; border: 1px solid #66737B;}
.gu #breadcrumb a{color: #E8E7E3;}
/* set the background image for page to fill in the header shading */
/* need js to set min-height in IE?, no bgs loading in safari */
#page{background-image: url(bg/page1colbg.gif);}
#page{background-repeat: no-repeat; background-position: 0 0; margin: 0; padding: 0;}
.twocol #page{background-image: url(bg/page2colbg.gif); background-repeat: no-repeat; background-position: 0 0; margin: 0; padding: 0;}
.gu #page{background-image: url(bg/pageguidebg.gif); background-repeat: no-repeat;}
.hc #page{background-image: url(bg/page2colhcbg.gif); background-repeat: no-repeat;}
.hchome #page{background-image: url(bg/page2colhcbg.gif); background-repeat: no-repeat;}
.hcsinglecol #page{background-image: url(bg/page1colhcbg.gif); background-repeat: no-repeat;}
/* set the background image for content to tile the left border */
#gutter{margin: 0; padding: 0;}
#gutter{background: url(bg/gutterbg.gif) repeat-y 26px 0;}
.twocol #gutter{background: url(bg/gutterbg.gif) repeat-y 145px 0;}
/* page content */
#content, .twocol #content{background:transparent; border-top: 1px solid #777;
border-right: 1px solid #FFFFFF; } /* hack for IE6 */
.gu #content{background: none; border-top: 1px solid #FFFFFF;}
#content{margin: 0; padding: 10px 20px 20px 42px;} /* any page */
#content h1{margin: 0 0 19px 0; padding: 0; width: 650px; height: 38px;}
.twocol #content{padding: 10px 20px 20px 182px;}
.twocol #content h1{width: 525px; margin: 0 0 19px -20px; padding: 0;}
/* exceptions to standard padding */
.db #content{padding: 10px 20px 20px 162px;}
.db #content h1{margin-bottom: 0; margin-left: 0; padding: 0;}
.az #content h1{margin-bottom: 0; margin-left: 0; padding: 0;}
.rs #content{padding: 10px 20px 20px 42px;}
.rs #content h1{margin-bottom: 0; margin-left: 15px; padding: 0;}
.hchome #content{padding: 10px 5px 20px 152px;}
.hchome #content h1{margin-bottom: 0; margin-left: 0; padding: 0;}
.newsletter #content{padding: 10px 5px 20px 42px;}
.newsletter #content h1{margin-bottom: 0; margin-left: 0; padding: 0;}
/* =SIDE NAV */
.twocol #sidenav{width: 144px; float: left; margin: 40px 0 0 0; padding: 0;}
#sidenav ul, #sidenav ul li{margin: 0; padding: 0;}
#sidenav ul{list-style-type: none;}
#sidenav ul li{background-color: #F7F1B7; border-bottom: 1px solid #FFFFFF; background-image: url(bg/sidelibg.gif); background-repeat: no-repeat; background-position: 7px 7px;}
#sidenav ul li a{display: block; color: #985417; text-decoration: none; border: 1px solid #F7F1B7; margin: 0; padding: 0 1px 2px 15px;}
#sidenav ul li.active{background-color: #FBE58F;background-image: url(bg/sidelibg.gif); background-repeat: no-repeat;}
#sidenav ul li.active a{background-color: transparent;}
#sidenav ul li a:hover{text-decoration: underline;}
.gu #sidenav{margin: 0 0 0 0; padding: 0;} /* cancels top margin for clickable image at top of side nav */
.gu #sidenav ul li{background-color: #D4E5F9;}
.gu #sidenav ul li a{color: #012C4C; border: 1px solid #D4E5F9;}
.gu #sidenav ul li.active{background-color: #ABC8D0; background-image: url(bg/guideactivebg.gif); background-repeat: no-repeat;}
.gu #sidenav ul li.active a{background-color: transparent; background-image: url(bg/guideactiveright.gif); background-repeat: no-repeat; background-position: top right; padding: 0 5px 2px 15px;}
.hc #sidenav ul li{background-color: #E3E6D1;}
.hc #sidenav ul li a{color: #7A2C08; border: 1px solid #E3E6D1;}
.hc #sidenav ul li.active{background-color: #D1E292;}
.hchome #sidenav ul li{background-color: #E3E6D1;}
.hchome #sidenav ul li a{color: #7A2C08; border: 1px solid #E3E6D1;}
.hchome #sidenav ul li.active{background-color: #D1E292;}
/* related =RELATED */
#sidenav .related {margin-bottom: 20px;}
#sidenav .related h4{margin-top: 20px;}
#sidenav .related ul li{background-color: #FFFFFF;}
#sidenav .related ul li a{border: none; background: url(bg/siderelatedlibg.gif) no-repeat 0 2px; padding-top: 5px;}
/* all guides link and hchome link */
ul.guhome, ul.hchome{margin-top: 20px; margin-bottom: 20px;}
#sidenav .related ul.guhome li a{background: url(bg/gohomelibg.gif) no-repeat left top; height: 25px;}
#sidenav .related ul.hchome li a{background: url(bg/hchomelibg.gif) no-repeat left top; height: 40px;}
#sidenav h4{color: #3B7AA5; margin: 5px 0 0 1px; padding: 6px;}
.gu #content #sidenavh4{color: #89131F;}
#sidenav li.hide{display: none;}
#sidenav p.copyrightnote{background: url(bg/sidenavrule.gif) no-repeat left top; color: #7C7C7C; padding: 10px 10px 20px 10px;}
div.printbutton{float: right; margin: -20px 0 0 -40px; padding: 0;}
#content .printbutton a{display: block; color: #303866; background: url(bg/printbuttonbg.gif) no-repeat left top; margin: 0; padding: 2px 2px 5px 21px;}
#content .printbutton a:hover{background-color: #FFFFFF;}

/* main content elements on the page =LISTS */
#content ul li ul, #content ul li ol, #content ol li ul, #content ol li ol{margin: 0 0 0 0; padding: 0;}
/* list indent */
#content ul{list-style: none; margin: 0 0 0 34px; padding: 0;}
.twocol #content ul{list-style: none; margin: 0 0 0 17px; padding: 0;}
#content ul li{margin: 6px 0 10px 0; padding: 0 0 0 12px;}
#content ul li, #content li ul li{background-repeat: no-repeat; background-position: 0 0.5em;}
#content ul li{background-image: url(bg/bullet01.gif);}
#content li ul{padding: 15px;}
#content li ul li{background-image: url(bg/lvl2bullet.gif);}
/* settings for headers =HEADERS */
#content h1,#content h1 a,#content h2, #content h3{color: #0C3273;}
.gu #content h1 a{color: #0C3273;}
.gu #content h2 {font-size: 120%;}
.hc #content h2{color: #68727B; font-weight: normal; font-size: 150%;}
.twocol #content h2{margin: 1.75em 0.3em 0 0;}
/* did not do the 4px left-indent on research home mock up */
#content h2{margin: 35px 0 5px 0;}
#content h2.first{margin: 5px 0 5px 0;}
#content h3{margin: 20px 0 5px 0;}
#content h2{font-weight: bold;}
#content h3{font-weight: bold;}
#content h1 a{text-decoration: none; border-bottom: none;}
/* azindex, databases/completelist */
#content div.az{margin: 0 0 5px 0; padding: 0;}
#content .az{letter-spacing: 0.28em;}
#content .az a{border-bottom: none;}
#content .sitemapbutton a {font-size: 60%; margin: 10px 10px 10px 30px;}

.gu #content form{margin: 1em 0 1em 0;}

/* =TABLE STYLES  */
/* table with bordered cells */
.grid{margin: 5px;}
.grid table{border-top: 1px solid #777; border-right: 1px solid #777; border-collapse: collapse;}
.grid th, .grid td{vertical-align: top; border-bottom: 1px solid #777; border-left: 1px solid #777;}
.grid th{background: #ddd; color: #555; font-weight: bold; padding: 2px;}
.grid td{padding: 3px;}
/* table with no borders */
.list{border-collapse: collapse;}
.list th, .list td{vertical-align: top;padding: 0.5em;}
.list th{text-align: left;}
p.tip{background: url(bg/check.gif) no-repeat 5px 0; padding: 0 0 0 23px;}
.gu #content form span, #content #page-search form span{display:block;}
.page-search form span{display:block;}
/* hours page */
.hours #content table{margin: 10px; border-top: 1px solid #83A7CB; border-left: 1px solid #83A7CB; border-collapse: collapse;}
.hours #content th, .hours #content td{border-right: 1px solid #83A7CB; border-bottom: 1px solid #83A7CB;}
.hours #content th{background: #C5D5EA; color: #30425A;}
/* #336699; color: #CCDAEA; reverse colors */
.hours #content td{background: #D6E7FF;}
.hours #content td{text-align: center; padding: 3px 5px 3px 5px;}
.hours #content th{width: 100px; font-size: 85%; font-weight: normal; text-transform: uppercase; padding: 3px 5px 3px 5px;}
.hours #content th.service{width: 200px;}
/* alert on hours page */
.hours p.alert {border: 1px solid #985417; background-color:#F7F1B7; padding: 10px 20px 10px 20px;}

.db td{vertical-align: top;}
#content .grid2 {border-collapse: collapse; border-bottom: 1px solid #86939C; margin: 10px 0 0 0; padding: 0;}
#content .grid2 td {vertical-align: top;}
#content .grid2 td {border-bottom: 1px solid #86939C; padding: 10px 5px 15px 5px;}
 /* Firefox could be a pixel or two higher but then the IE version is too high */
#content .grid2 th {text-align: left; color: #5B5B5B; background-image: url(bg/dbthbg.gif); background-repeat: repeat-x; background-position: 0 0; height: 54px; line-height: 25px; border-bottom: 1px solid #86939C; margin: 0; padding: 0;}
.guidehome #content .grid2 th{background: url(bg/grid2thshortbg.gif) repeat-x top left; height: 47px;}
#content .grid2 tr.first th{background-image: url(bg/dbthfirstbg.gif); background-repeat: repeat-x;}
#content .grid2 th h2 {color: #AE3D05; margin: 0; padding: 0;}
#content .grid2 td.access{border-left: 1px solid #86939C; width: 145px;}
#content .grid2 ul{list-style-type: none; margin: 0; padding: 0;}
#content .grid2 ul li{color: #707070; background: url(bg/dblibg.gif) no-repeat 0 8px; margin: 0; padding: 3px 0 1px 10px;}
#content .grid2 h2 {margin: 0; font-size: 140%;}
#content .grid2 h3 {margin: 0; font-size: 120%;}
#content .grid2 a.helpsheet {margin-left: 40px;}
#content .grid2 strong{color: #555;}

/* on research services */
#content .grid2 ul li strong.nam{font-weight: normal; display: block; float: left; width: 130px;}
#content .grid2 ul li em.phone{font-style: normal; display: block; float: left; width: 120px;}
/* rss feeds list */
#content table.grid3 {border-top: 1px solid #559DCF; border-right: 1px solid #559DCF;}
#content .grid3 th{background: #D4E5F9; text-align: left; padding: 5px 10px; height: 20px;}
#content .grid3 td, #content .grid3 th{vertical-align: top; border-bottom: 1px solid #559DCF; border-left: 1px solid #559DCF;}
#content .grid3 td{padding: 5px 10px;}
#content .grid3 h3{margin: 0 0 0 0;}


/* basic tables - announcement grids */
.basic{margin: 10px 0 10px 0; border-collapse: collapse; border-top: 1px solid #d9e0e6; border-right: 1px solid #d9e0e6;
}
.basic th, .basic td{vertical-align: top; border-bottom: 1px solid #c8cdd2; border-left: 1px solid #c8cdd2; padding: 5px;}
.basic tr {background: #fff;}
.basic tr.alt{background: #eee;}
.basic th {background: #f2f6f7;}


.copyrightnote{background-image: url(bg/bullet01.gif); background-repeat: no-repeat; background-position: 0 0.5em; padding: 0 0 0 10px;}

.db #content .copyrightmessage{background: #DEE3E8; border: 1px solid #888; margin: 0 35px; padding: 10px 15px;}
.db #content .copyrightmessage h1{margin: 0; padding: 0;}

/* go button */
html #page #content a.gotodb{background-color: #569CCD; color: white; font-weight: bold; text-decoration: none;
 border-top: 1px solid #FFFFFF; border-right: 1px solid #404040; border-bottom: 1px solid #404040; border-left: 1px solid #FFFFFF; padding: 4px 12px 6px 12px;}
html #page #content a.gotodb:hover{background-color: #18527A; color: white;}
div.gotodb { padding-bottom: 15px;text-align: center; margin-right: 50px;}


a.pdf{background: url(/css/bg/pdflink.gif) no-repeat top right; margin: 0; padding: 0 20px 2px 0;}

/* tools page and hc */
.customgrid td{vertical-align: top; text-align: left; width: 30%; padding: 0; border: 1px solid #559DCF;}
#content .customgrid h3{background: #D4E5F9; border-bottom: 1px solid #559DCF; margin: 0 0 0 0; padding: 5px; height: 20px;}
.customgrid .inside{margin: 5px; padding: 2px;}
.customgrid p{margin: 0 0 1.0em 0;}

/* newsletter page */
.newsletter #content .custompage{margin: 0 20px 20px 150px;}
.newsletter #content .custompage h2{background: url(bg/customheaderbg.gif) no-repeat 0 0; color: #FFFFFF; margin: 20px 0 0 0;  padding: 5px 10px 5px 10px;}
.newsletter #content .custompage h2 a{color: #FFFFFF;}
.newsletter #content .custompage h3{background: url(bg/horizontalrule.gif) no-repeat bottom left;  margin: 0 0 0 0; padding: 5px 10px 5px 10px;}
.newsletter #content p{margin: 1.0em; line-height: 140%;}
.newsletter #content h2.month{margin: 10px 0 0 0; padding: 0; font-family: Garamond, Georgia, serif; font-size: 200%; letter-spacing: 1px; text-transform: capitalize; color: #354D93;}
.newsletterhighlight{background-color: #800080; color: #FFFFFF; padding: 2px;}
.montharchive p.pubdate{display: none;}
.currentnewsletter p.pubdate{display: none;}  
/* hide the pubdate on the month pages */

.newsletter #content .custompage .top h2{background: url(bg/horizontalrule.gif) no-repeat bottom left;  margin: 0 0 0 0; padding: 8px 10px 8px 10px; color: #0C3273; font-size: 100%;}

.montharchive .custompage{width: 430px;}
.sujbectarchive .custompage{width: 430px;}
/* find books page */
#page-search, .page-search  {margin: 20px 0 10px 0; padding: 15px; background: #E3DFDF; border-bottom: 1px solid #B3B3B3;}
#page-search input.submit,
.page-search input.submit {background-color: #569CCD; color: #FFFFFF; font-weight: bold;margin-left:4px;}
.pagebox{border: 1px solid #86939C; padding: 10px;}
#content .pagebox h2{color: #909090;}

/* 1/2 page column */
.textcol{width: 45%; float: left; margin: 5px;}
.updated{clear: both;}
#content a img{border-bottom: none;}

.clearer{display: block; clear: both; margin: -0.66em 0; visibility: hidden;}
.front .clearer{display: block; clear: both; margin: -0.86em 0; visibility: hidden;}
/* on this page */
#onthispage{width: 138px; margin: 5px 15px 5px 0;}
#onthispage h5, #content .anchorgrid h5{color: #FFFFFD; margin: 0 0 1px 0; padding: 3px 7px 3px 7px;}
#content #onthispage ul li, #content .anchorgrid ul li{background: url(bg/smallborderlibg.gif) no-repeat 0 0; margin: 0; padding: 3px 0 1px 16px;}
#content #onthispage ul li.first, #content .anchorgrid ul li.first{background: url(bg/smallborderfirstlibg.gif) no-repeat 0 0;}
#onthispage ul li a, #content .anchorgrid ul li a{border-bottom: 0; color: #6F6F6F; font-weight: normal; margin: 0; padding: 0;}

/* becca is working on this - OK, but now Firefox returns js errors
because of the border 1 instead of 1px solid  */

#content #onthispage #archives-top ul {border-bottom: 0;border-top: 1px solid #888;  border-right: 1px solid #888; border-left: 1px solid #888; margin: 0; padding: 0;}
#content #onthispage #archives-middle ul {border-top:0; border-right: 1px solid #888; border-bottom: 1px solid #888;  border-left: 1px solid #888;   margin: 0; padding: 0 0 0 8px;}
#content #onthispage #archives-middle ul li {background: none; padding: 5px 2px 5px 10px;}
#content #onthispage #archives-bot ul {border-top: 0; border-right: 1px solid #888; border-bottom: 1px solid #888; border-left: 1px solid #888; margin: 20px 0 0 0; padding: 0;}
#content #onthispage #archives-bot ul li {border-top: 1px solid #888;}
#content #onthispage #archives-bot ul li.first {background: none; border-top: 1px solid #888;}


/* saving blue background color: background-color: #D4E5F9;}*/

#onthispage h5{margin: 0 0 1px 0;}
#onthispage h5{text-transform: lowercase;}
#onthispage h5{background: #354C92; border: 1px solid #8089A8;margin: 0 0 1px 0;}
#content #onthispage ul{list-style-type: none; border: 1px solid #8089A8; margin: 1px 0 0 0; padding: 0 1px 5px 1px;}

/* how do i, baker books faculty and topics  */
#content .anchorgrid{margin:0; padding: 0; width: 530px;}
#content .anchorgrid h5{background: url(bg/customheaderbg.gif) no-repeat 0 0; margin: 0 0 0 1px;}
#content .anchorgrid ul{list-style-type: none; margin: 0; padding: 0;}
#content .anchorgrid td{vertical-align: top; width: 140px; border: 1px solid #8089A8; padding: 2px;}
#content .anchorgrid td.first{padding: 2px 2px 2px 0;}
#how h2{margin:0 0 1.0em 0; padding:10px 0 0 0; font-size:150%; font-weight: normal;}

.howdoi #content em strong{color: #555; font-style: normal;}

.backtotop{background: url(bg/backtotopbg.gif) no-repeat 0 3px; color: #C4B469; padding: 0 0 0 14px;}
#content .backtotop a{font-weight: bold; color: #C4B469; text-transform: lowercase;}
/* trouble placing the link in the standard.header */
/* resources for you */
/* unable to put dotted rule around box because # of links varies from page to page, unable to carry headers all the way across, content padding needs to stay without having to add extra divs in every section */
.rs #content h2{background: url(bg/resourcesh2bg.gif) no-repeat 0 0; padding: 4px 30px; height: 18px;}
#frequentlinks{float: right; width: 210px; margin: 5px 0 10px 10px; padding: 0 0 15px 15px;}
#content #frequentlinks h2{background: url(bg/customheaderaltbg.gif) no-repeat 0 0; color: #FEFFFF; margin: 0; padding: 3px 10px; }
#content #frequentlinks ul, #content #frequentlinks li{list-style-type: none; margin: 0; padding: 0;}
#content #frequentlinks li a{display: block; background: #D7E6F9; color: #1A2E53; border-bottom: none; border-bottom: 1px solid #FFFFFF; font-weight: normal; margin: 0; padding: 4px 10px;}
#frequentlinks li{border: 1px solid #D7E6F9;} /*close  ie6 gaps */

.rs h2.first{width: 396px; margin: 0 0 0 0;}/*  keep frequent links in place - IE 6 */
.rs h2.second{height: 30px; clear: both;}
.photobox{margin: 0 10px 0 10px;} /* used on about baker */
.hideheaders h1{display: none;} /* used on all how do i, and can be used in guides */
#content p.first, #content p.p1{margin-top: 0;}

.smallbox{width:150px; border: 1px solid #203645; background-color: #cadbe7; margin: 5px; padding: 1.0em 1.5em 1.0em 1.5em; }

/* =BAKER BOOKS */
#featured{background: #E3E7EB;}
#featured h5{background: url(bg/featuredheaderbg.gif) repeat-x top left; color: #FFF; margin: 0; padding: 3px 10px;}
#featured .inside{padding: 10px 10px 2px 10px;}
#featured img{margin: 0 15px 15px 0;}
.introtext{width: 580px;}

/* =TABS (adapted from Bulletproof Web Design) =TABS */
#content #tabs{float: left; width: 500px; margin: 1px 0 15px 0 ; padding: 0 0 0 0; list-style: none; background: #FFF url(bg/tabbg.gif) repeat-x bottom left;}
#content #tabs li{float: left; margin: 0 0 0 0; padding: 0 0 0 0;
font-family: "Lucida Grande", sans-serif; font-size: 95%;}
#content #tabs li a{float: left; display: block; margin: 0 1px 0 0; padding: 4px 8px; color: #333; text-decoration: none; border: 1px solid #569CCD; background: #D4E5F9 url(bg/taboffbg.gif) repeat-x top left;} /* f9e9a9; */
#content #tabs li a:hover{color: #333; border-color: #569CCD;
background: #FFF url(bg/tabonbg.gif) repeat-x top left;border-bottom: 1px solid #FFF;}
/* active state */
.bydept #tabs li#booksbyunit a{color: #333; border-color: #569CCD;
background: #FFF url(bg/tabonbg.gif) repeat-x top left;border-bottom: 1px solid #FFF;}
.byauthor #tabs li#booksbyauthor a{color: #333; border-color: #569CCD;
background: #FFF url(bg/tabonbg.gif) repeat-x top left;border-bottom: 1px solid #FFF;}
.fachome #tabs li#facultybooks a{color: #333; border-color: #569CCD;
background: #FFF url(bg/tabonbg.gif) repeat-x top left;border-bottom: 1px solid #FFF;}
.recenthome #tabs li#recentbooks a{color: #333; border-color: #569CCD;
background: #FFF url(bg/tabonbg.gif) repeat-x top left;border-bottom: 1px solid #FFF;}
.bytopic #tabs li#booksbytopic a{color: #333; border-color: #569CCD;
background: #FFF url(bg/tabonbg.gif) repeat-x top left;border-bottom: 1px solid #FFF;}
.bymonth #tabs li#booksbymonth a{color: #333; border-color: #569CCD;
background: #FFF url(bg/tabonbg.gif) repeat-x top left;border-bottom: 1px solid #FFF;}


/* =PRINT PAGE STYLES */
ul.printpage{list-style-type: none; float: right; height: 30px;}
.printpage li{background: url(bg/printpagebg.gif) no-repeat 0 0;  margin: 0; padding: 1px;}
.printpage li a{font-weight: bold; margin: 0; padding: 5px 5px 5px 25px;}
.printpage a:link, .printpage a:visited{color: #000; text-decoration: none;}
.printpage a:hover, .printpage a:active{color: #800;}
.titlenolink{font-weight: bold; color: #555;}
.access{color: #080;}

/* =HC HOME */
.hcgrid{color: #515151;}
.hcgrid td{vertical-align: top;  text-align: left; padding: 0;}
.hcgrid th{vertical-align: top; text-align: left;}
.hchome .p1{margin-top: 0;}
.hchome td.pic{border: 2px solid #BFD662; padding: 1px; margin: 0;}
.hcrotate{border: 1px solid #BFD662; margin: 2px; padding: 1px; }
.hcrotate div.rotatecontrols{width: 275px;  height: 18px; margin: 1px; padding: 1px;}
td.hccol{border: 1px solid #BED563; margin: 0; padding: 0;}
#content .hccol h2{background: #E3E7D0; color: #696B6A; border-bottom: 1px solid #BED563; margin:  0 0 0 0; padding: 0 0 0 0; font-size: 90%;}
.hccol .inside{margin: 3px; padding: 2px;}
.hccol .img{float: right; margin: 2px; padding: 0;}
.hcpub{float: left; margin: 0; padding: 0;}
.hcpub p{text-align: center; width: 130px; margin: 2px; padding: 2px;}
#content div.rotatecontrols a{border-bottom: none;}
/* =HC INTERIOR  */
.hc #content h2{border-bottom: 1px solid #BED561; margin: 0; padding: 0 0 5px 0;}
.hcpopup{background: #ffffff;}
.hccallout{border: 1px solid #BED561; background: #E2E5D0; margin: 30px 0 0 0; padding: 10px 20px 25px 20px;}
.hcpicture{margin: 18px 15px 18px 0; padding: 2px;}
#content .hcpicture a{border-bottom: none;}
p.hcbox img{float: left; margin: 0 10px 10px 0; border: 1px solid #808A56;}
.exhibits {margin: 5px;}
.exhibits strong{color: #0065CA;} /* exhbits page */
/* trade card page */
.hc #content .customgrid td{border: 1px solid #BED563;}
.hc #content .customgrid h3{background: #E2E5D0; border-bottom: 1px solid #BED563; margin: 0 0 0 0; padding: 5px; height: 20px;}

/* =HC POP UPS  */
body.popup-hc{background: #E2E5D0; padding: 0;}
.popup-hc #content {background: #FFFFFF; border-top: none; margin: 0 0 0 0; padding: 25px;}
.popup-hc .grid {margin: 0; padding: 0;}
.popup-hc .grid table{margin: 15px 0 0 0 ; border-top: 1px solid #BED563; border-right: 1px solid #BED563;}
.popup-hc .grid th, .popup-hc .grid td{border-bottom: 1px solid #BED563;
border-left: 1px solid #BED563;  padding: 3px 8px 3px 8px;}
.popup-hc td.desc, .popup-hc td.coll{font-weight: bold; color: #792B07;}
.popup-hc td.caption{color: #808080;}

ul.welcomelist li{margin: 1.5em;}
.exch div#footer{clear: both;}
.faq h2{color: #555;}
.faq h3{color: #777;}
.faq p{margin: 1.0em;}
.faq ul{margin: 0 0 0 2.0em; padding: 0;}
.faq ul li{margin: 0; padding: 0;}

/* =LINK STYLES */
#breadcrumb a{color: #2D434E; text-decoration: none;}
#breadcrumb a:hover{text-decoration: underline;}
#breadcrumb .active a {font-weight: bold; text-decoration: none;}
#content a,  p.copyrightnote a{font-family: "Lucida Grande",Arial,Verdana,Geneva,Helvetica,sans-serif;  font-weight: bold; text-decoration: none; border-bottom: 1px dotted #999;}
#content a:link, #content  a:visited{color: #0065CA;}
/* #content a:visited{color: #525653;} */
#content a:hover{background-color: #F1E7B1; color: #920D02;}
/* hc link colors */
.hc #content a:link, .hc #content a:visited{color: #0065CA;}
.hchome #content a:link, .hchome #content a:visited{color: #0065CA;}
/* override link style in databases */
#content .grid2 h3 a{font-family: "Lucida Grande",Arial,Verdana,Geneva,Helvetica,sans-serif;  font-weight: bold; text-decoration: none; font-size: 85%;}
#content .grid2 h3 a:link{color: #0065CA;}
#content .grid2 h3 a:hover{background: #F1E7B1; color: #920D02;}
#content .grid2 .more a{color: #B7A95B;}
#content .grid2 .more a:hover{color: #920D02; background: #F7F1D3;}
#sidenav .copyrightnote a:link{color: #0065CA;}
#sidenav .copyrightnote a:visited{color: #525653;}
#sidenav .copyrightnote a:hover{background: #F1E7B1; color: #920D02;}
#sidenav .hul a{color: #7C7C7C;}
#content .copyrightnote {margin-bottom: 20px; margin-top: 20px;}

/* override link style in headers */
#content h1 a, #content h1 a:visited,
#content h2 a, #content h3 a{font-family: Arial, Helvetica, Geneva, Verdana, sans-serif; color: #0C3273; border-bottom: 1px dotted #ccc;}
.hc #content h1, .hc #content h1 a, .hchome #content h1{color: #2D4F02;}
/* override link style in back to top */
#content .backtotop a{font-weight: bold; color: #B7A95B; text-transform: lowercase;}
#content .backtotop a:hover{color:#920D02; background-color: #F7F1D3;}
#content a.nobord{border-bottom: none;} /* cancels border under a link */
#content a.feed{background: url(/images/feed-icon16x16.gif) no-repeat top left; padding-bottom: 5px; padding-left: 20px;}
#content p.rsslink{text-align: right;}

/* wallpaper adapted from Squidfingers http://www.squidfingers.com/ */

#baker-databases table.databases {
  border-collapse: collapse;
}

#baker-databases tr.header td {
  border-bottom: 1px solid #86939C;
}

#baker-databases tr.header .access {
  font-weight: bold;
  padding-top: 2em;
}


#baker-databases div.more a {
  margin-right: 3em;
  color: #F7F1B7;
}

#baker-databases td.access {
  color: black;
}

#baker-databases td {
  padding-right: 3em;
}

#baker-databases div.more a { color: #B7A95B; }
#baker-databases div.more a:hover { color: #920D02; background: #F7F1D3; }

#content p.intro{
  line-height: 1.4em;
  font-size: 1.3em;
  padding-right: 100px;

}
/* =POP UPS */
.longnav #sidenav{
	border: 1px dotted  #999;
	float: none;
	font-size: 110%;
	margin: 10px;
	padding: 0 10px;
	width: 500px;
}
.popup{
	background: #FFFFFF;
}
.popup #address, .popup #copyright{
	background-color: #FFFFFF;
	color: #555;
}
.popup #container{
	/* defer to browser width */
}
.popup #content{
	background-image: none;
	border-left: none;
	border-top: none;
	margin: 0; padding: 5px 5px 5px 10px;
}
.popup #content #sidenav ul{
	margin: 0; padding: 0;
}
.popup #content #sidenav ul li{
	background: none;
	margin: 0; padding: 0;
}
.popup #content #sidenav ul li a{
	background: none;
	border: none;
	color: #777;
	text-decoration: none;
	margin: 0; padding: 0;
}
.popup #content #sidenav ul li.active a{
	color: black;
	cursor: default;
}
.popup #content h1{
	background: none;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: normal;
	letter-spacing: 0.15em;
	line-height: 1.3em;
	position: relative;
	text-transform: uppercase;
	top: -15px;
	margin: 0 0 10px 0;
	padding: 0 5px 40px 1px;
}
.popup #content h1 span{
	color: #555;
	display: block;
	font-size: 12pt;
}
.popup #content h2{
	font-size: 110%;
	margin-top: 0;
	padding: 0;
}
.popup #content h3{
	color: black;
	font-size: 90%;
}
.popup #content h4{
	margin-bottom: 0;
}
.popup #content p{
	margin: 0 0 1.0em 0;
}
.popup #footer{
	background-color: #FFFFFF;
	border-top: none;
	margin: 0; padding: 0 20px 0 20px;
}
.popup #footer{
	text-align: left;
	width: 560px;
}
.popup #footer .col{
	width: 30%;
}
.popup #masthead{
	position: relative;
	border-bottom: none;
	margin: 0; padding: 0;
}
.popup #masthead img{
	position: absolute;
	top: 0; right: 0;
	margin: 0; padding: 0;
}
.popup #page{
	background-image: none;
	padding: 0;
}
/* for helpsheets with a side menu */
.popup #sidenav{
	border: 1px dotted #999;
	float: right;
	font-size: 95%;
	margin: 70px 10px 10px 10px;
	padding: 0 10px;
	width: 280px;
}
.popup #sidenav h4, .popup #content h1 a, .popup ul.printbt, .popup .guidenav, .popup .printbutton, .popup #footer {
	display: none;
}
.popup p#site-name{
	border-top: 1px dotted #b0b0b0;
	color: #898989;
	display: block;
	font-size: 9pt;
	font-weight: bold;
	padding: 5px 0 1px 0;
	position: relative;
	left: 10px;
	top: 4.25em;
}

.popup ul.printpage{
	position: absolute; 
	top: 70px; right: 0; 
}
/* added for toggle open/close */
dl.expandable{
   margin: 1.5em 0 1em 0;
}
dl.expandable dt{
    font-family: Arial, Verdana, sans-serif; font-size: 1.1em; color: #0065ca;
    font-weight: bold; 
	margin: 0 0 15px 0; 
    display: block; width: 468px;
}

dl.expandable dt a{
    background: #eeeeee url(bg/icon.expandable.gif) no-repeat 5px 7px; 
	padding: 5px 0 5px 22px;
	display: block; cursor: pointer;
}

dl.expandable dt:hover{
    color: #920D02; 
}

dl.expandable dt.stayopen{
    color: #676767;
}
dl.expandable dt.open{
    margin: 0;
}
dl.expandable dt.open a{
    background: #eeeeee url(bg/icon.expanded.gif) no-repeat 5px 7px; 
	padding: 5px 0 5px 22px;
}
#content dl.expandable dt a:hover{
    color: #920D02; 
	background-color: #eeeeee;
}

dl.expandable dd{
    margin: 0; padding: 0 0 2em 25px;
}
#content .expandable dd.closed {
	position: absolute;
	top: -10000px;
	left: -10000px;
	}