/* HFRP Layout CSS */ #AccessibilityLinks { position: absolute; top: -9999px; left: -9999px; } #BrowserWarning { display: none; } * HTML BODY { text-align: center; } *:first-child+HTML BODY { text-align: center; } #PageWrapper{ margin: 0 auto; padding: 0 10px; text-align: left; } /* BEGIN: fancy auto-width stuff */ /* NOTE: this does not validate, as it contains the expression() stuff */ #PageWrapper { max-width: 980px; min-width: 760px; } /* WORKAROUND: for IE/win; hidden from IE5/mac */ /* min-width must be at LEAST equal to padding-left + content width + padding-right + 1 or suffer IE's wrath you will*/ /* \*/ * HTML #PageWrapper { width: expression(document.body.clientWidth < 781 ? "780px" : document.body.clientWidth > 980 ? "980px" : "auto"); } /* */ /* END: fancy auto-width stuff */ #LayoutWrapper{ display: block; width: 100%; background-color: #FFF; } #HeaderWrapper{ display: block; } a.link-to-gfrp-main{ text-decoration: underline; font-weight: bold; } *:first-child+HTML #LayoutWrapper.research #HeaderWrapper { height: 211px; } #HeadTop{ position: relative; padding: 7px 0 3px 20px; overflow: visible; } #HarvardGradLogo { margin: 0 0 0 0;} #TopMenu { position:absolute; top: 8px; right: 20px; } #TopMenu A#ShoppingCart { padding-right: 30px; background: transparent url(/design/hfrp/images/icon.shoppingcart.gif) right top no-repeat; } #HeaderMain { position:relative; clear: both; display:block; min-height: 126px; background: #FFF url(/design/hfrp/images/design.banner.gif) 400px bottom no-repeat; overflow:hidden; } * HTML #HeaderMain, *:first-child+HTML #HeaderMain { height: 126px; } #HFRPLogoWrapper { padding: 20px 0 25px 25px; width: 264px; height: 81px; } #HFRPLogoWrapper A { display: block; } #HFRPLogo { display: block; } #printpage-url { display: none; } #SiteSearch{ position:absolute; top: 2px; right: 10px; display:block; width: 300px; margin:0; padding:0;} #SiteSearch FORM { margin:0; padding:0; } /*#SiteSearch legend { position: absolute; left:-9999px; top:-9999px; display:none; }*/ #SiteSearch A#advancedSearchText { color: #9A9A9A; font-size: .9em; text-decoration: underline; } #SiteSearch INPUT#SearchText { width: 136px; height: 15px; } * HTML #SiteSearch INPUT#SearchText { height: 20px; } *:first-child+HTML #SiteSearch INPUT#SearchText { height: 20px; } #SiteSearch DIV.FormAction { display: inline; } #SiteSearch A#advancedSearchText, #SiteSearch INPUT { float: left; margin: 3px 3px 0 0; } form.home-publication-search { margin-bottom: 15px; } /* MainNav Styles */ #NavWrapper { background:#910029 url(/design/hfrp/images/bg.topnav_line.gif) left 27px repeat-x; } UL#MainNav { margin:0; padding:0; height: 28px; } UL#MainNav LI { position:relative; z-index: 2; float:left; margin:0; padding: 0; list-style:none; height: 28px; } UL#MainNav LI A { display: block; height: 28px; background: #910029 url(/design/hfrp/images/bg.topnav.matrix.gif) no-repeat left -28px; } UL#MainNav LI A SPAN { display: none;} UL#MainNav LI#MainNav_Home A { width: 98px; } UL#MainNav LI#MainNav_Home A:hover { background-position: 0px top;} UL#MainNav LI#MainNav_Home.Active A { background-position: 0px bottom;} UL#MainNav LI#MainNav_Home.Hover A { background-position: 0px top;} UL#MainNav LI#MainNav_Research A { width: 170px; background-position: -100px -28px;} UL#MainNav LI#MainNav_Research A:hover { background-position: -100px top; } UL#MainNav LI#MainNav_Research.Active A { background-position: -100px bottom;} UL#MainNav LI#MainNav_Research.Hover A { background-position: -100px top; } UL#MainNav LI#MainNav_Publications A { width: 177px; background-position: -271px -28px;} UL#MainNav LI#MainNav_Publications A:hover { background-position: -271px top;} UL#MainNav LI#MainNav_Publications.Active A { background-position: -271px bottom;} UL#MainNav LI#MainNav_Publications.Hover A { background-position: -271px top;} UL#MainNav LI#MainNav_News A { width: 165px; background-position: -448px -28px;} UL#MainNav LI#MainNav_News A:hover { background-position: -448px top;} UL#MainNav LI#MainNav_News.Active A { background-position: -448px bottom; } UL#MainNav LI#MainNav_News.Hover A { background-position: -448px top;} UL#MainNav LI#MainNav_About A { width: 145px; background-position: -613px -28px;} UL#MainNav LI#MainNav_About A:hover { background-position: -613px top;} UL#MainNav LI#MainNav_About.Active A { background-position: -613px bottom;} UL#MainNav LI#MainNav_About.Hover A { background-position: -613px top;} UL#MainNav LI UL { position:absolute; top: 28px; left: -9999px; z-index:2; margin: 0;padding: 0; background-color: #FFF; } UL#MainNav LI.Hover UL { left: 0; } UL#MainNav LI UL LI { float:none; display: block; height: auto; margin: 0; padding: 0; border: 1px solid #740021; border-top: none; } UL#MainNav LI UL LI A { display: block; width: auto; height: auto; padding: 8px 4px 8px 16px; text-decoration:none; background: #FFF url(/design/hfrp/images/bg.bullet.gt.gif) 8px 1em no-repeat; } * HTML UL#MainNav LI UL LI A { zoom: 1; } UL#MainNav LI#MainNav_Research UL LI A { width: 142px; } *:first-child+HTML UL#MainNav LI#MainNav_Research UL LI A { width: 162px; } * HTML UL#MainNav LI#MainNav_Research UL LI A { width: 162px; } UL#MainNav LI#MainNav_Publications UL LI A { width: 149px; } *:first-child+HTML UL#MainNav LI#MainNav_Publications UL LI A { width: 169px; } * HTML UL#MainNav LI#MainNav_Publications UL LI A { width: 169px; } UL#MainNav LI#MainNav_News UL LI A { width: 137px; } *:first-child+HTML UL#MainNav LI#MainNav_News UL LI A { width: 157px; } * HTML UL#MainNav LI#MainNav_News UL LI A { width: 157px; } UL#MainNav LI#MainNav_About UL LI A { width: 116px; } *:first-child+HTML UL#MainNav LI#MainNav_About UL LI A { width: 136px; } * HTML UL#MainNav LI#MainNav_About UL LI A { width: 136px; } UL#MainNav LI UL LI A:hover { color: #FFF; background-color: #740021; background-image: url(/design/hfrp/images/bg.bullet.gt.over.gif);} #BreadCrumbWrapper { /*height: 40px; width:100%;*/ color: #FFF; background-color: #910029; font-size: .9em; margin: 0; padding: 6px 0 6px 0; zoom: 1 !important; } #BreadCrumbs { margin: 0 0 0 18px; } #BreadCrumbs A { color: #FFF; text-decoration: underline; } #BodyWrapper { /*float: left; clear: both;*/ width: 100%; margin: 1px 0 30px 0; background-color: #FFF; border-top-width: 7px; border-top-style: solid; } #SideColumn { float: left; width: 204px; margin: 0 0 20px 7px; } #SideColumn .Box { display: block; margin: 0 0 20px 15px; } #SideColumn UL#NavMenu { display: block; margin: 1px 0 20px 0; padding: 0; } #SideColumn UL#NavMenu LI { display:block; margin: 0 0 1px 0; padding: 0 0 0 15px; list-style: none; background-color: #a1b8b0; font-weight: bold; text-decoration: none; text-transform: uppercase; } * HTML #SideColumn UL#NavMenu LI { height: 1px; margin: 0 0 -2px 0; } #SideColumn UL#NavMenu LI.active { padding: 8px 0 7px 15px; } #SideColumn UL#NavMenu LI A, #SideColumn UL#NavMenu LI SPAN { display: block; text-decoration: none; padding: 9px 0 8px 0; } #SideColumn UL#NavMenu LI A.Active { color: #333; font-weight: bold; } #SideColumn UL#NavMenu LI A.Active-Subpage { color: #333; font-weight: normal; } #SideColumn UL#NavMenu LI SPAN { color: #333333; } #SideColumn UL#NavMenu LI UL { margin:0 0 0 -15px; padding:0; background-color: #f3f4ee; } #SideColumn UL#NavMenu LI UL LI { margin: 0; padding: 3px 0 3px 25px; background: #f3f4ee url(/design/hfrp/images/bg.bullet.gt.gif) 15px 8px no-repeat; text-transform: none; } #SideColumn UL#NavMenu LI UL LI A, #SideColumn UL#NavMenu LI UL LI SPAN { text-transform: none; font-weight: normal; padding: 0; } #SideColumn UL#NavMenu LI UL LI A.Active { font-weight: bold; } #SideColumn UL#NavMenu LI UL LI A.Active-Subpage { font-weight: normal; } #SideColumn UL#NavMenu LI UL LI UL LI { background: transparent url(/design/hfrp/images/bg.bullet.dash.gif) 15px 8px no-repeat; } #SideColumn UL#PageOptions { margin:0 0 0 25px; padding:0;} #SideColumn UL#PageOptions LI { display: block; height: 20px; padding-left: 25px; background-repeat: no-repeat; background-position: left top; list-style: none; color: #910029; } #SideColumn UL#PageOptions LI A { text-decoration: none; } #SideColumn UL#PageOptions LI#Po_Print { background-image: url(/design/hfrp/images/icon.printpage.gif); } #SideColumn UL#PageOptions LI#Po_Stf{ background-image: url(/design/hfrp/images/icon.stf.gif); } #SideColumn UL#PageOptions LI#Po_IncText { background-image: url(/design/hfrp/images/icon.font-inc.gif); cursor: pointer; } #SideColumn UL#PageOptions LI#Po_RegText { background: url(/design/hfrp/images/icon.font-norm.gif) no-repeat 7px 0; cursor: pointer; } #SideColumn UL#PageOptions LI#Po_DecText { background-image: url(/design/hfrp/images/icon.font-dec.gif); cursor: pointer; } #SideColumn UL#PageOptions LI#Po_AddThis { height: 16px; padding-left: 0; } #SideColumn UL#PageOptions LI#Po_AddThis div a.addthis_button_compact { padding: 0 4px 0 0; } #SideColumn UL#PageOptions LI#Po_AddThis div a.addthis_button_compact span { margin-right: 9px; } #SideColumn UL#PageOptions LI#Po_Follow { background-image: url(/design/hfrp/images/icon.arrow-right.gif); background-position: 0 5px; } #SideColumn UL#PageOptions LI#Po_Follow SPAN { clear: both; float: left; margin: 5px 5px 0 0; } #SideColumn UL#PageOptions LI#Po_Follow A { background: url(/design/hfrp/images/icon.twitter-rss.gif); float: left; height: 25px; margin: 0 5px 0 0; overflow: hidden; text-indent: -9999px; width: 25px; } #SideColumn UL#PageOptions LI#Po_Follow A:hover { background-position: 0 -25px; } #SideColumn UL#PageOptions LI#Po_Follow A#Po_RSS { background-position: -25px 0; } #SideColumn UL#PageOptions LI#Po_Follow A#Po_RSS:hover { background-position: -25px -25px; } #SideColumn UL#PageOptions LI#Po_Follow A#Po_Facebook { background-position: -50px 0; } #SideColumn UL#PageOptions LI#Po_Follow A#Po_Facebook:hover { background-position: -50px -25px; } #MainColumn { margin: 0 30px 20px 235px; color: #333; line-height: 1.5em; } /* NOTE: commenting this out. width of 99% doesn't make sense and causes all sorts of problems. -JSB * HTML #MainColumn { width: 99%; zoom: 1; } *:first-child+HTML #MainColumn { width: 99%; zoom: 1; } */ #MainColumn DIV.header { margin-bottom: .2em; font-size: 1.34em; font-weight:bold; } #MainColumn H1 { line-height: 1.2em; } /* NOTE: commented out the margin-right properties below. not sure why they were in there. -JSB */ * HTML #PageWrapper #MainColumn H1.title-image { /* margin-right: -60px; */ overflow: hidden; } *:first-child+HTML #PageWrapper #MainColumn H1.title-image { /* margin-right: -60px; */ overflow: hidden; } .complementarylearning #MainColumn H1 { line-height: 1.1em; } #MainColumn H2 { padding-top: 10px; font-size: 1em; line-height: 1em; text-transform: uppercase; } #MainColumn H3 { margin: .5em 0; font-size: 1.2em; font-weight: bold; line-height: 1.2em; color: #000; } /* Inline links in the MainColumn require underlining. No other elements should be underlined. */ #MainColumn A, #MainColumn A:link, #MainColumn A:visited, #MainColumn A:hover, #MainColumn UL LI A, #MainColumn UL LI A:link, #MainColumn UL LI A:visited, #MainColumn OL LI A, #MainColumn OL LI A:link, #MainColumn OL LI A:visited { text-decoration: underline; } #MainColumn H1 A, #MainColumn H1 A:link, #MainColumn H1 A:visited, #MainColumn H2 A, #MainColumn H2 A:link, #MainColumn H2 A:visited, #MainColumn H3 A, #MainColumn H3 A:link, #MainColumn H3 A:visited, #MainColumn H4 A, #MainColumn H4 A:link, #MainColumn H4 A:visited, #MainColumn H5 A, #MainColumn H5 A:link, #MainColumn H5 A:visited, #MainColumn H6 A, #MainColumn H6 A:link, #MainColumn H6 A:visited { text-decoration: none; } #MainColumn A:hover, #MainColumn H1 A:hover, #MainColumn H2 A:hover, #MainColumn H3 A:hover, #MainColumn H4 A:hover, #MainColumn H5 A:hover, #MainColumn H6 A:hover, #MainColumn UL LI A:hover, #MainColumn OL LI A:hover { text-decoration: underline; } #LayoutWrapper #MainColumn #PageHeader { display: block; margin: 15px 0 10px 0; } #LayoutWrapper #MainColumn #PageHeader IMG.cover { float:left; margin: 0 15px 30px 0; } #LayoutWrapper #MainColumn .browse_by_toggle { margin: 0 20px 1em 0; padding: 7px 0; border: 1px solid #CCC; border-left: 0; border-right: 0; } #LayoutWrapper #MainColumn .browse_by_toggle DIV { display: inline; } #LayoutWrapper #MainColumn .browse_by_toggle DIV.active { font-weight: normal; } #LayoutWrapper #MainColumn #SideBar { float: right; width: 197px; padding-left: 20px; background-color: #FFF; font-size: .98em; line-height: 1.25em; } #LayoutWrapper #MainColumn #SideBar .Box { display: block; width: 182px; border-width: 1px; border-style: solid; border-top-width: 9px; margin: 0 0 20px 0; padding: 10px 10px 15px 10px; } #LayoutWrapper #MainColumn #SideBar .Box H4 { font-size: 1em; /*color: #747474;*/ color: #000; font-weight: bold; } #LayoutWrapper #MainColumn #SideBar A, #LayoutWrapper #MainColumn #SideBar A:link #LayoutWrapper #MainColumn #SideBar A:visited { /*text-decoration: none;*/ font-weight: bold; } #LayoutWrapper #MainColumn #SideBar A:hover { text-decoration: underline; } #LayoutWrapper #MainColumn #SideBar P { margin: 0; padding: 0; } #LayoutWrapper #MainColumn #SideBar P.Caption { margin: 0; padding: 0 0 1em 0; text-align: center; } #LayoutWrapper #MainColumn #SideBar UL { margin: 0; padding:0; } #LayoutWrapper #MainColumn #SideBar LI { background: transparent url(/design/hfrp/images/bg.bullet.910029.gif) no-repeat left .5em; margin: 0 0 10px 5px; padding-left: 15px; list-style: none; } #LayoutWrapper #MainColumn #SideBar LI.active { color: #333; font-weight: bold; } #LayoutWrapper #MainColumn #SideBar .Box IMG { float: left; margin-right: 10px;} #LayoutWrapper #MainColumn #SideBar .Photo { text-align: center; } #LayoutWrapper #MainColumn #SideBar .Photo IMG { margin: 0 auto; } #FooterWrapper { clear:both; margin: 0 20px 0 20px; padding: 20px 0; background: transparent url(/design/hfrp/images/design.dots.horizontal.gif) left top repeat-x; text-align: center; font-size: .91em; } #FooterWrapper #FootMenu { display:block; margin: 5px auto;} #FooterWrapper #FootMenu A.rss-link { padding: 2px 20px 0 0; background: transparent url(/design/hfrp/images/icon.rss.gif) right center no-repeat;} /* #LayoutWrapper.subscription-center #BodyContent { width: 270px; } * HTML #LayoutWrapper.subscription-center #BodyContent { width: 350px !important; } */ #LayoutWrapper.subscription-center #BodyContent { float: left; } #LayoutWrapper.subscription-center #BodyContent .small_container { float: left; margin-bottom: 3em; } #LayoutWrapper.subscription-center #BodyContent .small_container P A IMG { margin-top: 10px; } #MainColumn.orderform #PubOrderForm TD#Error { color: #FF0000; } #MainColumn.orderform #PubOrderForm #Errors #Error { color: #FF0000; margin-left: 20px; } * HTML #LayoutWrapper.subscription-center #BodyContent .small_container { height: 90px; } #LayoutWrapper.subscription-center TABLE#choose-newsletters { } #LayoutWrapper.subscription-center TABLE#choose-newsletters LABEL { font-weight: bold; } #PageWrapper.familyinvolvement #MainColumn P IMG { padding-right: 10px; } #MainColumn #PageHeader H2 { line-height: 1.25em; } #FineLogo { margin: 2em 0 0 0; /* background: url(/design/hfrp/images/bg.fine-header.gif); */ overflow: hidden; } * HTML #FineLogo { margin-right: -40px; } *:first-child+HTML #FineLogo { margin-right: -40px; } #SideBar .Item.Box H4 { margin-bottom: 1em; } TABLE#tell_a_friend TR TD { vertical-align: top; } TABLE#tell_a_friend TR TD LABEL { display: block; text-align: right; margin-right: 10px; } TABLE#tell_a_friend TR TD.normal { padding-left: 185px; } TABLE#tell_a_friend TR TD.normal LABEL { display: inline; text-align: left; margin: 0; } .FeatureFormat { margin-top: 2em; } .researchareas #BodyWrapper { border-color: #d9dccd; }