/****************** * Color Pallette * ****************** red color: #9a0b0f; beige color: #978778; dark blue color: #063354; light blue color: #627d8e; grey color: #828783; light grey color: #c5cec9; light blue-grey color: #f4f6f5; *******************/ /********************** * General Formatting * **********************/ /*********************************************************** SUB PAGE STYLES ***********************************************************/ /**** left block ****/ #leftColumnSub {display: block; width: 746px; height: auto; float: left; margin: 4px 0px 0px 0px;border-right: 1px solid #9a0b0f; background:#fff;} html>body #leftColumnSub {display: block; width: 746px; height: auto; float: left; margin: 4px 0px 0px 0px;border-right: 1px solid #9a0b0f; background:#fff;} .leftBlock {display: block; margin: 10px 0px;font-size: 1.1em;} .leftBlock h1 {text-transform: capitalize; margin-bottom: 2px!important;} .leftBlock h2 {font-family: Helvetica, Arial, sans-serif; font-weight:bold; letter-spacing:normal; margin-top:0px!important; color: #333!important; font-size: 16px;} .leftBlock h2#subhead {font-family: Georgia, "Times New Roman", Times, serif; font-weight:bold; letter-spacing:normal; margin-top:0px!important; color: #333!important; font-size: 16px;} .leftBlock h3 {font-family: Arial, Helvetica, sans-serif; color: #9a0b0f; font-weight:bold;font-size: 1.3em;} .leftBlock h5 {font-size: 1.2em;margin:4px 4px 4px 0px; } .leftBlock p {font-size: 1.2em!important; color:#000000; margin: 10px 5px 5px 0px; line-height: 1.4em;} .leftBlock a {color: #063354; text-decoration: underline; font-weight: bold; font-size: 1em;} .leftBlock a:hover {color: #978778; text-decoration: none; font-weight: bold; font-size: 1em;} #leftColumnSub .leftBlock h3 {text-transform:none!important;} .leftBlock h3 au a {text-transform:none!important; font-size: .9em!important;} .leftBlock ul {margin-left: 10px; color: #9a0b0f; list-style-type: square;} .leftBlock .concentrates ul {margin-left: 10px; color: #9a0b0f; list-style-type: none;} .leftBlock ul li {margin: 10px; font-size:1.1em; color: #000;} .leftBlock ol {margin-left: 10px; color: #9a0b0f;} .leftBlock ol li {margin: 10px; font-size:1.1em; color: #000;} .leftBlock img, .leftBlock img a, .leftBlock img a:visited, .leftBlock img a:hover {border:none;} dl.volume {font-family: Georgia, "Times New Roman", Times, serif;} /**** right block ****/ #rightColumnSub {display: block; width: 190px; float:right;margin:18px 0px 0px 0px; padding: 0px; background:#fff;} #rightSubWrap {display: block; width: auto; height: auto; margin:10px 5px 10px 0px;} /********************************* table of contents page ******************************************/ #toc {display: block; width: auto; margin: 0px;} #toc .contentWrap {display: block; width:100%; color: #063354; height:auto; margin: 0px; padding: 0px; } #toc .contentWrap p {color: #000; font-size: 11px;} #toc .contentWrap h2 {margin: 0px 0px 4px 0px;} #toc h4.volume {color:#978778; margin-left:2px; text-align:right; margin-right: 10px; font-size:12px;} /* table of contents links */ .innerWrap {display: block;min-height:200px;width:100%; margin:0px; padding:0px; } .tocContainer {float: left;display: block;height:auto;width:737px; margin:0px; padding:0px;background: url(/cen/_img/boxTOC.gif) no-repeat top left; border-bottom: 1px solid #c5cec9;} .tocContainer ul {float: left; display: block; list-style:none;width: 170px; height:17.2em;} .tocContainer ul li {width: 170px; font-size:10px;} .tocContainer ul li a { margin: 0px 0px 0px 4px; padding: 0px 0px 0px 0.6em; color: #9a0b0f; text-decoration: underline; font-weight: bold; background: url(/cen/_img/downArrow.gif) no-repeat 0em .3em; text-transform:uppercase;} .tocContainer ul li a:hover {color: #978778; text-decoration: none; font-weight: bold;} .tocContainer ul li.tocPlain {margin: 2px;} .tocContainer ul li h1 {width: 170px; display: block; height: 22px;background: url(/cen/_img/headerTOC.jpg) no-repeat top left;} .tocContainer p {margin: 2px 0px; line-height: 13px;} /* columns for toc top block */ .column {display: block; width: 48%; height:auto; margin:2px; padding:0px;} .slimColumn {display: block; width: 40%; height:19.6em; margin:2px; padding:0px;} *:first-child+html .slimColumn {height:19.4em;} .slimColumnBorder {display: block; width: 32%; height:auto; margin:2px 2px 2px 22px; padding:0px;} .wideColumn {display: block; width: 420px; height:auto; margin:2px; padding:0px;} .widerColumn {display: block; width: 64%; height:auto; margin:2px; padding:0px;} .grey {background-color: #eef0ef;padding: 0px; margin:1px 1px 0px 1px;} html>body .grey {background-color: #eef0ef;margin:2px 2px 0px 2px; padding: 1px 1px 0px 1px;} /* toc cover story image and blurb */ .coverStory {float: left; display:block; width:180px; height:19.6em;} .coverStory h2 {display: block; background: url(/cen/_img/headerCoverStory.jpg) no-repeat top left;width:160px; height:22px; border-bottom: none!important;} .coverStory h3 a {margin-left: 2px;font-size: 14px!important;color: #063354!important; text-transform:uppercase;} .coverStory h3 a:hover {text-decoration: none;} .coverStory h4 {display: block; width: 180px; height: auto; margin:0px 2px; padding:0px;float:left;} .coverStory h4 a {color: #9a0b0f; text-decoration: underline;float: left; font-size: 13px; line-height: 14px;} .coverStory h4 a:hover{ color: #978778; text-decoration: none;float: left; } .coverStory h4 a img.subscribe {margin-left: 2px;} .coverStory p {display: block; width: 180px; margin:2px; padding:0px;float:left; text-align:left;font-size: 11px;} .coverStory p a {color: #9a0b0f; text-decoration: underline; font-weight: bold; font-size: 11px; margin: 0px 2px 0px 0px;} .coverStory p a:hover {color: #978778; text-decoration: none; font-weight: bold; font-size: 11px; margin: 0px 2px 0px 0px;} .coverStory a img {border: none;} /* issue cover in table of contents section */ #coverCurrent {display: block; width: 119px; height: 148px; float: left; text-align:center; margin: 10px 0px 0px 0px; border: 1px solid #627d8e;} .coverCurrentTOCBorder {display:block; width: 119px; height: 148px; border: 2px solid #fff;} .coverCurrentTOCPic {display:block; width: 115px; height: 144px; margin: 0px; padding: 2px; background: #fff;} /* toc section picture that goes with cover story */ .coverImageTOC {display:block; width: 229px; height: 154px; float:left; border: 1px solid #9a0b0f; margin: 10px 0px 0px 0px; } .coverImageTOCBorder {display:none;} .coverImageTOCPic {display:block; width: 225px; height: 150px; border: 2px solid #fff;} /* toc section links and decks */ .headlines {display: block; margin: 10px 0px;font-size: 1.1em;} .headlines h2 {margin: 10px 4px 4px 0px; color: #9a0b0f;font-size: 1.3em; border-bottom: 1px solid #9a0b0f;} .headlines h3 {display: block; font-size: 1.2em;margin:4px 4px 4px 0px;text-transform: none;clear: both; line-height: 20px;} .headlines h3 a {display: inline;float:left;} .headlines h3 a img.subscribe {border: none; display: block;float:left; clear:left;} .headlines p {display: block; font-size: 1.2em!important; clear: both;line-height: 16px;} .headlines h4 {border-top: 1px solid #c5cec9; text-align: right;color:#978778; } .headlines h5 {font-size: 1.2em;margin:4px 4px 4px 0px;text-transform: none;} .headlines p {font-size: 1.3em;} .headlines a {color: #063354; text-decoration: underline; font-weight: bold; font-size: 1em; margin-left:0px;} .headlines a:hover {color: #978778; text-decoration: none; font-weight: bold; font-size: 1em;} /* right column table of contents page */ #rightSubWrap h5.issueDate { margin:0px auto; text-align:center;} h4.coverTitle {float: left; width:100%; text-align:center;} h4.coverTitle a {display: block; color: #063354; text-decoration: underline; margin:0px 0px 10px 4px;} h4.coverTitle a:hover {display: block; color: #978778; text-decoration: none;} .issueCover {display: block; width: 125px; height: 178px; margin: 0 auto; text-align:center;} .issueCover h5.issueDate {display: block; width: 125px; padding: 10px 0px 0px 0px; margin: 0px; text-align:center;} .recentCoverLink a, .recentCoverLink a:visited {display: block; width: 115px; height: 160px; position:relative; top: 0px; left: 0px; background: url(/cen/_img/coverBorder.gif) no-repeat top left;} .recentCoverLink a:hover {display: block; width: 115px; height: 160px; position:relative; top: 0px; left: 0px; background: url(/cen/_img/coverBorder.gif) no-repeat 0px -156px;} .cover {display: block; width: 115px; height: 146px; border:none;margin: 0 auto; text-align:center;} .cover img {display: block; width: 115px; height: 144px; border:none;margin: 0 auto; text-align:center;} .cover a img {display: block; width: 115px; height: 144px; border:1px solid #063354;margin: 0 auto; text-align:center;} .cover a:hover img {display: block; width: 115px; height: 144px; border: 1px solid #9a0b0f;margin: 0 auto; text-align:center;} .cover2 {display: block; width: 115px; height: 155px; border:none;} .cover2 img {display: block; width: 115px; height: 155px; border:none;} .cover2 a img {display: block; width: 115px; height: 155px; border:1px solid #063354;} .cover2 a:hover img {display: block; width: 115px; height: 155px; border: 1px solid #9a0b0f;} /********************************* main styles for sub pages ******************************************/ #subMainBlock {display: block; width: auto; margin: 0px 5px;} h1.backHeader {display: block; background: url(/cen/_img/pageTitleBackIssues.jpg) no-repeat top left; width:100%; height:22px;} h1.booksHeader {display: block; background: url(/cen/_img/pageTitleBooks.jpg) no-repeat top left; width:100%; height:22px;} h1.contactHeader {display: block; background: url(/cen/_img/pageTitleContact.jpg) no-repeat top left; width:100%; height:22px;} h1.aboutCENHeader {display: block; background: url(/cen/_img/pageTitleAboutCEN.jpg) no-repeat top left; width:100%; height:22px;} h1.acsMeetingHeader {display: block; background: url(/cen/_img/pageTitleACSMeeting.jpg) no-repeat top left;width:100%; height:22px;} h1.acsNewsHeader {display: block; background: url(/cen/_img/pageTitleACSNews.jpg) no-repeat top left; width:100%; height:22px;} h1.advertisingHeader {display: block; background: url(/cen/_img/pageTitleAdvertising.jpg) no-repeat top left; width:100%; height:22px;} h1.advisersHeader {display: block; background: url(/cen/_img/pageTitleAdvisers.jpg) no-repeat top left; width:100%; height:22px;} h1.alertsHeader {display: block; background: url(/cen/_img/pageTitleAlerts.jpg) no-repeat top left; width:100%; height:22px;} h1.awardsHeader {display: block; background: url(/cen/_img/pageTitleAwards.jpg) no-repeat top left; width:100%; height:22px;} h1.businessHeader {display: block; background: url(/cen/_img/pageTitleBusiness.jpg) no-repeat top left; width:100%; height:22px;} h1.calendarsHeader {display: block; background: url(/cen/_img/pageTitleCalendars.jpg) no-repeat top left; width:100%; height:22px;} h1.climateHeader {display: block; background: url(/cen/_img/pageTitleClimate.jpg) no-repeat top left; width:100%; height:22px;} h1.copyrightHeader {display: block; background: url(/cen/_img/pageTitleCopyright.jpg) no-repeat top left; width:100%; height:22px;} h1.commentHeader {display: block; background: url(/cen/_img/pageTitleComment.jpg) no-repeat top left; width:100%; height:22px;} h1.commentsHeader {display: block; background: url(/cen/_img/pageTitleComments.jpg) no-repeat top left; width:100%; height:22px;} h1.coverHeader {display: block; background: url(/cen/_img/pageTitleCoverStory.jpg) no-repeat top left; width:100%; height:22px;} h1.critterHeader {display: block; background: url(/cen/_img/pageTitleCritter.jpg) no-repeat top left; width:100%; height:22px;} h1.economyHeader {display: block; background: url(/cen/_img/pageTitleEconomy.jpg) no-repeat top left; width:100%; height:60px;} h1.editorHeader {display: block; background: url(/cen/_img/pageTitleEditor.jpg) no-repeat top left; width:100%; height:22px;} h1.educationHeader {display: block; background: url(/cen/_img/pageTitleEducation.jpg) no-repeat top left; width:100%; height:22px;} h1.emailHeader {display: block; background: url(/cen/_img/pageTitleEmailAlerts.jpg) no-repeat top left; width:100%; height:22px;} h1.employmentHeader {display: block; background: url(/cen/_img/pageTitleCareer.jpg) no-repeat top left; width:100%; height:22px;} h1.featuresHeader {display: block; background: url(/cen/_img/pageTitleFeatures.jpg) no-repeat top left; width:100%; height:22px;} h1.greenHeader {display: block; background: url(/cen/_img/pageTitleGreenChemistry.jpg) no-repeat top left; width:100%; height:22px;} h1.governmentHeader {display: block; background: url(/cen/_img/pageTitleGovt.jpg) no-repeat top left; width:100%; height:22px;} h1.homelandHeader {display: block; background: url(/cen/_img/pageTitleHomeland.jpg) no-repeat top left; width:100%; height:22px;} h1.hotArticlesHeader {display: block; background: url(/cen/_img/pageTitleHotArticles.jpg) no-repeat top left; width:100%; height:22px;} h1.internHeader {display: block; background: url(/cen/_img/pageTitleIntern.jpg) no-repeat top left; width:100%; height:22px;} h1.lettersHeader {display: block; background: url(/cen/_img/pageTitleLetters.jpg) no-repeat top left; width:100%; height:22px;} h1.lnHeader {display: block; background: url(/cen/_img/pageTitleLatestNews.jpg) no-repeat top left; width:100%; height:22px;} h1.loginHeader {display: block; background: url(/cen/_img/pageTitleLogin.jpg) no-repeat top left; width:100%; height:22px;} h1.meetingsHeader {display: block; background: url(/cen/_img/pageTitleMeetings.jpg) no-repeat top left; width:100%; height:22px;} h1.memberHeader {display: block; background: url(/cen/_img/pageTitleMember.jpg) no-repeat top left; width:100%; height:22px;} h1.multimediaHeader {display: block; background: url(/cen/_img/pageTitleMultimedia.jpg) no-repeat top left; width:100%; height:22px;} h1.newscriptsHeader {display: block; background: url(/cen/_img/pageTitleNewscripts.jpg) no-repeat top left; width:100%; height:22px;} h1.peopleHeader {display: block; background: url(/cen/_img/pageTitlePeople.jpg) no-repeat top left; width:100%; height:22px;} h1.pointCounterHeader {display: block; background: url(/cen/_img/pageTitlePointCounter.jpg) no-repeat top left; width:100%; height:64px;} h1.rssHeader {display: block; background: url(/cen/_img/pageTitleRSS.jpg) no-repeat top left; width:100%; height:22px;} h1.safetyHeader {display: block; background: url(/cen/_img/pageTitleSafety.jpg) no-repeat top left; width:100%; height:22px;} h1.scienceHeader {display: block; background: url(/cen/_img/pageTitleScience.jpg) no-repeat top left; width:100%; height:22px;} h1.searchHeader {display: block; background: url(/cen/_img/pageTitleSearch.jpg) no-repeat top left; width:100%; height:22px;} h1.searchResultsHeader {display: block; background: url(/cen/_img/pageTitleSearchResults.jpg) no-repeat top left; width:100%; height:22px;} h1.siteMapHeader {display: block; background: url(/cen/_img/pageTitleSiteMap.jpg) no-repeat top left; width:100%; height:22px;} h1.specialReportsHeader {display: block; background: url(/cen/_img/pageTitleSpecialReports.jpg) no-repeat top left; width:100%; height:22px;} h1.staffHeader {display: block; background: url(/cen/_img/pageTitleStaff.jpg) no-repeat top left; width:100%; height:22px;} h1.stemHeader {display: block; background: url(/cen/_img/pageTitleStem.jpg) no-repeat top left; width:100%; height:22px;} h1.stuffHeader {display: block; background: url(/cen/_img/pageTitleStuff.jpg) no-repeat top left; width:100%; height:22px;} h1.subscriptionHeader {display: block; background: url(/cen/_img/pageTitleSubscription.jpg) no-repeat top left; width:100%; height:22px;} h1.supportHeader {display: block; background: url(/cen/_img/pageTitleSupport.jpg) no-repeat top left; width:100%; height:22px;} h1.sustainabilityHeader {display: block; background: url(/cen/_img/pageTitleSustain.jpg) no-repeat top left; width:100%; height:50px;} h1.talksHeader {display: block; background: url(/cen/_img/pageTitleTalks.jpg) no-repeat top left; width:100%; height:22px;} h1.tocHeader {display: block; background: url(/cen/_img/pageTitleCurrentIssue.jpg) no-repeat top left; width:100%; height:22px;} h1.toc1Header {display: block; background: url(/cen/_img/pageTitleBackIssue.jpg) no-repeat top left; width:100%; height:22px;} h1.vaccinesHeader {display: block; background: url(/cen/_img/pageTitleVaccines.jpg) no-repeat top left; width:100%; height:60px;} h1.womenHeader {display: block; background: url(/cen/_img/pageTitleWomen.jpg) no-repeat top left; width:100%; height:22px;} h3.priestleyHeader {display: block; background: url(/cen/priestley/_img/pageTitlePriestley.jpg) no-repeat top left; width:100%; height:89px;} #subMainBlock .contentWrap {display: block; width:100%; color: #063354; height:100%; margin: 0px; padding: 0px; } #subMainBlock .contentWrap h1 {color: #063354; font-size: 1.8em; margin: 10px 0px;} #subMainBlock .contentWrap h2 {color: #000; text-transform:none;font-size: 1.3em; margin: 10px 0px;} #subMainBlock .contentWrap h3 au {text-transform: none!important;} #subMainBlock .contentWrap h3 a {color: #9a0b0f; text-decoration: underline; text-transform:none;font-size: .9em; margin: 14px 0px;} #subMainBlock .contentWrap h3 a:hover {color: #978778; text-decoration: none; text-transform:none;font-size: .9em; margin: 14px 0px;} #subMainBlock h4.volume {color:#978778; margin-left:2px; text-align:right; } /* for news pages with blurb (deck) under title */ #allNews h2 {margin: 10px 4px 4px 0px; color: #9a0b0f;font-size: 1.3em;} #allNews h3 {font-size: 1.3em;margin:4px 4px 4px 0px;text-transform: none;color: #063354; } #allNews h4 {border-top: 1px solid #828783; text-align: left;color:#063354; margin: 14px 0px 4px 0px; text-transform: none; font-size: 1em; font-weight:bold;} #allNews h4.eyebrow {color:#063354; text-align:left; border: none; font-size:1em; margin: 4px 0px 4px 0px; text-transform:uppercase; font-weight:bold;} #allNews h5 {font-size: 1em;margin:4px 4px 4px 0px;text-transform: none;} #allNews p {font-size: 1.1em;} #allNews h3 a {margin:4px 4px 4px 0px;text-transform: none;color: #063354; text-decoration: underline;} #allNews h3 a:visited {color: #627d8e !important; text-decoration: underline;} #allNews h3 a:hover {margin:4px 4px 4px 0px;text-transform: none;color: #978778; text-decoration: none; } #allNews h3 a img.subscribe {border: none;} #allNews .moreLink img {margin: .3em 3px -3px 0px;} /* for news pages with NO blurb (deck) under title */ #allNews2 h2 {margin: 10px 4px 4px 0px; color: #9a0b0f;font-size: 1.3em;} #allNews2 h3 {font-size: 1.3em;margin:4px 4px 4px 0px; padding-bottom: 8px; text-transform: none;color: #063354; } #allNews2 h4 {border-top: 1px solid #828783; text-align: left;color:#063354; margin: 14px 0px 4px 0px; text-transform: none; font-size: 1em; font-weight:bold;} #allNews2 h4.eyebrow {color:#9a0b0f; text-align:left; border: none; font-size:1em;} #allNews2 h5 {font-size: 1em;margin:4px 4px 4px 0px;text-transform: none;} #allNews2 p {font-size: 1.1em;} #allNews2 h3 a {margin:4px 4px 4px 0px;text-transform: none;color: #063354; text-decoration: underline;} #allNews2 h3 a:visited {color: #627d8e !important; text-decoration: underline;} #allNews2 h3 a:hover {margin:4px 4px 4px 0px;text-transform: none;color: #978778; text-decoration: none; } #allNews2 h3 a img.subscribe {border: none;} /* green chemistry page only */ #allNewsGreen h2 {margin: 10px 4px 4px 0px; color: #000;font-size: 1.3em;} #allNewsGreen h3 {font-size: 1.3em;margin:4px 4px 4px 0px; padding-bottom: 8px; text-transform: none;color: #51A75E !important; } #allNewsGreen h4 {border-top: 1px solid #828783; text-align: left;color:#063354; margin: 14px 0px 4px 0px; text-transform: none; font-size: 1em; font-weight:bold;} #allNewsGreen h4.eyebrow {color:#978778; text-align:right; border: none; font-size:1em;} #allNewsGreen h5 {font-size: 1em;margin:4px 4px 4px 0px;text-transform: none;} #allNewsGreen p {font-size: 1.1em;} #allNewsGreen h3 a {margin:4px 4px 4px 0px;text-transform: none;color: #0d6918 !important; text-decoration: underline;} #allNewsGreen h3 a:visited {color: #627d8e !important; text-decoration: underline;} #allNewsGreen h3 a:hover {margin:4px 4px 4px 0px;text-transform: none;color: #978778; text-decoration: none; } /**** archives ****/ /* old */ #wide {display: block;width: 98%;margin: 0 auto;padding: 20px 0 0 0;} #wide h3 {clear:left; border-top: 1px solid #c5cec9;margin: 10px 0px;} #wide ul {list-style-type: none;width: 100%;height: auto;margin: 0px;padding: 0px 0px 5px 0px;text-align: center;} html>body #wide ul {list-style-type: none;display: block; width: 100%;min-height: 210px;margin: 0px; padding-bottom: 20px;text-align: center;} #wide ul li {display: inline;width: 140px;margin: 0 auto;text-align: center;} #wide ul li div {display: inline;padding: 1px;margin: 0 auto;width: 140px;height: auto;float: left;} #wide ul li div span {display: inline;padding: 1px;} #wide ul li div span img {padding: 2px;} #wide ul li p.small {display:block; text-align: center; font-size: 11px; border-left: 1px solid #c5cec9;} #wide ul li p.small2 {display:block; text-align: center; font-size: 11px; border-right: 1px solid #c5cec9;} /* new */ #archives { display:block; float:left; width: 100%; } #archives ul {display: inline; width: 98%; height: 240px; margin:0px 2px; list-style:none; float:left;} #archives ul li {display: block; height: 240px; float:left; list-style:none; width: 135px;} #archives .issueCover {display: block; width: 115px; height: 194px; margin: 0 auto; position: relative; overflow: hidden;float:none;} #archives .recentCoverLink {display: block; width: 115px; height: 156px; position:relative; top: 0px; left: 0px; z-index: 8; float:none; margin: 0; padding: 0;} #archives .recentCoverLink a, #archives .recentCoverLink a:visited {display: block; width: 115px; height: 156px; position:relative; top: 0px; left: 0px; background: url(/cen/_img/coverBorder.gif) no-repeat top left;z-index: 8;} #archives .recentCoverLink a:hover {display: block; width: 115px; height: 156px; position:relative; top: 0px; left: 0px; background: url(/cen/_img/coverBorder.gif) no-repeat 0px -156px;z-index: 8;} #archives .recentCoverImage {display: block; width: 115px; height: 156px; position:relative; top: -156px; left: 0px; z-index: 0; overflow:hidden;} #archives h5 {display: block; width: 115px; height: auto; margin: 0px auto; font-size:11px; text-align:center;} .clearSpaceArchive {clear:both; margin: 0px; padding:0px; height:1px;} .text {position: relative; left: 22px; top: 2px; display: block; width: 88%; height: auto;} .text2 {display: block; width: 94%; height: auto; margin: 0px auto;} span.none {display: none;} #printLogo {display: none;} #printLogo img {display: none;} /***************************************** * Search ******************************************/ /***************** search page **********************/ .searchpage ul {margin: 0;padding: 0;list-style-type: none;} .searchpage li {margin: 1em 0;padding: 0;} /* author and title search */ #search-basic {margin-top: 1em;background-color: #ddd;border: 1px solid #666;padding: .5em;} #search-basic input {margin: .4em 20px .4em 0px; padding: .1em 0px; width: 140px;font-size: 12px; font-weight: bold; color: #063354; background: #f4f6f5; border-top: 1px solid #063354;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc; border-left: 1px solid #063354;display: inline;} #search-basic select {margin: .4em 0px; padding: .1em 0px; width: 140px; font-size: 12px; font-weight: bold; color: #063354; background: #f4f6f5;display: inline;} #search-basic .submitBtn {width: 90px !important; height: 20px; margin: 0px; padding: 0px; display:inline;} /* date ranges and relevance */ #adv-search {margin-top: 1em;background-color: #f4f6f5; border: 1px solid #666;padding: .5em;} #adv-search h2 {color: #fff;background-color: #ccc;border: 1px solid #063354;padding: .3em;margin: .5em 0px;} #adv-search h3 {margin: 0;padding: 0;font-size: 1.1em;} #adv-search h4 {margin: 1.4em 0px;font-size: 1em;} #adv-search p {margin: 0;padding: 0;} #adv-input {margin: 1em 0px;} /***************** search results page **********************/ /* top sort box select fields */ #result-sort { background-color: #ddd; border: 1px solid #c5cec9; padding: .5em 0px; margin: 1em 0px; } #result-sort h3 { display: inline; font-weight: bold; font-size: 1.2em; margin: 0 .3em; } #result-sort input { vertical-align: middle; } /* search result formatting */ #result-info h1 { padding: 0; margin: 0; } #result-info p { font-size: 1em; line-height: 1em; margin: 0; } #result-list { border-bottom: 1px solid #c5cec9; list-style: none;} .searchrank {font-size: .9em; float: left;} .searchtitle { font-size: 1.3em; font-weight: bold; display: block;} .searchtitle a:visited {color:#627d8e;} .searchauthor { font-size: 1em; font-weight: bold; padding: .4em 0 .2em 0; display: block; } .searchissue { font-size: .95em; display: block; color:#000; } .searchissue a:visited {color:#627d8e;} #result-head { margin: 0px !important; padding: .5em 0 0 .2em !important;font-size: 1.4em !important;border-top: 1px solid #c5cec9;} .modify-search {width: 427px;background-color: #828783; padding: 0px;margin: 0px;border: 1px solid #c5cec9} #modify-options {margin: 0px !important;background: #063354!important; border-left: 1px solid #c5cec9; border-right: 1px solid #c5cec9; border-top: 1px solid #c5cec9;width: 427px;} #modify-options li {display: inline; padding: 0px 0px 0px 0px;margin: 0px; width: 120px;} #modify-options a {font-size: 11px;line-height: 15px; padding: 0px;margin: 0px;text-decoration: none;} #modify-options a:link, #modify-options a:visited { color: #fff;text-decoration: none; background: #063354; padding-right: 4px;padding-left: 4px; width: 120px;border-right: 1px solid #fff;} #modify-options a:hover, #modify-options a:active { background: #9a0b0f; text-decoration: none; padding-right: 4px;padding-left: 4px; width: 120px;border-right: 1px solid #fff;} #modify-search h3 {font-size: 1.2em;margin: 0;padding: 0;} #modify-search li {display: inline;padding:0;line-height: 1.8em; } /************************ * Footer ******************* #footer {display: block; width: 100%; height: 12em; margin-top: 10px;font-size: 11px; color: #868980; border-bottom: 1px solid #868980;} html>body #footer {display: block; width: 100%; min-height: 11em; height: auto; margin-top: 10px;font-size: 11px; color: #868980; border-bottom: 1px solid #868980;} #footer h3 {color: #868980!important;width: 930px; margin: 0px auto;padding: 0px;text-align: left;font-size: 12px; text-transform: none!important;} #footer h3.top {border-top: 1px solid #868980; margin-top: 10px;} #footer p.footerTop {width: 930px; margin: 0px auto;padding: 0px;text-align: left; line-height: 1.6em;} #footer p {width: 930px; margin: 0px auto;padding: 0px;text-align: left;font-size: 11px; line-height: 1.6em; } #footer p a {color: #868980;text-decoration: none; height: 1.6em;font-size: 11px;} #footer p a:hover {color: #9a0b0f;text-decoration: none; border-bottom: 1px solid #868980; height: 1.6em;} ****/ /************************ * Misc ************************/ /* Hide "skip to content" link from general users. Do not use display: none, as that will also hide it from some screen readers. */ #skipnav { position: absolute; top: -1000em; left: -1000em; } /* Hide rules for accesibility. */ .clearSpaceTop {clear:both; margin: 5px 0px; padding:0px;} html>body .clearSpaceTop {clear:both; height:5px; margin: 0px; padding:0px;} .clearSpace {clear:both; margin: 0px; padding:0px;} html>body .clearSpace {clear:both; height:5px; margin: 0px; padding:0px;} .clearBoth {clear:both;} .clearL {clear: left;} .clearR {clear: right;} /****************** * Color Pallette * ****************** red color: #9a0b0f; beige color: #978778; dark blue color: #063354; light blue color: #627d8e; grey color: #828783; light grey color: #c5cec9; light blue-grey color: #f4f6f5; *******************/