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;
}