body, html, h1, h2, h3, h4, h5, h6, ul, ol, dl, table, p, td { margin: 0px; padding: 0px; } body { background: #D3CFC1 url(/images/bkgd_inside.gif) repeat-x left top; } #sectionhead { width: 568px; height: 41px; margin-bottom: 15px; } #breadcrumb { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666666; margin-left: 27px; padding-top: 21px; padding-right: 5px; text-align: right; } #breadcrumb a { color: #A65639; text-decoration: none; } #breadcrumb a:hover { color: #A65639; text-decoration: underline; } #divContainer_2 { /** position:relative; 6/2/07 **/ width:510px; /** height:260px; overflow:hidden; 5/17/2007 **/ overflow:visible; margin-bottom: 20px; } /**** new 5/17/07 ***/ #sliderDiv2 { visibility: hidden; } /********************/ #divContent_2 { /** position:absolute; 5/17/2007 **/ /** position:relative; 6/2/07 **/ width:510px; } #wrapper { background: url(/images/bkgd_blue1.jpg) no-repeat left top; margin-right:20px; } #navmain { background: #A65639; } #image1, #interests, #gateways { margin-bottom: 20px; } #search { text-align: right; background: #A65639; } #central { } #central td.cornertop { background: #D3CFC1; vertical-align: top; height: 100%; } #zzzzzzzzzzzzzzcentral td.cornerbottom { background: transparent; } #central td#content { vertical-align: top; background: #FFFFFF; } #eventnav { width: 178px; padding: 2px 7px 0px; text-align: left; vertical-align: top; margin: 0px; } #sidenav { width: 178px; padding: 2px 25px 0px; text-align: left; vertical-align: top; margin: 0px; } #sidenavtop { background: url(/images/bkgd_sidenav_top.png) no-repeat left top; height: 17px; } #sidenavmiddle { background: url(/images/bkgd_sidenav_middle.png) repeat-y left top; } #sidenavmiddle a { display: block; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #666666; text-decoration: none; padding-top: 5px; padding-bottom: 4px; margin-left: 12px; } #sidenavmiddle a:hover { background: url(/images/bkgd_sidenav_hover.png) repeat-y left top; padding-top: 5px; padding-bottom: 4px; margin-left: 12px; } /*---- above two entries changed from magin-bottom: 4px; to 8px; added margin-top: 8px --------*/ #sidenavbottom { background: url(/images/bkgd_sidenav_bottom.png) no-repeat left top; height: 17px; padding: 0px; margin: 0px; } #contentmain { /** overflow: hidden; height: 265px; 5/17/2007 **/ overflow:visible; margin-top: -1px; margin-left: 27px; } #contentmain h2 { font: bold 15px Verdana, Arial, Helvetica, sans-serif; color: #666666; margin-bottom: 11px; margin-top: 17px; } #contentmain #articletitle { margin-top: 0px; margin-bottom: 10px; } #contentmain h3 { font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #666666; margin-bottom: 11px; margin-top: 17px; } #contentmain p { font: 11px Verdana, Arial, Helvetica, sans-serif; margin-bottom: 12px; color: #666666; } #contentmain ul { font: 11px Verdana, Arial, Helvetica, sans-serif; list-style: none; margin-bottom: 15px; color: #666666; } #contentmain ul li { margin: 0px 20px 5px; } #contentmain ol { font: 11px Verdana, Arial, Helvetica, sans-serif; list-style: decimal outside; margin-bottom: 15px; color: #666666; } #contentmain ol li { margin: 0px 30px 5px; } #contentmain a { color: #A65639; text-decoration: none; } #contentmain a:hover { color: #A65639; text-decoration: underline; } #contentmain table, #contentmain tr, #contentmain td { vertical-align: top; padding: 2px; } div.right { margin-bottom: 4px; margin-left: 20px; margin-top: 4px; padding: 0; float: right; } div.left { margin-right: 20px; margin-top: 4px; margin-bottom: 4px; padding: 0; float: left; } #contentmain div.left p, #contentmain div.right p { text-align: center; margin: 0; padding: 0; font: 10px Verdana, Arial, Helvetica, sans-serif; } blockquote { font: italic 11px Verdana, Arial, Helvetica, sans-serif; color: #666666; margin-right: 0px; margin-left: 15px; padding-right: 0px; padding-left: 0px; } #banner { padding-bottom: 17px; } #footer { font: 10px Arial, Helvetica, sans-serif; color: #858279; text-align: right; vertical-align: top; white-space: nowrap; } #footer p { margin-bottom: 7px; margin-top: 5px; } #footer a { color: #858279; } #footer a { text-decoration: none; } #footer a:hover, #footer a:active { color: #A65739; } /*-------------------------------------------------------------*/ ul.library { padding: 0px; } ul.library li { background: url(/images/bullet_library.gif) no-repeat 0em .5em; padding-left: 1em; font: normal 11px/1.5 Verdana, Arial, Helvetica, sans-serif; color: #666666; list-style: none; padding-top: 0px; margin: 5px 30px 10px; } ul.library li p { padding-top: 0px; font: normal 11px/1.5 Verdana, Arial, Helvetica, sans-serif; margin: 0px 0px 0px; } ol.library { padding: 0px; } ol.library li { background: none; padding-left: 1em; font: normal 11px/1.5 Verdana, Arial, Helvetica, sans-serif; color: #666666; list-style: outside decimal; padding-top: 0px; margin: 5px 30px 10px; } ol.library li p { padding-top: 0px; font: normal 11px/1.5 Verdana, Arial, Helvetica, sans-serif; margin: 0px 0px 0px; } /*-------------------------------------------------------------*/ ul.interests { padding: 0px; } ul.interests li { background: url(/images/bullet_interests.gif) no-repeat 0em .5em; font: normal 11px/1.5 Verdana, Arial, Helvetica, sans-serif; padding-left: 1em; padding-top: 0px; } ul.interests li p { padding-top: 0px; font: normal 11px/1.5 Verdana, Arial, Helvetica, sans-serif; margin: 0px 0px 0px; } /*-------------------------------------------------------------*/ ul.gateways { padding: 0px; } ul.gateways li { background: url(/images/bullet_gateways.gif) no-repeat 0em .5em; padding-left: 1em; font: normal 11px/1.5 Verdana, Arial, Helvetica, sans-serif; color: #666666; list-style: none; padding-top: 0px; margin: 5px 30px 10px; } ul.gateways li p { padding-top: 0px; font: normal 11px/1.5 Verdana, Arial, Helvetica, sans-serif; margin: 0px 0px 0px; } /*-------------------------------------------------------------*/ /*this rule pushes the wrapper table down far enough so that the entire watermark image is visible if the browser window is tall...otherwise it gets cut off and looks funky*/ #bottombumper { height: 100px; } /*-------------------------- Specific to Catalog entries using cross browser expandable divs ----*/ div.content img.cover, div.activecontent img.cover { border-style: none; margin-top: 7px; } div.content div.caption, div.activecontent div.caption { display: block; font: 9px Verdana, Arial, Helvetica, sans-serif; } div.activecontent div.caption { cursor: hand; } div.content div.innercontent a, div.activecontent div.innercontent a { display: block; height: 100%; } div.summarycontainer td { text-align: center; vertical-align: top; height: 100%; } div.detailcontainer { float: left; /* necessary for NS6 to display properly */ } div.catalogitemdetails { width: 300px; padding-bottom: 10px; background-color: lemonchiffon; text-align: left; font: 9px Verdana, Arial, Helvetica, sans-serif; color: #666666; display: none; } div.catalogitemdetails table { margin: 0px; padding-top: 16px; padding-bottom: 4px; float: left; text-align: center; } div.catalogitemdetails img.closeicon { float:right; margin-bottom: 4px; margin-right: 1px; cursor: pointer; cursor: hand; } div.catalogitemdetails div.innercontent { margin: 0px 7px 0px 5px; padding: 2px; border: 1px solid lemonchiffon; } div.catalogitemdetails img.cover { margin-top: 0px; } div.catalogitemdetails div.innercontent div.caption { text-align: center; } div.catalogitemdetails div.title { clear: right; font: bold 11px Verdana, Arial, Helvetica, sans-serif; margin: 0px 7px 3px 7px; } div.catalogitemdetails div.credits { margin: 0px 7px 7px 7px; } div.catalogitemdetails div.imprint { margin-left: 5px; margin: 0px 7px 7px 7px; } div.catalogitemdetails div.summary { font: 11px/1.3 Verdana, Arial, Helvetica, sans-serif; margin-left: 5px; margin: 0px 7px 7px 7px; } /*------------------------ Styles for Cross-browser Expandable Divs ---------------------------------*/ div.container { /* Container is needed for NS6 display of Catalog Details */ position: relative; /* so that we can find scroll position on screen */ width: 100%; /* for IE */ display: table-cell; /* for NS, Firefox to allow embedded images to force div growth */ } div.content, div.activecontent { margin: 0px; padding: 0px; width: 100px; /* min width for text-only sidebar, but embedded image can make it grow */ display: table-cell; /* for NS, Firefox to allow embedded images to force div growth */ height: 100%; /* make background highlighting fill entire cell */ } div.innercontent { position: relative; /* for IE so that anchor width can be 100% of this */ height: 100%; /* make background highlighting fill entire cell */ } div.innercontent a { width: 100%; /* for IE -- make clickable text as wide as innercontent div has grown*/ text-decoration: none; margin: 0px; display: block; height: 100%; /* make link active in entire cell */ } div.innercontent a:hover { text-decoration: none; } div.innercontent img { margin: 0px; padding: 0px; border: 0px; } div.innercontent p { margin: 0px; padding: 0px; font:9px Verdana, Arial, Helvetica, sans-serif; } /*------------------------ Diags for Cross-browser Expandable Divs -------------------------------*/ /* div.rightborder { border: 3px solid black; } div.leftborder { border: 3px solid black; } div.container { border: 3px solid red; } div.flow { border: 3px solid yellow; } div.content, div.activecontent { border: 3px solid blue; } */ /*-------------------- Styles for CSS Popup Menus -----------------------------------------*/ /* hide the menus for inactive content */ div.content div.menu { visibility: hidden; } /* basic characteristics of a menu */ div.menu, div.activemenu { position: absolute; background-color: beige; width: 75px; top: 15%; left: 12%; /* this centers the 75px menu in the 100px content area */ text-align: center; /* for IE */ margin: 2px 0px; border: 1px solid black; font: 9px Verdana, Arial, Helvetica, sans-serif; } div.activemenu { visibility: visible; } /* cause the inactive menu of the active content to become visible */ div.activecontent div.menu { visibility: visible; } /* make menu items display as block */ a.menuitem { display: block; } /* highlight default menuitem when they click on cover-art outside the menu */ div.menu a.defaultmenuitem { background-color: yellow; } /* highlight selected menu item */ div.activemenu a.menuitem:hover { background-color:yellow; } /*--------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------*/ /***** start testing area ****/ table.rounded { height: 100%; width: 7px; } table.rounded tr.toprow { vertical-align: top; } table.rounded tr.bottomrow { vertical-align: bottom; } table.rounded tr.middlerow td { height: 100%; background-color: #FFFFFF; } table.rounded tr.middlerow td div { height: 356px; } table.rounded td.leftcorner { height:8 px; } table.rounded td.leftcorner img { width: 7px; height:8 px; } table.rounded td.rightcorner { height:8 px; } table.rounded td.rightcorner img { width: 7px; height:8 px; } /****************************************************/ #contentmain div.eventlist td { font: normal 11px/1.5 Verdana, Arial, Helvetica, sans-serif; color: #666666; text-decoration: none; } #contentmain div.eventlist td.eventdatebanner { font: bold; } #contentmain div.eventlist td.eventAllDay { padding-left: 15px; } #contentmain div.eventlist td table { width: 100%; } #contentmain div.eventlist td.eventlocation p { text-align: right; } #contentmain div.eventlist td p { font: normal 11px/1.5 Verdana, Arial, Helvetica, sans-serif; color: #666666; text-decoration: none; } #contentmain div.eventlist td.eventtimes { width: 130px; } #contentmain div.eventlist td.dividerindenthidden { height: 0px; font: 2px; padding: 0px; background-color: whitesmoke; } #contentmain div.eventlist td.dividertimeshidden { height: 0px; font: 2px; padding: 0px; background-color: whitesmoke; } #contentmain div.eventlist td.dividertimesvisible { height: 0px; font: 2px; padding: 0px; background-color: whitesmoke; } #contentmain div.eventlist td.dividerdescriptionhidden { height: 0px; font: 2px; padding: 0px; background-color: whitesmoke; } #contentmain div.eventlist td.dividerdescriptionvisible { height: 0px; font: 2px; padding: 0px; background-color: whitesmoke; } /*--------------------------------------------------------------------------------*/ /***** start testing area ****/ #contentmain div.obits h3 { margin: 0px; padding: 0px; } #contentmain div.obits p { color: black; margin-top: 0px; margin-bottom: 0px; padding-top: 2px; padding-bottom: 0px; } #contentmain div ol.gateways { padding: 0px; } #contentmain div ol.gateways li { background: none; padding-left: 1em; font: normal 11px/1.5 Verdana, Arial, Helvetica, sans-serif; color: #666666; list-style: outside decimal; padding-top: 0px; margin: 5px 30px 10px; clear:both; /* needed for tips that include floated cover art divs */ } #contentmain div ol.gateways li p { padding-top: 0px; font: normal 11px/1.5 Verdana, Arial, Helvetica, sans-serif; color: #666666; margin: 0px 0px 0px; } #contentmain div ol.gateways ul { padding: 0px; } #contentmain div ol.gateways ul li { background: url(/images/bullet_gateways.gif) no-repeat 0em .5em; padding-left: 1em; font: normal 11px/1.5 Verdana, Arial, Helvetica, sans-serif; color: #666666; list-style: None; padding-top: 0px; margin: 2px 30px 0px; clear:both; /* needed for tips that include floated cover art divs */ } #contentmain div ol.gateways ul li p { padding-top: 0px; font: normal 11px/1.5 Verdana, Arial, Helvetica, sans-serif; color: #666666; margin: 0px 0px 0px; } #errormsg { color: blue; text-align: center; } #contentmain div.obits blockquote { margin-top: 0px; margin-bottom: 0px; padding-top: 2px; padding-bottom: 8px; } #contentmain div.familyhistories { margin: 0px; padding: 20px 0px 0px 0px; } #contentmain div.familyhistories p { color: black; } #contentmain div.summarycontainer td div.content, #contentmain div.summarycontainer td div.activecontent { text-align: center; /* needed for single col with wide and narrow coverart */ } #contentmain div.noart { margin: 5px; padding: 3px; height: 90px; width:75px; background-color: #c5c397; border: 1px solid #A65639; } #contentmain table.vtop td { vertical-align: top; font: 11px Verdana, Arial, Helvetica, sans-serif; margin: 0px; margin-bottom: 5px; padding-right: 10px; color: #666666; } #contentmain table.vtop td p { font: 11px Verdana, Arial, Helvetica, sans-serif; margin: 0px; margin-bottom: 5px; color: #666666; } /***** end testing area ****/ /*--------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------*/ div.branchhours td { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #666666; } div.branchhours td.branchname { font: bold 11px Verdana, Arial, Helvetica, sans-serif; } div.branchhours ul { margin-top: 10px; margin-left: 20px; padding-bottom: 20px; } div.siteguidemain { font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #666666; margin-bottom: 11px; margin-top: 17px; } div.siteguidesection div.sectionname { font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #666666; margin-left: 20px; margin-bottom: 11px; margin-top: 10px; } div.siteguidesection div.indent1 { font: 11px Verdana, Arial, Helvetica, sans-serif; margin-bottom: 4px; margin-left: 40px; color: #666666; } div.siteguidesection div.indent2 { font: 11px Verdana, Arial, Helvetica, sans-serif; margin-bottom: 4px; margin-left: 80px; color: #666666; } div.siteguidesection div.indent3 { font: 11px Verdana, Arial, Helvetica, sans-serif; margin-bottom: 4px; margin-left: 120px; color: #666666; } div.siteguidesection div.indent4 { font: 11px Verdana, Arial, Helvetica, sans-serif; margin-bottom: 4px; margin-left: 160px; color: #666666; } div.siteguidesection div.indent5 { font: 11px Verdana, Arial, Helvetica, sans-serif; margin-bottom: 5px; margin-left: 120px; color: #666666; } div.siteguidesection a { color: #A65639; text-decoration: none; } div.staffpicks .summarycontainer td .innercontent { padding-bottom: 10px; } .slplAnnotation { padding: 5px 20px 0px 0px; text-align: left; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #666666; } div.listcontainer { display: table; /* for Opera */ } div.clear { clear: both; margin: 0px; font-size: 1px; } div.catalogitems { padding: 0px; display: table; /* necessary for NS, Firefox to display righthanded catalogdetail screens */ text-align: center; /* for IE */ border: 1px solid #A65639; background-color: lightyellow; } div.catalogitemdetails { border: 1px solid tan; padding-bottom: 0px; } #contentmain p.attribution { text-align: right; font-style: italic; clear: both; } div.catalogitemdetails div.clear { height: 25px; margin: 0px; } div.catalogitemdetails div.clear table { width: auto; float: right; margin: 0px; padding: 0px; } div.catalogitemdetails div.clear table td.right { background: url(/images/knowbettersmall.png) no-repeat left; width: 165px; } div.catalogitemdetails div.clear table td { width: auto; } div.catalogitems div.innercontent { border: 1px solid lightyellow; } div.catalogitems div.catalogitemdetails div.content div.caption, div.catalogitems div.catalogitemdetails div.activecontent div.caption { font: 12px Verdana, Arial, Helvetica, sans-serif; } div.catalogitems div.activecontent div.innercontent { border: 1px solid palegoldenrod; background-color: lemonchiffon; } div.catalogitems div.catalogitemdetails div.activecontent div.innercontent { background-color: lightyellow; border: 1px solid tan; } /*----------*/ div.staffpicks { margin: 0px; text-align: center; width: 488px; /* max useable space -- must be literal */ } div.staffpicks div.container { width: 488px; /* max useable space -- must be literal */ } div.staffpicks .slplAnnotation { width: 130px; } div.staffpicks div.catalogitemdetails { width: auto; } /*---------*/ div.whatsnew { text-align: center; width: 488px; /* max useable space -- must be literal */ } div.whatsnew div.container { width: 488px; /* max useable space -- must be literal */ } div.whatsnew div.catalogitemdetails { width: auto; } /*--------------------------------------------------------------*/ div.sbright { margin: 1px 10px 1px 7px; float: right; clear: right; } div.sbright div.summarycontainer { float: right; /* both sbright and the summarycontainer need to float right */ } /*--------------------------------------------------------------*/ /* --- dont think we need these anymore div.summarycontainer td { margin: 0px; padding: 0px; } div.summarycontainer div.content, div.summarycontainer div.activecontent { margin: 0px; } */ div.summarycontainer div.content div.caption, div.summarycontainer div.activecontent div.caption { /* margin: 0px;*/ width: 90px; } div.staffpicks div.summarycontainer .innercontent { margin-top: -5px; /* bring image and caption up */ } /*--------------------------------------------------------------*/ div.sbleft { margin: 1px 7px 1px 0px; float: left; clear: left; } div.sbcenter { margin-top: 0px; } div.subtle { border-style: none; background-color: beige; padding: 2px; } #contentmain div.whitetext p { color: white; } div.border { border: 1px solid #A65639; padding: 2px; } div.noborder { border-style: none; padding: 2px; } div.banner { clear: both; width: 100%; } div.banner div.sbitems { width: 100%; /* inner div needs to be as wide as banner */ } /*div.banner div.sbitems table.sbtable { width: 100%; }*/ div.sbitems { font: 10px Verdana, Arial, Helvetica, sans-serif; margin: 2px; width: 100px; display: table; } div.twoup div.sbitems { width: 185px; } div.threeup div.sbitems { width: 300px; } div.sbcenter div.sbitems { width: 100%; /* 100% the sbcenter so that what is inside sbitems can center */ } /*div.sbitems table.sbtable { width: 100px; } div.twoup div.sbitems table.sbtable { width: 185px; } div.threeup div.sbitems table.sbtable { width: 300px; }*/ /*div.auto div.sbitems table.sbtable { display: table-cell; }*/ div.sbitems table.sbtable td { text-align: left; font: 10px Verdana, Arial, Helvetica, sans-serif; margin: 2px; margin-bottom: 5px; } div.sbitems table.sbtable a img { border-style: none; border-width: 0px; } div.sbitems table.sbtable a p { color: #A65639; text-decoration: none; } div.sbitems table.sbtable a:hover p { color: #A65639; text-decoration: underline; } /*--------------------------------------------------------------*/ .draft { background: url(/images/draft.jpg) repeat; width: 500px; height: 400px; } table.searchresults { width: 100%; } table.searchresults a { font: 11px Verdana, Arial, Helvetica, sans-serif; } table.searchresults #navigation { float: right; font: 11px Verdana, Arial, Helvetica, sans-serif; width: 140px; margin: 0px; padding: 0px; } table.searchresults form { height: 0px; margin: 0px; padding: 0px; } table.searchresults .resultstotal { text-align: center; } #sidenavmiddle #limits { display: block; font: 11px Verdana, Arial, Helvetica, sans-serif; color: black; text-decoration: none; padding-top: 5px; padding-bottom: 10px; margin-left: 12px; } /*--------------------------------------------------------------*/ #employment td { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #666666; } #employment tr.jobtitle td { padding-top: 10px; } #employment tr.jobeducation td { padding-top: 10px; } #employment tr.jobqualifications td { padding-top: 10px; } #employment tr.jobapply td { padding-top: 10px; padding-bottom: 30px; }