/* urban.org */ /* set default properties */ body, td, th { font-family: 'Lato', 'Lato', verdana, helvetica, sans-serif; text-decoration: none; color: #000; font-size: 12px; } body { margin: 0 0 0 0; padding: 10px !important; background-color: #e6e6e6; min-height: 100%; /*background-image: url(/images/background-squares.gif); background-repeat: repeat;*/} div#main {background-color: #fff; /*background-image:url(/images/left-gray.gif); background-repeat: repeat-y;*/ margin-left: 50px;} div#mainfullwidth {background-color: #fff; width: 920px; margin-top:-10px} div#main_unemploy {background-color: #fff; background-image:url(/images/unemploybg.gif); background-repeat: repeat-y; margin-top: 4px; } td.column_left, td.column_middle, td.column_right { padding: 0; margin: 0; background-color: #fff;} .column_subHolder td.column_right { padding-bottom: 100px !important; } table#idLayout2 td.CS_Layout_TD, table#cs_idLayout2 td.CS_Layout_TD { padding: 0; margin: 0; } /* Remove extra whitespace helpfully added by commonspot */ .column_subHolder .CS_Textblock_Text { font-size: 1.1em; } .CS_linkbar_item a {font-size: 12px;} .CS_PgIndex_Item_Title { font-size: 12px; } /* Redefine standard HTML elements */ a:link, a:visited { color: #035bb1; text-decoration: none; } a:hover, a:active { color: #035bb1; text-decoration: underline; } hr { border: solid #69c !important; border-width: 1px 0 0 !important; height:1px !important; width:100% !important; margin: .5em 0 .5em 0; } img { border: none; padding: 0; margin: 0; } ul { margin-top: .3em; margin-bottom: .3em; padding: 0; margin-left: 1.5em; list-style-type: disc; } h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-family: 'Lato', arial, verdana, sans-serif; text-decoration: none; color: #0096d2; font-weight: bold; margin: 0; padding: 0; } h1, td h1 { font-size: 17px; padding: 0; margin: .5em 0 .5em 0; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: underline; } h1.linkOnly a:hover { text-decoration: none; } h2, td h2 { font-size: 16px; } h2 a { text-decoration: underline; } h3, td h3, h3 a { font-size: 12px; color: #717171; text-transform: uppercase; margin-top: 24px;} form { padding: 0; margin: 0; } input, option { font-family: 'Lato', verdana, arial, sans-serif; font-size: 1em; } select { font-family: 'Lato', verdana, arial, sans-serif; font-size: .9em; } textarea { font-family: 'Lato', verdana, arial, sans-serif; font-size: 1em; } #search input, #search option, #search select { font-size: .8em; _font-size: .7em; padding: 0; margin: 0; } submit, .submit { background-color: #f93; color: #fff; border: 1px #f93 solid; padding: 0; margin: 0;} submit:hover, .submit:hover { background-color: #000; } small, .small { font-size: .8em; } subnavlist {font-size: 11px; color: red; } descrip, .descrip { font-size: 11px; } /* Custom styles */ #main, #mainSub, #main_unemploy, #main_liwf { width: 920px; padding: 0; margin: 10px; } /* Position the search box. Changes to this also need to be applied to the IE Hack below so that the conform */ #search { left: 335px; position: absolute; z-index: 1; overflow: hidden; padding: .2em 3px .2em .2em; width: 397px; background-color: #c60; border-top: 2px #fff solid; border-bottom: 2px #fff solid; border-left: 2px #fff solid; } /* Set different top margins for homepage and content page */ #main #search { top: 145px; } #main_unemploy #search, #main_unemploy #search_bar {top: 56px; } #main_liwf #search, #main_liwf #search_bar {top: 56px; } #mainSub #search { top: 75px; } #main #search_bar, { top: 145px; } #mainSub #search_bar, { top: 75px; } #mainSub #search_bar_ret { position: absolute; top: 80px; left: 660px; width: 260px; border-width: 2px 0 2px 2px; border-style: solid; border-color: #FFF; height: 25px; background-color: #aab032; color: #fff; } #mainSub #search_bar_tjc { top: 80px; } #search .searchLinks { font-size: .65em; padding: 0; margin: 10px 0 0 0; } #search form { float: left; } #search .searchLinks div { display: inline; float: right; } /* IE Hack */ * html #search { width: 400px; display: inline; left: 340px; padding-right: 3px; } * html #search form { width: 226px; } /* End IE hack */ #search a { color: #fff; font-weight: normal; } #mainlogo { position: absolute; top: 35px; left: 25px; z-index: 1; } #mainlogo_ret { position: absolute; top: 20px; left: 25px; z-index: 1; } #mainlogo_tjc { position: absolute; top: 40px; left: 25px; z-index: 1; } #mainSub #tagline img { border-bottom: 2px #fff solid; } /* #headerTable, #mainTable { width: 888px; } */ #headerTable { border-top: 2px #fff solid; padding: 0; margin: 0; } /* JHa new search css 06.19.07 */ #search_bar, #search_options, #submit_wrapper, #query_container, #submit_container, #search_options p, #submit_wrapper form { margin: 0; padding: 0; border: 0; border-spacing: 0px none; } #search_options p, #submit_wrapper form, #query_container input { font: normal normal normal 10px/12px "verdana", "arial", sans-serif; } #query_container input { margin: 0; padding: 0; } #submit_container input{ font: normal normal normal 10px/12px "verdana", "arial", sans-serif; margin: 0; padding: 0; color: #333; } #search_bar{ position: absolute; left: 743px; height: 24px; width: 225px; color: #fff; } /*#search_bar,*/ #search_bar_hopevi, { position: absolute; left: 395px; height: 25px; width: 373px; color: #fff; } #search_bar_tjc { position: absolute; left: 545px; border-width: 2px 0 2px 2px; border-style: solid; border-color: #FFF; height: 25px; width: 373px; background-color: #C60; color: #fff; } #search_options { float: right; margin-right: 2px; padding-top: 4px; } #search_options a { color: #FFF; background-color: #C60; text-decoration: none; } #search_options a:link { color: #FFF; text-decoration: none; } #search_options a:hover { color: #FFF; text-decoration: underline; } #submit_wrapper { } #query_container { float: left; padding-top: 2px; margin-left: 2px; } /* IE6 HACK */ html>body #query_container { padding-top: 3px; margin-left: 3px; } #query_container input#query { padding: 1px 0; width: 134px; } #query_container input.cleardefault { color: #000; } #submit_container, #submit_container_hopevi { float: left; padding-top: 3px; margin-left: 2px; } /* IE6 HACK */ html>body #submit_container { margin-left: 4px; } #submit_container input.submit, #submit_container input.submit:link, #submit_container input.submit:visited { background-color: #F93; font-size: 11px; line-height: 13px; border: 1px solid #000; border-spacing: 0px none; width: 56px; color: #fff; } #rp #query_container input#query { padding: 1px 0; width: 129px; } #submit_container input.submit:hover, #submit_container input.submit:active, #submit_container input.submit:focus { border: 1px solid #630; background-color: #fff; color: #000; } td.column_left { width: 164px; padding: 0; margin: 0; border-right: 2px #fff solid; background-color: #9cf;} td.column_left img { padding: 0; margin: 0; } #headerTable td.column_left { background-color: #c60; } #headerTable td.column_middle { width: 492px; } #headerTable td.column_right { width: 229px; padding: 0; } #headerTable td.column_right p.quote { font-family: 'Lato', arial, 'Lato', verdana, helvetica, sans serif; color: #369; font-weight: bold; padding: 10px 5px 0 10px; margin: 0; font-size: 11px; } #headerTable td.column_right p.quote a:link, #headerTable td.column_right p.quote a:visited { font-family: arial, 'Lato', verdana, helvetica, sans serif; color: #000000; font-weight: bold; text-decoration: none; } #headerTable td.column_right p.quote a:hover, #headerTable td.column_right p.quote a:active { font-family: arial, 'Lato', verdana, helvetica, sans serif; color: #000000; font-weight: bold; text-decoration: underline; } #headerTable td.column_right p.quote .attribution { font-family: verdana; color: #546869; font-size: 10px; } #headerTable td.column_right p.quote .attribution a:link, #headerTable td.column_right p.quote .attribution a:visited, #headerTable td.column_right p.quote .attribution a:hover, #headerTable td.column_right p.quote .attribution a:active {font-weight: bold; font-family: verdana; } #headerTable td.column_right p.quote .quotespacer { padding: 0; font-size: 6px; } /* Start mainTable and subTable styles (mainTable is only on the homepage, subTable on all other pages) */ #mainTable { border-top: 0px #fff solid; height: 100%; min-height: 100%;} #subTable { width: 100%; height: 100%; } #homepageTable { height: 100%; min-height: 100%;} #mainTable td.column_left, #mainTable td.column_right, #subTable td.column_right { background-color: #fff; } #maintable td.column_left {background-color: 9cf; } #mainTable td.column_left div#rmn { background-color: #074f75; min-height: 1000px; height: 100%; } #subTable td.column_right, #mainTable td.column_right { width: 229px; border-left: 2px #fff solid; } #mainTable td.column_middle { background-color: #fff; } #mainTable td.column_subHolder { background-color: #fff; } /* set header photo for internal pages (except pubs) here */ #mainTable td.column_subHolder #header-retirement { height: 66px; background: #766979 url(/images/retirement-header3.gif) left top no-repeat; } #mainTable td.column_subHolder #rmnheader { height: 66px; background: #074f75 url(/images/rmnheader.gif) left top repeat-x; } #mainTable td.column_subHolder #tjcheader { height: 66px; background: #b2ccff url(/images/tjcheader3.gif) left top repeat-x; } #mainTable td.column_subHolder #header #hopevi { height: 66px; background: #b2ccff url(/images/header_subpage_hopevi.jpg) left top no-repeat; } #mainTable td.column_subHolder #katrina2 #header { height: 66px; background: #E0D4BA url(/images/header_subpage_katrina2.jpg) left top no-repeat; } #mainTable td.column_subHolder #liwf_roundtable #header { height: 66px; background: #182E44; text-align: right; color: #FFFFFF; } #mainTable td.column_subHolder #uisaheader { height: 66px; background: #9da72d url(/images/UISA_banner.jpg) left top no-repeat; } #mainTable td.column_subHolder #dpheader { height: 66px; background: #b2ccff url(/images/dp_banner.jpg) left top no-repeat; } #mainTable td.column_subHolder #idgheader { height: 66px; background: #ffffff url(/images/idg_header2011.gif) left top no-repeat; } #mainTable td.column_subHolder #ssnheader { height: 66px; background: #ffffff url(/images/safetynetlandingpage-header.jpg) left top no-repeat; } #mainTable td.column_subHolder #cultural_vitality { height: 66px; background: #766979 url(/images/cvi_header_type.jpg) left top no-repeat; } #mainTable td.column_right, #subTable td.column_right { width: 170px; } #breadcrumbs, #breadcrumbs_ret { color: #888; padding: 0 12px; font-size: 10px;} #breadcrumbs_ret {margin-top: 14px; } #breadcrumbs a, #breadcrumbs_ret a { color: #888; font-weight: normal; } /* OLD Left Nav - kept as legacy. Left nav now in separate CSS */ #mainTable td.column_left .holder { padding: 0; } #mainTable td.column_left a { font-size: 1em; font-weight: normal; color: #fff; margin-bottom: .3em; text-decoration: none; } /* Top Level */ #mainTable td.column_left h1, #mainTable td.column_left .holder h1 { font-family: Univers, arial, 'Lato', verdana, sans-serif; font-size: 17px; letter-spacing: .1em; color: #1c1c1c; margin-left: .5em; margin-bottom: 3px; padding-left: .8em; background: url(/images/bullet_navParent-regular.gif) top left no-repeat } #mainTable td.column_left h1.on { background: url(/images/bullet_navParent-selected.gif) top left no-repeat } #mainTable td.column_left h1 a, #mainTable td.column_left h1.on a { color: #1c1c1c; font-weight: bold; } #mainTable td.column_left h1 a:hover, #mainTable td.column_left h1.on a:hover { color: #fff; text-decoration: none; background: none !important; } /* Selected 2nd level */ #mainTable td.column_left .section .on { background-color: #369; padding: .5em 0 .5em 0; } /* Make hrefs block level elements and set padding */ #mainTable td.column_left .chief a, #mainTable td.column_left .section a, #mainTable td.column_left .section .subsection a { display: block; padding: 0 0 0 12px; margin: 0 0 .5em .5em; font-size: 12.5px; line-height: 16px;} #mainTable td.column_left .section .on a { background: url(/images/bullet_nav-selected.gif) top left no-repeat; } #mainTable td.column_left .chief a, #mainTable td.column_left .section .off a { background: url(/images/bullet_nav-regular.gif) top left no-repeat; } #mainTable td.column_left .subsection a { background: url(/images/bullet_nav-selected.gif) top left no-repeat; } #mainTable td.column_left .subsection a.on { font-weight: bold; background-color: #b2cce5; } #mainTable td.column_left .subsection { background-color: #b2cce5; padding: .5em 0 .5em 0; margin: 0 0 1em .5em; } #mainTable td.column_left .subsection a { font-size: .9em; display: block; color: #369; padding-left: 1em; background: url(/images/bullet_nav-sub.gif) top left no-repeat; } /* Since the hrefs are now block level elements, there is no need for the
tags to do anything. In case CommonSpot adds them, we want to turn them off in the left nav */ #mainTable td.column_left .chief br, #mainTable td.column_left .subnav br, #mainTable td.column_left .subsection br { display: none; } #mainTable td.column_left a:hover { text-decoration: underline; background-color: inherit; background: inherit; } /* Right nav */ td.column_right { padding-top: 12px; } * html td.column_right { padding-top: 15px; } /* Fix IE */ #mainTable .column_right p, #subTable .column_right p { line-height: 1.2em; } /*changed line-height from 1.5em to 1.2em (RD 10/20/05) */ #mainTable .column_right p { font-size: 11px; } #subTable .column_right p { font-size: 11px; } td.column_right a { font-weight: bold; } td.column_right li a { font-weight: bold; } .column_right #column_policyCenters, .column_right #column_toolkit, .column_right #column_newsletters, .column_right #column_contact, .column_right #column_experts, .column_right #column_resources, .column_right #media_contact, .column_right #media_experts { color: #000; padding: 0 .5em .5em .5em; font-size: 11px; } #column_bookstore {font-size: 11px; color: #fff; margin-top: 7px; margin-right: 2px; padding-right: 5px;} #column_bookstore p {font-size: 11px; color: #fff; padding: 7px 5px 7px 8px; font-weight: normal;} #mainTable td.column_right #column_policyCenters, #mainTable td.column_right #column_toolkit, #mainTable td.column_right #column_newsletters, #mainTable td.column_right #column_contact, #mainTable td.column_right #column_experts, #mainTable td.column_right #column_resources, .column_right #media_contact, .column_right #media_experts { margin: 0; padding: 0 1.5em 1.5em 1em; } #column_resources {border-bottom: solid 3px #fff;} #mainTable td.column_right #column_policyCenters { padding-bottom: .8em; } #mainTable td.column_right ul { list-style-type: square; margin-bottom: 0; padding-bottom: 0; } #mainTable td.column_right li { font-size: 11px; font-weight: normal; color: #9cf; margin-bottom: .2em; margin-top: .6em;} /* changed margin-bottom from .3em to .2em (RD 10/20/05) */ #mainTable td.column_right { padding-bottom: 20px; } #mainTable td.column_right h1 a { text-decoration: underline; } #mainTable td.column_right h1 a:hover { text-decoration: none; } /* Content styles */ #mainTable td.column_middle .holder { padding: 0 1em 1em 1em; } #mainTable td.column_middle .holder li { padding: .5em 0; margin-left: 16px; } #mainTable td.column_middle .holder ul.lessspace li { padding: .2em .5em .2em .5em; } #subTable td.column_middle #tools { margin: 10px 0 30px 0;} #pubsauthors, #pubsentiretext { margin-top: 1em; } .paragraphlift { margin-top: -3pt; } p.abstract { font-size: 11px; margin: .4em 0 0 1em; line-height: 14px;} p.citations { font-size: 11px; line-height: 14px;} div.citations { font-size: 11px; line-height: 14px;} h3.pubsrelatedresearch, h3.pubsrelatedtopics, h3.pubsrelatedauthors { margin-top: 2em; } p.pubsrelatedtopics {font-size: 11px; font-variant: small-caps; margin-top: 12px; padding-top: 0; margin-bottom: 14px;} /* Attempt to control pagination in p DSM 7/16/2020 */ div p { page-break-inside:avoid !important; } #pubsdisclaimer { margin-top: 2em; font-size: 1em; } #pubsdisclaimer hr { margin-bottom: 2em; } .fade, .fade a { font-size: .9em; color: #666666; } div.top5home li {font-size: 10.4px; font-weight:bold;} /* Legacy pubs styles (not currently in use) td.column_middle #author, td.column_middle #author a { font-weight: bold; color: #036; margin-bottom: 1.5em; } td.column_middle #pullquote { font-weight: bold; } td.column_middle #attribution { margin-bottom: 1.5em; font-style: italic; width: 50%; }*/ /*#feature-main { width:145px; padding-left:15px; padding-top: 15px; } #feature-main h1 { font-family: 'Lato', Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; margin-top:10px; margin-bottom:5px; font-weight:bold; } #feature-main h3 { background-color:#85ADD6; font-family: 'Lato', Arial, Helvetica, sans-serif; font-size:12px; padding-left:3px; padding-top: 2px; padding-right:3px; margin:0px; color:#FFFFFF; font-weight:bold; display:inline-block; } #feature-main h4 { font-family: 'Lato', Arial, Helvetica, sans-serif; font-size:12px; color:#85ADD6; margin-top:5px; text-decoration:underline; font-weight:bold; } #feature-main a { color:#85ADD6; } #feature-main a:hover { color:#FFFFFF; } #sub-feature { margin-top:115px; margin-left:15px; margin-right:3px; } #sub-feature a{ color:#D1E0F0; } #sub-feature h4 { font-family: 'Lato', Arial, Helvetica, sans-serif; font-size:11px; color:#85ADD6; } #sub-feature h5 { font-family: 'Lato', Arial, Helvetica, sans-serif; color:#D1E0F0; font-size:12px; padding-top: 4px; margin-bottom: 0px; } #feature-main p { font-family: 'Lato', Arial, Helvetica, sans-serif; font-size:12px; color:#D1E0F0; margin-top:5px; }*/ .feature-main-outer { position: relative; width: 715px; } .feature-main-inner { width: 715px; height: 275px; } .feature-main { width: 145px; position:absolute; top: 15px; left: 15px; } .feature-main a { color:#85ADD6; text-decoration:none; } .feature-main-outer:hover .feature-main a{ text-decoration:underline; color:#FFFFFF; } .feature-main h1 { font-family: 'Lato', Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; margin-top:10px; margin-bottom:5px; font-weight:bold; } .feature-main h2 { font-family: 'Lato', Arial, Helvetica, sans-serif; font-size:12px; color:#85ADD6; margin-top:5px; text-decoration:underline; font-weight:bold; } .feature-main h3 { background-color:#85ADD6; font-family: 'Lato', Arial, Helvetica, sans-serif; font-size:12px; padding-left:3px; padding-top: 2px; padding-right:3px; margin:0px; color:#FFFFFF; font-weight:bold; display:inline-block; } .feature-main p { font-family: 'Lato', Arial, Helvetica, sans-serif; font-size:12px; color:#D1E0F0; margin-top:5px; } .sub-feature-outer { position: relative; width:175px; } .sub-feature-inner-img { width: 175px; height:175px; } .sub-feature { width: 160px; position:absolute; top:120px; left: 15px; } .sub-feature a { color:#D1E0F0; text-decoration:none; } .sub-feature-outer:hover .sub-feature a{ text-decoration:underline; } .sub-feature h4 { font-family: 'Lato', Arial, Helvetica, sans-serif; font-size:11px; color:#85ADD6; margin-bottom: 5px; padding-bottom: 0px; } .sub-feature h5 { font-family: 'Lato', Arial, Helvetica, sans-serif; color:#D1E0F0; font-size:12px; padding-top: 0px; margin-bottom: 0px; padding-bottom: 0px; margin-top: 0px; padding-right: 3px; } /* New Features CSS */ .feature14-main-outer h4 {font-family: arial, 'Lato', verdana, helvetica, sans serif; color:#0096d2; font-size:11px; margin-top:5px; font-weight:normal; margin-bottom: 3px; } .feature14-main-outer h2 {font-family: arial, 'Lato', verdana, helvetica, sans serif; color:#000; font-size:22px; line-height:none;font-weight:normal; margin-top:1px;} .feature14-main-outer h3 {font-family: arial, 'Lato', verdana, helvetica, sans serif; color:#000; font-size:15px; line-height:none;font-weight:normal; margin-top:1px; margin-bottom: 3px;} .feature14-main-outer h3 a { text-transform:none;} .feature14-main-outer p {font-family: arial, 'Lato', verdana, helvetica, sans serif; color:#555; font-size:12px; font-weight:normal; margin-top:1px; padding-bottom:0px; margin-bottom:0px;} .feature14-main-outer a { color:#000;} .feature14-main-outer {padding-bottom:10px;} /* Print styles */ #print { margin: 50px; font-size: 12px; font-family: 'Lato', verdana, Arial, Helvetica, sans-serif; background-color: #fff; padding:10px;} #print h1 { color: #000; font-size: 18px; margin-bottom: 0; padding-top: 75px; background: url(/images/urbanpubheader.jpg) top left no-repeat; padding-right: 12px;} #print h2 {font-size: 16px; color: #000; margin-top: 0; margin-bottom: 4px;} #print h3 {font-size: 14px; margin-top: 0;} #print p {font-size: 12px; } #print .printfooter {font-size: 11px; } #print #uipubauthor {font-size: 13px;} #print li {font-size: 12px; } #pubsdisclaimer p {font-size: 11px; } /* Footer */ #footer { width: 100%; text-align: center; font-size: .7em; padding: 1em 0 1em 0; border-top: solid 1px #d7d7d7; margin-top: 24px; /*background-color: #e0e0e0; width: 100%; text-align: center; font-size: .7em; padding: 1em 0 1em 0; margin-top: 24px;*/} #footerfullwidth { background-color: #e0e0e0; width: 100%; text-align: center; font-size: .7em; padding: 1em 0 1em 0; margin-top: 0px;} #footer a { font-weight: normal; } /* Spacers */ .spacer { margin: 0; padding: .5em; clear: both; } .bigspacer { margin: 0; padding: 1em; clear: both; } .bigspacer2 { margin: 0; padding: .5em .5em 1em .5em; clear: both; } .hidden { display: none; } .CS_Layout_SpacingHeight { line-height: 2px !important; } .divline { border-bottom: 1px solid #ddd; font-size: 11px; _font-size: .9em; } /* style for IAC Top Ten Reasons */ .iactopten {color: #333; } .iactopten ol {list-style-position: outside;} .iactopten li h3 {font-size: 16px; color: #0c543f; display: inline;} .iactopten li h4 {font-size: 16px; color: #854a10; display: inline;} .iactopten li {padding-bottom: 6px; border-bottom: dotted thin #854a10;} /* Temporary CSS for IAC Maps (JHa) */ /* Zeroes everything; overrides uisite.css */ #map_list, #map_list div, div.map_clear, #map div, #map h4 {margin: 0; padding: 0; border: 0; border-spacing: 0px none;} #map h3, #map h4, #map a {font: normal normal normal 12px/13px "arial", "verdana", sans-serif;} .map_clear {float: none; clear: both; height: 0px; font-size: 0px; line-height: 0px;} /* MAP ID - defines map behavior */ #map {border: 1px solid #333; width: 363px; background-color: #5D9AD8;} #map div {clear: both;} #map div div {clear: none;} #map div div div {height: 20px; width: 70px;} #map h4 {padding: 0;} #map h4 a {display: block; font-weight: bold; font-size: 12px; line-height: 20px; text-align: center;} #map h4 a, #map h4 a:link, #map h4 a:visited {color: #FFF; text-decoration: none;} #map h4 a:hover, #map h4 a:active, #map h4 a:focus {color: #EEE; text-decoration: underline;} /* map_list ID - defines text list of countries */ #map_list { width: 100%;} #map_list div {margin-right: 15px; width: 50%; float: left;} #map_list ul li { color: #00478d;} #map_list ul li a {line-height: 14px;} .right { float: right; } /* Module and Center-Specific styles */ /* Authors Page */ ul#authorspage { margin: 20px 10px;} ul#authorspage li { line-height: 11px;} #authorspage img { margin:-2px 0px; } /* After Katrina: 2 Years Later */ div#katrina2author { float: right; width: 220px; padding: 10px;} div#katrina2author p {font-size: 9px; font-style: italic; color: #003399; } #factoid { float: right; width:200px; border: thin solid #156938; padding: 6px; z-index: 10; margin: 10px; background-color: #ECCC55; } #factoid p {font: bold 12px arial; margin: 0; text-align: center; } #katrina2 div.hr { height: 2px; margin: 10px 0; clear: both; background: #fff url(/images/katrina2hr.jpg) no-repeat scroll center; } #katrina2 div.hrshort { height: 2px; width: 300px; margin: 10px 0; clear: left; background: #fff url(/images/katrina2hr.jpg) no-repeat scroll center; } #katrina2 hr { display: none; } #katrina2 ul { list-style-image:url(/images/katrina2li.jpg) } #katrina2 h1 { color: #336; } #katrina2 h3{ color: #336; font-size: 1.0em; } #katrina2 a, #katrina2 a:link, #katrina2 a:active, #katrina2 a:hover { color: #336; font-weight: bold; text-decoration: underline; } #katrina2 a:hover { background-color: #ECCC55; text-decoration: underline; } #katrina2 div#zuckerman { background-color: #8BB299; padding: 10px; float: right; width: 227px; border: 2px solid #C5AB90; margin-top: 10px; margin-left: 10px; } #katrina2 div#turner { background-color: #F8E7AE; float: left; width: 255px; padding: 10px; margin-top: 10px; border: 2px solid #1D2F57; } #katrina2 div#devita { background-color: #A6E0F3; float: right; width: 227px; padding: 10px; margin-left: 10px; border: 2px solid #E2C442; } #katrina2 div#rueben { background-color: #8BB299; padding: 10px; float: left; width: 255px; border: 2px solid #C5AB90; margin-top: 15px; } #katrina2 div#gray { clear: both; background-color: #A6E0F3; padding: 10px; border: 2px solid #E2C442; } #katrina2 .qsource { font-weight: bold; font-style: italic; } #katrina2 .qtag { font-weight: bold; font-size: 1em; color: #336; } #katrina2 .qtag_white { font-weight: bold; font-size: 1em; color: #fff; } /* LIWF */ div#liwffeaturebox { background: #DDE0E3; border: solid 1px #182E44; margin: 25px 15px 0 15px; padding: 0 10px 10px 10px; } #liwf_roundtable h1 { color: #182E44; } p.liwfdescrip { font-size: 11px; margin-top: -5px;; margin-bottom: 20px; } p.liwftitle { font-weight: bold; } p.liwftitle a, p.liwftitle a:visited, p.liwftitle a:link, p.liwftitle a:hover, p.liwftitle a:focus, p.liwftitle a:active { font-weight: bold; } p.liwftitle a:hover, p.liwftitle a:focus, p.liwftitle a:active { font-weight:bold; text-decoration: underline; } .smallerwhite {font: 11px 'Lato', verdana, Arial, Helvetica, sans-serif; color: #fff; margin: 0 6px 8px 14px; } .smallwhitepad {font: 11px 'Lato', verdana, Arial, Helvetica, sans-serif; color: #fff; padding: 0 0 5px 15px; display: block;} .thisweek {font: 11px 'Lato', verdana, Arial, Helvetica, sans-serif; color: #fff; background-color: #5285b8; padding: 4px 8px;} .pagedate {font: 10px 'Lato', verdana, Arial, sans-serif; margin: 0; padding: 0;} /* Prisoner Reentry Project */ ul#reentrynav { list-style-type: none; margin: 20px 10px;; font-size: 11px; } ul#reentrynav li {list-style-type: none; margin: 10px 5px; } div#reportnavheader { background-color: #336799; padding:10px 20px; color: #fff; margin-bottom:0px; } ul#reportnavlinks li {list-style-type: none; margin: 7px 5px; padding: 0px; color:#336799;} div#reportnav ul#reportnavlinks li a {color:#336799;} div#reportnav {background-color:#B2CCE5; margin-top:0px; padding-bottom:10px; margin-bottom:10px;} .larger_white { font-size: 16px; font-weight: bold; color: #fff; } .mission_text { font-size: 11px; font-weight: bold; color: #fff; padding: 5px 12px; margin: 0; } .missionbg { background-color: #999; padding: 14px 8px; } .leftnav_divider { border-top: 2px solid #999; padding-top: 2px; display: block; } div.rmnleftnav { padding: 25px 5px 25px 5px; height: 100%; } div.rmnleftnavlink { margin: 15px 5px; padding: 5px; } #mainTable td.column_left div.rmnleftnavlink a, #mainTable td.column_left div.rmnleftnavlink a:link, div.rmnleftnavlink a:visited, div.rmnleftnavlink a:active, div.rmnleftnavlink a:hover { color: #fefebe; font-weight: bold; font-variant: small-caps; } #rmncontent h1 { color: #074f75; font-variant: small-caps; } #rmncontent h3 { color: #989813; } /*UISA NEW*/ #uisaleftnav { width: 161px; font-family:verdana; font-size:11px; margin-bottom: 5px; } #uisaleftnav ul { margin-top: 0px; margin-bottom: 5px; padding-left: 0px; margin-left: 0px; background-color: #2b60a6; } .uisa_rightbox { width: 204px; font:'Lato', verdana, Arial, sans-serif; font-size: 12px; margin-left: 2px; margin-bottom:10px; margin-top:10px; } .uisa_rightbox h3{ color: #2b60a6; padding-left: 5px; padding-bottom: 5px; margin-top: 2px; margin-bottom: 2px; } .uisa_rightbox p{ margin-top: 5px; padding-left: 5px; font-size:12px; margin-bottom: 5px; } .uisa_rightbox a{ color: #2b60a6; } .uisa_rightnoborder { width: 204px; height: 135px; font:'Lato', verdana, Arial, sans-serif; font-size: 12px; margin-bottom:10px; margin-top:10px; } .uisa_rightnoborder h3{ color: #84923e; padding-left: 7px; margin-top: 2px; margin-bottom: 2px; } .uisa_rightnoborder p{ padding-left: 7px; font-size:12px; } .uisa_rightnoborder a{ color: #84923e; } #uisaleftnav li { list-style: none; background-color: #2b60a6; text-align: left; margin: 0; } #uisaleftnav li a { display: block; padding: 8px; } #uisaleftnav a:link { color: #ffffff; } #uisaleftnav a:visited { color: #ffffff; } #uisaleftnav a:hover { color: #ffffff;} #uisaleftnav a:active { color: #ffffff; } #uisaleftnav li:hover { background-color: #9ca62c; } #ui_ncai { padding-top:10px; padding-bottom:5px; margin-bottom: 5px; font-family:verdana; width: 161px; font-size: 10px; color:#FFFFFF; background-color: #9ca62c; } #ui_ncai p { font-size: 10px; color:#FFFFFF; padding-left: 5px; padding-right: 5px; } #ui_ncai a { color:#FFFFFF; text-decoration:none; } #ui_ncai a:hover { text-decoration:underline; } #uisa_leftnav_gray { padding-top:10px; padding-bottom:5px; margin-bottom: 5px; width: 161px; font-family:verdana; font-size: 11px; color:#FFFFFF; background-color: #eaeaeb; } #uisa_leftnav_gray p { font-size: 11px; color:#2b60a6; padding-left: 10px; padding-right: 5px; padding-top: 10px; } #uisa_leftnav_gray a { color:#9ca62c; text-decoration:none; } #uisa_leftnav_gray a:hover { text-decoration:underline; } .uisafeatureboxright { float: right; border: solid 1px #2b60a6; padding: 0px; margin: 6px 0px 6px 6px; width: 161px; _width: 206px; } .uisafeatureboxright p { font-size:10px; padding-left: 5px; padding-right: 5px; margin-top: 2px; margin-bottom: 5px; } /*------------------------------------*/ /* retirement policy */ .retirement_leftnav { background-color: #726474; padding: 0; font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 12px; font-weight: bold; margin-bottom: 1px; border-right: solid 2px #999; } .retirement_leftnav h3 { font-size: 14px; font-weight: bold; color: #fff; padding: 4px; margin: 2px 0 0 0; border-top: solid 2px #999; } .retirement_leftnav a { background-color: #726474; text-decoration: none; display: block; padding: 6px 0 6px 16px; margin: 0; font-weight: bold font: bold 12px arial; } #mainTable td.column_left .retirement_leftnav h3 a, #mainTable td.column_left .retirement_leftnav h3 a:link, #mainTable td.column_left .retirement_leftnav h3 a:visited, #mainTable td.column_left .retirement_leftnav h3 a:hover, #mainTable td.column_left .retirement_leftnav h3 a:active { background-color: #726474; text-decoration: none; display: block; font-weight: bold; padding: 0; margin: 2px 0 0 0; border-bottom: none; } #mainTable td.column_left .retirement_leftnav h3 a:hover, #mainTable td.column_left .retirement_leftnav h3 a:active { border-bottom: none; background-color: #473e48; display: block; font-weight: bold; padding: 0; margin: 2px 0 0 0; } #mainTable td.column_middle{ width: 750px; } #mainTable td.column_left .retirement_leftnav a:hover, #mainTable td.column_left .retirement_leftnav a:active { background-color: #473e48; text-decoration: none; display: block; font-weight: bold; } #mainTable td.column_left .retirement_leftnav a:link, #mainTable td.column_left .retirement_leftnav a:visited { font-weight: bold; } div.rpchomefact { width: 194px; float: right; background-color: #726474; color: #FFFFFF; padding-bottom: 2px; } div.rpchomefact p { font-size: 11px; margin-left: 8px; margin-right: 5px; } #mainTable td.column_middle .holder div.rpchomefact img, #mainTable td.column_middle .holder div.rpchomehighlight img, #mainTable td.column_middle .holder div.future img { padding: 0; } div.rpchomehighlight { width: 160px; float: right; background-color: #eee; /* margin-top: 12px; color:#000000; padding-bottom: 15px; */ } div.rpchomehighlight p { font-size: 12px; margin-left: 8px; margin-right: 8px; } div.future h2 { font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; color: #473e48; margin: 6px 8px; border-bottom: dotted 1px #726474; font-weight: bold; } div.future, div.futurepubs { width: 160px; float: right; color: #726474; /* border: 2px solid #726474; */ background-color: #eae2cf; } div.futurepubs { border-bottom: solid medium #d6d4d4; position: relative; bottom: 12px; font-size: 12px; padding-top: 8px; } .futurepubs p { font-size: 12px; margin-left: 8px; margin-right: 8px; border-bottom: 2px dotted #d7d5d5; padding-bottom: 4px; } div.future p { font-size: 11px; margin-left: 8px; margin-right: 8px; } span.rpmaindate { color: #726474; font-style: italic; } div.rpchomemain { margin-right: 8px; } #spotlightgraphic { border: 1px solid #473e48; margin: 10px; padding: 12px; font-size: 10px; } #researchspotlight { border: 1px solid #473e48; margin: 0; padding: 12px 8px; margin-right: 12px;} #mainTable td.column_middle #retirementfeature h4, #retirementfeature h4 { font-size: 11px; color: #999; margin-top: 6px; margin-bottom: 0; } #retirementfeature h1 { padding-bottom: 0; margin-bottom: 0; } #retirementfeature p { padding-top: 0; margin-top: 10px; } #retirementtopiclist { padding-bottom: 4px; margin-bottom: 4px; margin-right: 10px; } #retirementpublist { margin-left: 30px; } #retirementpublist h4 { margin-left: -30px; border-top: 1px solid #d7d5d5; padding-top: 12px; font-size: 14px;} #retirementpublist a {padding-bottom: 14px; } #retirementfeature { padding-bottom: 0px; margin-bottom: 0px; } #rpcontent img { margin: 0; padding: 0; } #rpcontent hr { color: #D6D4D4; height: 2px; } #anchorbreak { border-top: 2px solid #D6D4D4; height: 25px; } #rpcontent ul, #rpcontent li { margin-top: -3px; margin-bottom: -3px; padding: 0; } #retirementfeature h1 {margin-top: 2px; } #retirementfeature p img {padding: 0; } #retirementsubtopic { padding: 8px 8px; border-bottom: groove 3px #726474; border-top: groove 3px #726474; } #retirementsubtopic p { font-size: 11px; margin: 8px 8px; border-bottom: solid 1px #d6d4d4; } #retirementright {margin-bottom: 0; } #retirementright h3 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #473e48; border-top: solid medium #d6d4d4; border-bottom: solid 6px #fff; padding: 16px; margin: 0; } #retirementright h3 a {color: #473e48; } #retirementright p { border-bottom: 2px dotted #d7d5d5; margin-left: 8px; padding-bottom: 4px; font-size: 12px;} .retirementcaption { margin: 0 0 6px 0; padding: 0; text-align: right; font-size: 10px; } .rpnewsletter ul, .rpnewsletter ul li { padding: 0; margin-top: 5px; margin-bottom: 5px; } /* pub reports pages */ .pubauthor {color: #333; font-family: Georgia, serif; font-style: italic; font-size: 12px; } .pubauthor a:link { color: #000; } .pubdetail { color: #333; font-size: 11px; padding-left: 8px; } .pubtype { color: #333; font-size: 11px; font-style: italic; } .puborigindate { color: #333; font-size: 11px; } .pubavailable {color: #333; font-size: 11px; } /* time length display */ .smallgray {font-size: 10px; color: #333; } .eventitem {font-size: 12px; padding: 0; margin: 0;} .eventitem li {padding: 0; margin: 0; font-size: 12px;} .versusitem li, .versusitem ul {padding: 0; margin: 0 0 0 120px; font-size: 12px; list-style-type:square;} .eventitem_title {font-size: 12px; } #upcomingbox { padding: 4px 10px 5px 10px; margin: 0; border-top: solid 2px #69c; border-bottom: solid 2px #69c; background-color: #dfeaff; width: 220px; float:right;} #upcomingbox p { border-bottom: dotted 1px #999; } #rpsource { font-size: 12px; } .pressroomdivider {border-right: solid 1px #39c; margin: 0; padding: 4px 10px; } .pressroomfeature {margin: 0; padding: 4px 10px; } .onthehill { padding: 6px; background-color: #bad1e8; font-size: 11px; border-bottom: solid 2px #900; border-right: solid 1px #990000; border-left: solid 1px #990000; } .onthehill p { color: #000; } .onthehill h2 {font-size: 16px;} .column_right .onthehill a:link , .column_right .onthehill a:visited , .column_right .onthehill a:hover, .column_right .onthehill a:active {font-weight: bold;} /* styles for the XSL Stylesheet for Thunderstone Search - DKC 5.22.08 */ /* ----------------------------------------------------- */ .searchresults {border: 0; padding: 5px; margin-left: 20px; margin-right: 20px; font-size: 11px; width: 670px; background-color: #e0e0e0; line-height: 15px; text-align: center; margin-top: 6px; margin-bottom: 10px;} .searchabstract { margin-left: 20px; margin-right: 20px; font-family: verdana; font-size: 11px; line-height: 14px; } .searchtitle {font-family: verdana; font-size: 12px; font-weight: bold; } .searchURL {font-family: verdana; font-size: 12px; margin-top: 6px; margin-bottom: 0; } .bestbets {margin: 10px; font-family: verdana; font-size: 12px; width:700px; padding: 10px;} .bestbettext {font-family: verdana; font-size: 11px; border-bottom: dotted 1px #999; padding-bottom: 5px; padding-top: 3px; margin-bottom: 8px;} .lessimportant, .lessimportant a:link, .lessimportant a:visited, .lessimportant a:hover, .lessimportant a:active {color: #2e84b3; font-family: verdana; font-size: 11px; } .searchnotfound {font-family: Verdana; font-size: 14px; font-weight: bold; margin: 8px; padding-top: 6px; border-top: solid 1px #999;} /* ----------------------------------------------------- */ #topfive p, #topfive ol, #topfive ol li {font-size: 12px; margin: 0 8px 8px 16px; padding: 0 2px; font-weight: normal;} #topfive h2 {font-size: 12px; margin: 0 ; padding: 0 4px; } .topnewreports { margin: 0; font-size: 11px; /*border: solid 1px #d1e0ff;*/ } .topnewreports p {margin: 8px 0; padding: 4px 0; border-bottom: solid 1px #d1e0ff; font-size: 11px; } /* IDG */ .idgholder { padding-top: 20px; padding-bottom: 400px; } .paddednav { padding: 20px 0; } #idg_glance { float:right; width: 140px; padding: 5px; background-color:#abe2f7; border:solid; border-color: #000000; border-width:1px; font-size:11px; } #idg_glance_tb td { font-size: 11px; } #idg_glance_spacer { float:right; width: 151px; padding-left: 5px; padding-right: 1px; } /* Multimedia */ #mm { float:left; } div.mmevent { border-top: solid 1px #6699cc; padding: 10px 5px 0px 5px; } .mmdownload { float:right; width: 84px; height: 20px; vertical-align: middle; padding: 5px; } .mmevent h2 { font-size: 17px; color: #47a; } .mmcategory { font-size: 12px; font-variant: small-caps; } p.mmcategory { text-indent: 10px; padding: 0; margin: 0 0 5px 0; } p.mmdate { font-size: 10px; font-variant: small-caps; margin-top: 7px; } .mmcategory a { color: #4477aa; } #mmsoundpolicy { clear: right; width: 175px; float:right; margin-left: 15px; margin-bottom: 10px; background: url(/images/soundpolicy2.jpg) no-repeat top left; background-color: #dde7f7; color: black; padding: 40px 5px 5px 8px; font-size: 11px; } #mmsoundpolicy h3 { font-size: 11px; color: #900; font-weight: bold; padding: 20px 0 12px 0; } #mmsoundpolicy td { font-size: 11px; border-bottom: 1px dotted #333; padding-bottom: 4px; padding-right: 4px; } #mmsoundpolicy p.mmcategory { text-indent: 0; border-bottom: none; } #mm #topic { float: right; width: 210px; border: none; font-weight: bold; background-color: #fff; margin: 10px 0; text-align: right; padding-right: 10px; font-variant:small-caps; } #mmsoundpolicy .mmcategory { clear: both; } .mmfeeds img { margin: 0; padding: 0; position: relative; top: 10px; } p.mmfeeds { position: relative; margin-top: -10px; } div.mmfeeds { padding: 0 0 20px 0; margin-bottom: 0; border-top: 1px solid #000066; } .mmfeeds h3 { font-size: 14px; background-color: #47a; color: white; padding: 5px; margin-top: 0; } /* TJC */ #tjclinks { color: #358fcd; padding-left: 10px; padding-bottom: 30px; padding-top: 10px; } #tjclinks h3 { font-size: 14px; font-stretch:expanded; padding: 3px 5px 0 0; font-variant: small-caps; color: #358fcd; } #tjclinks a { color: #358fcd; font-weight: bold; font-size: 12px; } td.column_middle .holder #tjclinks ul li, td.column_middle .holder #tjclinks li { padding: 3px; margin: 0px; } #rmncontent .tjc h3 { color: #6a8c2a; } #tjclinks ul li a:hover, #tjclinks ul li a:active { text-decoration: none; } .lefthalf { width: 50%; float:left; } .righthalf { width: 50%; float: right; } #tjcspacer { border-left: solid 1px #6a8c2a; } .rmnleftnavlink ul li { list-style-type: square; color: #fefebe; padding: 6px 0 0 3px; margin-left: 5px; } /* Opportunity and Ownership */ #oobook { width: 150px; float:right; padding: 5px 10px 5px 15px; border-bottom: 1px solid #d4e0a0; margin-bottom: 10px; } #oobook2 { float: right; border: solid 2px #b7b7b7; padding: 7px; margin: 0px 0px 6px 10px; width: 194px; _width: 206px; background-color:#d4ebb0; } #oobook4 { float: right; position:absolute; left: 737px; border: solid 2px #b7b7b7; padding: 7px; margin: 0px 0px 6px 10px; width: 194px; _width: 206px; background-color:#d4ebb0; } #oobook p { text-align: left; margin-top: 5px; margin-bottom: 5px; font-size: 11px; color: #892b2c; } #oobook h3 { font-size: 14px; text-align: center; padding-bottom: 10px; color: #892b2c; } div.holder div.CS_Textblock_Text div#oobook img { margin: 0; padding: 0; } h2.oo { color: #892b2c; } span.oo { color: #5e7d24; font-weight: bold; } span.ooabstract { font-size: 11px; } div#nohidates { border: 2px groove rgb(51, 51, 51); margin: 0pt 15px 10px; padding: 5px; clear: right; float: right; width: 150px; color: #0047AD; } #nohidates a span { display: none; } div#nohidates a:hover { text-decoration: none; font-weight: bold; } div#nohidates a:visited { text-decoration: none; } div#nohidates a:hover span {display: block; position: absolute; top: 389px; left: 310px; width: 200px; padding: 10px; margin: 10px; z-index: 100; background: #b7dbff; border: groove 3px #6699ff; text-decoration: none; font-weight: normal; font-size: 11px; color: #000;} div#nohisessions { border: 2px groove rgb(51, 51, 51); margin: 0pt 15px 10px; padding: 5px; clear: right; float: right; width: 150px; color: #0047AD; } #nohisessions a span { display: none; } div#nohisessions a:hover { text-decoration: none; font-weight: bold; } div#nohisessions a:visited { text-decoration: none; } div#nohisessions a:hover span {display: block; position: absolute; top: 607px; left: 310px; width: 200px; padding: 10px; margin: 10px; z-index: 100; background: #b7dbff; border: groove 3px #6699ff; text-decoration: none; font-weight: normal; font-size: 11px; color: #000;} #uipubauthor { font-variant: small-caps; padding-bottom: 6px; } .authorcaps, .authorcaps a { font-variant: small-caps; font-size: 11px; font-weight: normal; margin-bottom: 6px; } #pubdetailbox { width: 255px; margin: 12px; padding: 8px; float: right; z-index: 1; background-color: #fff;} #pubdetailbox-alt { width: 215px; margin: 12px; padding: 8px; float: right; z-index: 1; background-color: #fff; border-bottom: #6699cc solid 2px;} .oofeatureboxright { float: right; border: solid 2px #d7d7d7; padding: 7px; margin: 250px 0px 6px 10px; width: 194px; _width: 206px; } .oofeatureboxright2 { float: right; border: solid 2px #d7d7d7; padding: 7px; margin: 250px 0px 6px 10px; width: 194px; _width: 206px; } .pubdetailbox_hpc { width: 255px; margin: 12px; padding: 8px; float: right; z-index: 1; border-top: solid 12px #69c; border-bottom: solid 2px #69c; background-color: #fff;} #chicagohousingbox { width: 220px; margin-top: 12px; margin-bottom: 12px; padding: 5px; float: right; z-index: 1; border-top: solid 2px #69c; border-bottom: solid 2px #69c; background-color: #fff;} #pubdetailbox .recent5q img {padding-top: 4px; padding-right: 10px;} #pubdetailbox #pubsavail img {padding-top: 4px; padding-left: 0; padding-right: 4px; padding-bottom: 0; text-decoration: none; border: 0;} #pubsavail, #pubsdate, #pubscitation, #origdate {font-size: 11px; margin-bottom: 6px;} #origdate { padding-top: 6px; border-top: solid 2px #69c; line-height: 16px;} pubssubtitle {margin-top: 0;} /* Summer Academy */ #container_uisa { width: 740px; position: relative; } #new_uisa { background-color:#FFFFFF; padding-bottom: 3px; } #new_uisa p { font-family: verdana; font-size:10px; color:#000000; margin: 3px; } #uisa_intro { width: 720px; } #uisa_right { position:absolute; width: 169px; top: 205px; left:760px; } #uisa_right p { margin: 3px; } #new_uisa li { font-size:10px; margin-left: 20px; line-height: 2px; } #uisa_profiles, #uisa_action, #uisa_conference, #uisa_papers, #uisa_appam { background-color: #6699cc; padding-bottom: 3px; } #uisa_profiles, #uisa_action, #uisa_conference, #uisa_papers, #uisa_appam p { font-family: verdana; font-size:10px; color:#FFFFFF; margin: 3px 0px 3px 0px; } /* Summer Academy */ .caps { font-size: 13px; font-variant: small-caps; } .eventsubscribe { padding: 10px; padding-bottom: 0; margin: 0; border-top: 1px solid #69C; } .recentevents { margin-top: -10px; } /*------------------------*/ #feature.p { margin-bottom: 12px; font-weight:normal; } #feature.h3 { font-size:15px; font-weight:bold; color: #004b6e; } #feature.a {font-weight: bold; } #topnav09 { margin-bottom: 10px; margin-left: 0; margin-top: 0px; height: 29px; background-color: #0096d2; /*margin-bottom: 10px; margin-left: 0; margin-top: -2px; background-image: url(../images/graynavbg09.gif); background-position:top; background-repeat: no-repeat; height: 28px;*/ } #topnavfullwidth{ margin-bottom: 0px; margin-left: 0; margin-top: -2px; background-image: url(../images/graynavbg09.gif); background-position:top; background-repeat: no-repeat; height: 28px; } .pageindexpretty { font-size: 12px; line-height: 20px; padding-bottom: 6px; } .commentaryright { background-color: #9cf;; border-bottom: solid 4px #fff; padding-bottom: 0; } .commentarybox { padding-top: 6px; padding-bottom: 6px; } .commentarybox, .commentarybox ul li { background-color: #f0f6fc; } .commentaryright ul li a:link, .commentarybox a:visited { color: #035bb1; text-decoration: none; } .commentarybox a:hover, .commentarybox a:active { color: #035bb1; text-decoration: underline; } /*Rotating Feature*/ #rotating_feature { width: 480px; margin: 0; } .sliderwrapper{ position: relative; /*leave as is*/ overflow: hidden; /*leave as is*/ /*border: 10px solid navy; border-bottom-width: 6px;*/ width: 475px; /*width of featured content slider*/ height: 310px; margin-bottom: 16px; padding-bottom: 0; } .sliderwrapper .contentdiv{ visibility: hidden; /*leave as is*/ position: absolute; /*leave as is*/ left: 0; /*leave as is*/ top: 0; /*leave as is*/ padding: 5px; background: white; width: 470px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */ height: 100%; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; opacity: 1; } .pagination { width: 200px; /*Width of feature_slider DIV. Total width should equal slider's outer width (400+10+10=420)*/ text-align: right; background-color: white; padding: 5px 5px; } .pagination img{ border:none; } .pagination a{ padding: 0 5px; text-decoration: none; border:thin; border-color:#999; color: #999; background: white; } .pagination a:hover, .pagination a.selected{ color: #FFFFFF; background-color: #999999; } /*------------------------*/ .contentdiv h3 { font-size:15px; font-weight:bold; color: #004b6e; } .contentdiv h2 { font-size:17px; font-weight:bold; color: #004b6e; } .contentdiv p { font-size: 11px; } .contentdiv h1 { font-size:15px; } .contentdiv ul { font-size: 11px; margin-top: -10px; list-style-image:url(http://www.urban.org/images/bluearrow.gif); } /*--------NEW RIGHT COLUMN--------*/ #home_col_right, #centers_col_right, #homepageTable td.right_column13 {width : 229px; font-family: 'Lato', verdana, Arial, Helvetica, sans-serif; font-size: 11px; } #centers_col_right { float: right; } #home_col_right .featureboxborder, #centers_col_right .featureboxborder, { border-top: solid 1px #d7d7d7; border-bottom: none; padding: 7px; margin: 0 12px; width: 194; _width: 206px;} .featureboxborder { float: right; border-top: solid 1px #d7d7d7; border-bottom: none; padding: 7px; margin: 0 12px 12px 30px; width: 194px; _width: 206px; } .featureboxborder-2 { border-top: solid 1px #d7d7d7; border-bottom: none; padding: 7px; margin: 0px 0px 12px 10px; width: 194px; _width: 206px;} .featureboxborder-2 { float: right; border: solid 1px #d7d7d7; padding: 7px; margin: 0px 8px 12px 10px; width: 194px; _width: 206px; } .featureboxborder-13 { padding: 7px; margin: 0px 0px 12px 10px; width: 194px; _width: 206px;} .featureboxborder-13 { float: right; padding: 7px; margin: 0px 8px 12px 10px; width: 194px; _width: 206px; } .featureboxright { float: right; border: solid 2px #d7d7d7; padding: 7px; margin: 0px 0px 6px 10px; width: 194px; _width: 206px; } .featureright_noborder_feature, #centers_col_right .featureright_noborder_feature { float: right; padding: 0px; margin: 6px 65px 6px 55px; width: 219px; _width: 231px; } .featureright_noborder_featurebox, #centers_col_right .featureright_noborder_featurebox { float: right; padding: 5px; margin-left: 20px; width: 204px; _width: 216px; border-style:solid; border-color:#999999; border-width:1px; background-color: #ffffff; } .featureleft_noborder_feature, #centers_col_left .featureleft_noborder_feature { float: left; padding: 7px; margin: 6px 75px 6px 55px; width: 219px; _width: 231px; } .featureright_noborder, #centers_col_right .featureright_noborder { float: right; padding: 7px; margin: 6px 12px 6px 30px; width: 194px; _width: 206px; } .featureright_noborder h3 { font-size: 14px; font-weight: bold; padding-bottom: 14px; } .featureleft_noborder { float: left; padding: 7px; margin: 6px 12px 6px 30px; width: 194px; _width: 206px; } .featureleft_noborder h3 { font-size: 14px; font-weight: bold; padding-bottom: 14px; } .featureboxright ul { padding-left: 0px; margin-left: 10px; } .featureboxright li {font-size: 11px; padding-bottom: 6px; } .featureboxright h3, h3.featured { color: #004b6e; font-weight: bold; font-size: 13px; padding-bottom: 2px; border-bottom: dotted 1px #a8b131; margin-bottom: 4px; margin-top: 6px; text-transform: none; } .featureboxright p {font-size: 11px; padding-bottom: 6px; } .featureboxborder h4 { padding-left: 0; } .featureboxborder li { margin-left: 16px; padding-bottom: 6px;} #home_col_right .featurebox, #centers_col_right .featurebox {padding: 9px; margin: 0 12px; width: 194; _width: 206px;} #home_col_right h4, #mainTable td.column_middle h4, #homepageTable td.research_column h4, #homepageTable td.right_column13 h4 { font-size: 11px; font-weight: normal; color: #0096d2; padding: 0; margin: 0; } #home_col_right p, #home_col_right p, #homepageTable td.right_column13 p {font-family: 'Lato', Arial, Helvetica, sans-serif; font-size: 12px; } #home_col_right .quote { font-size: 14px; color: #447f9a; font-weight: bold; line-height: 18px; font-style:italic; padding: 0 8px 0 8px;} #home_col_right .quote h4 { font-style: normal; padding-left: 6px; padding-top: 6px; } #home_col_right .citation { font-size: 11px; font-weight: normal; text-align: right; margin: 0; padding: 0 8px; font-style: normal; line-height: normal; color: #000;} #home_col_right h5, #centers_col_right h5, #homepageTable td.right_column13 h5 {font-size: 11px; font-weight: bold; text-align: right; font-style: normal; color: #0096d2; padding: 0 ; margin: 0; } .greenlink { color: #0096d2; text-decoration: none;} .capsbold { font-size: 13px; font-variant: small-caps; font-weight: bold; color: #0096d2; } .expertgray, .expertgray h4 { background-color: #d1d1d1; display: block; padding: 4px; margin-left: 5px; text-indent: 5px; width: 220px; } .experttext { padding: 8px 14px 4px 8px; font-size: 11px; } .homepubslist { margin: 6px; } .homepubslist p, { padding-bottom: 8px; } .homepubslist img { padding-right: 5px; } #centers_col_right { margin-top: -40px; } /*--------new left navigation -ALSO IN SEPARATE STYLESHEET. These may be deleted-------------*/ #ui_leftcol { width: 166px; margin: 0 12px; min-height: 100%; height: 100%; } #ui_leftcontent { padding: 0 2px 6px 2px; margin: 0; background-color: #fff; height: 100%; min-height: 100%; width: 148px; _width: 164px; margin-top: 21px; } ul#navigation li { margin-bottom: 0; } #ui_rightcol { width: 229px; padding: 12px; margin: 0;} .centerlisting { font-family: 'Lato', verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin-top: 18px; padding-left: 12px; padding-bottom: 20px; border-bottom: solid 2px #fff; padding-top: 0; } .centerlisting p { margin: 0; padding: 0 0; font-family: 'Lato', verdana, Arial, Helvetica, sans-serif; font-size: 11px; border-bottom: solid 2px #eee; } .centerlisting a:link, .centerlisting a:visited { color: #000; font-family: 'Lato', verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 4px 6px; display: block; } .centerlisting a:hover, .centerlisting a:active { color: #004B6E; text-decoration: none; background-color: #eee; padding: 4px 6px; display: block; } .homecontact { margin-top: 20px; margin-bottom: 0; padding-bottom: 0; padding-top: 10px; border-top: solid 14px #eaeaeb; } .homecontact p { font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding: 0 6px; } /* styles for social media icons */ .social {font-size: 7pt; font-family: verdana; color: black;} .social2 {font-size: 10pt; font-family: arial; color: black;} .socialbox {border-top: solid 2px #fff; margin: 12px 0; padding: 10px 0; } #subscribehome { background-color: #FFFFFF; border-top: solid 1px #c0bdb3; border-right: solid 1px #c0bdb3; padding: 6px; margin: 0; border-bottom: 1px solid #dad7c5; border-left: 1px solid #dad7c5; } #subscribehome p {font-size: 11px; } /* new safety net module */ .safetynetnav a { display: block; font-size: 12px; padding-bottom: 6px; } .expertcontact { font-size: 12px; font-weight: bold; font-variant:small-caps; color: #69c; text-align: center; line-height: 16px; } .expertbio { text-align: left; width: 650px; margin-top: 14px;} .expertbio ul, .expertbio h4 { margin-left: 70px; } .expertbio h3 { color: #7c8b2e; font-weight: bold; font-size: 14px; margin-bottom: 4px; padding-bottom: 0; text-transform: none; } #fivequestions { margin-right: 10px; } #fivequestions p { font-size: 11px; } #fivequestions img { padding-left: 4px; } #SNA_Graphic_Listing {padding-bottom:5px} /*--------FACTS BOX--------*/ #factsbox h2 { font-size: 30px; line-height: 28px; color: #5f2b7f; text-align: center; } #factsbox p{ font-size: 12px; font-style: italic; } /*--------BOOKS BOX--------*/ #booksbox h3{ font-size: 12px; } #booksbox p{ font-size: 11px; font-style: italic; } /*--------TOPICS PAGES--------*/ #topicspages img { margin-top: -50px; padding: 1px 1px 18px 18px; z-index: 6; position: relative; } #expertfeature {border-bottom: solid 2px #ccc; padding-bottom: 6px; margin-bottom: 12px; } .expertfeaturebox { padding: 4px; border: solid 1px #d1e0ff; width: 230px; } #expertfeature p { font-size: 11px; line-height: 14px; padding: 6px 4px; } #expertfeature img { padding: 4px 6px 10px 0; } #expertfeature h3 { background-color: #CCCCCC; display: block; color: #6e8401; padding: 3px; margin-bottom: 12px 8px 0 0;} #expertfeature h5 { text-align: right; padding-right: 8px; font-size: 11px; } /*--------Poverty PAGE--------*/ #poverty_banner { position:absolute; top: 160px; } #poverty { padding-top: 25px; } #poverty h2 { font-size:18px; font-family:"Times New Roman", Times, serif; color: #702400; font-weight:bold; } #poverty a { font-family:"Times New Roman", Times, serif; color: #702400; } #poverty h2 { font-size:20px; color: #702400; font-weight:bold; } #poverty_publications{ padding-top: 10px; } #poverty_publications h2 { font-size:18px; color: #702400; font-weight:bold; margin-bottom: 10px; } #poverty_publications h3 { font-size: 14px; font-weight: bold; color: #004b6e; } #poverty_publications h5 { font-size: 11px; font-weight:500; color:#000000; margin-top: 0px; margin-left: 5px; } #poverty_publications p{ margin-left: 10px; font-size:11px; margin-top: 5px; } #poverty_menu { padding-top: 20px; float:right; width: 197px; font-size:11px; font-family:"Times New Roman", Times, serif; color: #702400; } #poverty_menu a{ color: #702400; } #poverty_menu p{ padding-left: 10px; padding-top: 0px; } #newpovertyfigures { WIDTH: 460px; border:solid 1px #bbb690; margin-top:36px; padding: 10px; } #newpovertyfigures a{ font-family:Verdana; font-size:12px; color:#702400; } #expertboxright { float: right; width: 161px; padding: 4px 12px; margin: 0; border-top: solid 1px #d7d7d7; border-bottom: solid 1px #d7d7d7; z-index: 6; } #worldhabitatday{ width: 240px; float:right; font-size: 13px; color: #5b8f34; font-weight: bold; line-height: 17px; padding: 0 8px 0 8px; margin: 0 0 0 30px; font-family: Arial, Helvetica, sans-serif; } #worldhabitatday p{ padding-top: 5px; padding-bottom: 5px; } p.abstractfeature { font-size: 11px; margin-top: -14px; line-height: 14px;} .tagline {font-size:2px; color: #fff; padding: 0; margin: 0; } .multimediaboxright { float: right; border: solid 2px #d7d7d7; padding: 7px; width: 240px; _width: 206px; } .multimediaboxright p { font-size:10px; } .centerlistblock li { list-style-type: none; padding: 5px; border-bottom: solid 1px #aab032; } h1.titular { font-size: 2px; color: #fff; margin: 0; padding: 0;} .eventarchive { font-size: 11px; padding: 0 16px 0 16px; } /*--------Linking Depressed Mothers to Effective Services--------*/ #dmoms_banner { position:absolute; top: 160px; } #dmoms { padding-top: 65px; } #dmoms_intro { font-size: 16px; color: #C00000; } #dmoms h2{ font-size: 16px; color: #1a143c; font-weight: bold; padding-top: 16px; } #dmoms h3{ font-size: 14px; color: #756f94; font-weight: bold; padding-top: 8px; padding-bottom: 8px; } #dmoms h5{ font-size: 15px; color: #756f94; font-weight: bold; margin-top: 25px; } #dmoms a { color: #1a143c; } #dmoms_menu { margin-left: 10px; float:right; width: 197px; font-size:11px; border-style:solid; border-width: 1px; border-color: #574d86; margin-top: 20px; } #dmoms_menu h3{ font-size:12px; color: #ffffff; font-weight:bold; background-color: #4a3c91; margin-top: 0px; padding: 5px; text-transform: uppercase; } #dmoms_menu a{ color: #756f94; } #dmoms_menu p{ padding-left: 5px; padding-right: 4px; } /*--------What Works Colloborative--------*/ #wwc_banner { position:absolute; top: 137px; } #wwc { padding-top: 65px; } #wwc_intro { font-size: 16px; color: #C00000; } #wwc h2{ font-size: 16px; color: #00264c; font-weight: bold; padding-top: 16px; } #wwc h3{ font-size: 14px; color: #6e8998; font-weight: bold; padding-top: 8px; padding-bottom: 8px; } #wwc h5{ font-size: 15px; color: #6e8998; font-weight: bold; margin-top: 25px; } #wwc a { color: #0066cc; } #wwc_menu { margin-left: 10px; float:right; width: 197px; font-size:11px; border-style:solid; border-width: 1px; border-color: #80a3b7; margin-top: 20px; } #wwc_menu h3{ font-size:12px; color: #ffffff; font-weight:bold; background-color: #00adef; margin-top: 0px; padding: 5px; text-transform: uppercase; } #wwc_menu a{ color: #032445; } #wwc_menu p{ padding-left: 5px; padding-right: 4px; } .archivesignup { position: relative; border: solid 2px #d7d7d7; padding: 6px; float: right; z-index: 10; width: 250px;} .shareboxright { float: right; border: solid 2px #d7d7d7; padding: 7px; margin: 22px 0px 6px 10px; width: 140px; _width: 206px; } .uisafeaturebox { float: right; padding-left: 3px; padding-top: 15px; width: 350px; _width: 206px; } /*--------Work Support Strategies--------*/ .work-support-about { float: right; border: solid 2px #d7d7d7; padding: 7px; margin: 22px 0px 6px 10px; width: 180px; } .work-support-grantee { float: right; border: solid 1px #b7b7b7; padding-bottom: 10px; margin: 0px 0px 20px 10px; width: 200px; } .work-support-grantee h2 { background-color: #ed1c24; color: #ffffff; display: block; font-size: 17px; font-weight: bold; height: 32px; line-height: 32px; padding-left: 10px; } .work-support-grantee p { padding-left:10px; padding-right: 10px; } #work-support-state { background-color: #153371; width:200px; color:#FFF; height: 180px; margin-bottom: 20px; margin-left: 5px; } #work-support-state a { color:#FFF; text-decoration:none; } #work-support-state a:hover { text-decoration:underline; } #work-support-state h2 { background-image:url(/worksupport/images/bkgd.jpg); color: #FFFFFF; display: block; font-weight: bold; line-height: 32px; text-align:left; padding-left:10px; padding-bottom:0px; margin-bottom:5px; } #work-support-state p { font-size: 12px; color: #FFFFFF; text-align:left; padding-left:10px; padding-bottom:10px; } #main_unemploy .column_subHolder .CS_Textblock_Text li { padding-bottom: 16px; } #unemploy_leftnav { padding-top:10px; padding-bottom:5px; margin-bottom: 5px; width: 161px; font-family:verdana; font-size: 11px; color:#FFFFFF; background-color: #116378; } #unemployment_leftnav { padding-bottom: 60px; background-color: #e9f0d5; width: 130px; padding-left: 50px; } .unemployment_leftnav { padding-bottom: 60px; background-color: #e9f0d5; width: 148px; font-family:verdana; font-size:11px; color:#000000; margin: 0px; margin-left: 4px; margin-bottom: 75px; } .unemployment_leftnav p { list-style: none; width: 136px; color:#FFFFFF; background-color: #297c60; border-top: solid 1px #c0bdb3; border-right: solid 1px #c0bdb3; text-align: left; margin: 0; font-variant:small-caps; display: block; width: 136px; text-decoration: none; padding: 5px; border-bottom: 1px solid #dad7c5; border-left: 1px solid #dad7c5; } .unemployment_leftnav ul { width: 148px; padding:0px; font-family:verdana; font-size:11px; margin: 0; } .unemployment_leftnav li { list-style: none; background-color: #e9f0d5; text-align: left; } .unemployment_leftnav li a { display: block; text-decoration: none; padding-left:10px; padding-top: 8px; padding-bottom: 7px; } .unemployment_leftnav li ul li a{ display: block; text-decoration: none; padding-left:-18px; padding-top: 3px; padding-bottom: 3px; border-right: solid 1px #ffffff; background-color: #ffffff;} .unemployment_leftnav a:link, .unemployment_leftnav a:visited { color: #297c60; } .unemployment_leftnav a:hover, .unemployment_leftnav a:active { color: #FFFFFF; } .unemployment_leftnav li a:hover { background-color: #297c60; } } .liwf2012_leftnav { padding-bottom: 30px; background-color: #c0bdb3; width: 148px; font-family:verdana; font-size:11px; color:#000000; margin: 0px; margin-left: 4px; margin-bottom: 10px; } .liwf2012_leftnav p { list-style: none; width: 136px; color:#FFFFFF; background-color: #c0bdb3; border-top: solid 1px #c0bdb3; border-right: solid 1px #c0bdb3; text-align: left; margin: 0; font-variant:small-caps; display: block; text-decoration: none; padding: 5px; border-bottom: 1px solid #dad7c5; border-left: 1px solid #dad7c5; } .liwf2012_leftnav ul { padding:0px; font-family:verdana; font-size:12px; margin-left:15px; } .liwf2012_leftnav li { background-color: #c0bdb3; text-align: left; } .liwf2012_leftnav li a { display: block; text-decoration: none; padding-left:10px; padding-top: 8px; padding-bottom: 7px; } .liwf2012_leftnav li ul li a{ display: block; text-decoration: none; padding-top: 3px; padding-bottom: 3px; border-right: solid 1px #ffffff; background-color: #ffffff;} .liwf2012_leftnav a:link, .liwf2012_leftnav a:visited { color: #ffffff; } .liwf2012_leftnav a:hover, .liwf2012_leftnav a:active { color: #FFFFFF; } .liwf2012_leftnav li a:hover { background-color: #c0bdb3; } } /* Showcase -------------*/ #fiscal-body { color: #fff; font-family: Century Gothic, Arial; font-size: 12px; line-height: 1.5; margin-top: 20px; margin-bottom: 30px; } #fiscal-body a { color: #ff377c; } #fiscal-body p { margin-bottom: 10px; } #fiscal-body h1 { font-size: 20px; margin-bottom: 5px; font-weight: bold; } #fiscal-body h2 { font-size: 16px; margin-bottom: 5px; font-weight: bold; color: #000; } .menu { margin-bottom: 40px; text-align: center; color: #999; } .menu a { color: #999; } .menu a.active { font-weight: bold; } #awOnePageButton .view-slide { display: none; } /* This class is removed after the showcase is loaded */ /* Assign the correct showcase height to prevent loading jumps in IE */ .showcase-load { height: 450px; /* Same as showcase javascript option */ overflow: hidden; } /* Container when content is shown as one page */ .showcase-onepage { /**/ } /* Container when content is shown in slider */ .showcase { position: relative; } .showcase-content-container { background-color: #000; } /* Content */ .showcase-content { background-color: #000; text-align: center; } .showcase-content-wrapper { text-align: center; height: 470px; width: 430px; display: table-cell; vertical-align: middle; } /* Styling the tooltips */ .showcase-plus-anchor { background-image: url('../images/plus.png'); background-repeat: no-repeat; } .showcase-plus-anchor:hover { background-position: -32px 0; } div.showcase-tooltip { background-color: #fff; color: #000; text-align: left; padding: 5px 8px; background-image: url(/fiscal-cliff/images/white-opacity-80.png); } /* Styling the caption */ .showcase-caption { color: #000; padding: 8px 15px; text-align: left; position: absolute; bottom: 10px; left: 10px; right: 10px; display: none; background-image: url(/fiscal-cliff/images/white-opacity-80.png); } .showcase-onepage .showcase-content { margin-bottom: 10px; } /* Button Wrapper */ .showcase-button-wrapper { clear: both; margin-top: 10px; text-align: center; } .showcase-button-wrapper span { margin-right: 3px; padding: 2px 5px 0px 5px; cursor: pointer; font-size: 12px; color: #444444; } .showcase-button-wrapper span.active { color: #fff; } /* Thumbnails */ .showcase-thumbnail-container /* Used for backgrounds, no other styling!!! */ { background-color: #666; height: 110px; } .showcase-thumbnail-wrapper { overflow: hidden; } .showcase-thumbnail { width: 120px; height: 90px; cursor: pointer; border: solid 1px #333; position: relative; } .showcase-thumbnail-caption { position: absolute; bottom: 2px; padding-left: 10px; padding-bottom: 5px; } .showcase-thumbnail-content { padding: 10px; text-align: center; padding-top: 25px; } .showcase-thumbnail-cover { background-image: url(/fiscal-cliff/images/black-opacity-40.png); position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .showcase-thumbnail:hover { border: solid 1px #999; } .showcase-thumbnail:hover .showcase-thumbnail-cover { display: none; } .showcase-thumbnail.active { border: solid 1px #999; } .showcase-thumbnail.active .showcase-thumbnail-cover { display: none; } .showcase-thumbnail-wrapper-horizontal { padding: 10px; } .showcase-thumbnail-wrapper-horizontal .showcase-thumbnail { margin-right: 10px; width: 116px; } .showcase-thumbnail-wrapper-vertical { padding: 10px; } .showcase-thumbnail-wrapper-vertical .showcase-thumbnail { margin-bottom: 10px; } .showcase-thumbnail-button-backward, .showcase-thumbnail-button-forward { padding: 7px; cursor: pointer; } .showcase-thumbnail-button-backward { padding-bottom: 0px; padding-right: 0px; } .showcase-thumbnail-button-backward .showcase-thumbnail-vertical, .showcase-thumbnail-button-forward .showcase-thumbnail-vertical, .showcase-thumbnail-button-forward .showcase-thumbnail-horizontal, .showcase-thumbnail-button-backward .showcase-thumbnail-horizontal { background-repeat: no-repeat; display: block; width: 17px; height: 17px; } .showcase-thumbnail-button-backward .showcase-thumbnail-vertical { background-position: 0 -51px; margin-left: 55px; } .showcase-thumbnail-button-backward:hover .showcase-thumbnail-vertical { background-position: -17px -51px; } .showcase-thumbnail-button-forward .showcase-thumbnail-vertical { background-position: 0 -34px; margin-left: 55px; } .showcase-thumbnail-button-forward:hover .showcase-thumbnail-vertical { background-position: -17px -34px; } .showcase-thumbnail-button-backward .showcase-thumbnail-horizontal { background-position: 0 -17px; margin-top: 40px; margin-bottom: 40px; } .showcase-thumbnail-button-backward:hover .showcase-thumbnail-horizontal { background-position: -17px -17px; } .showcase-thumbnail-button-forward .showcase-thumbnail-horizontal { background-position: 0 0; margin-top: 40px; margin-bottom: 40px; } .showcase-thumbnail-button-forward:hover .showcase-thumbnail-horizontal { background-position: -17px 0; } /* Hide button text */ .showcase-thumbnail-button-forward span span, .showcase-thumbnail-button-backward span span { display: none; } /* Clear (used for horizontal thumbnails) -------------------------------------------*/ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; float: none; } #ccdf_top { position:relative; top: -30px; width: 700px; } /* The Nivo Slider styles -------------------------------------------*/ .nivoSlider { position:relative; width:700px; height:240px; overflow: hidden; } .nivoSlider img { position:absolute; top:0px; left:0px; max-width: none; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; background:white; filter:alpha(opacity=0); opacity:0; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; } .nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; } .nivo-box img { display:block; } /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; width:100%; z-index:8; padding: 5px 10px; opacity: 0.8; overflow: hidden; display: none; -moz-opacity: 0.8; filter:alpha(opacity=8); -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; } .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { position:absolute; margin-top: -20px; text-align:center; padding: 5px 0; } .nivo-controlNav a { cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; } .slider-wrapper { width: 80%; padding-top: 10px; padding-bottom: 20px; } .theme-default .nivoSlider { position:relative; background:#fff url(/images/loading.gif) no-repeat 50% 50%; margin-bottom:10px; -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a; } .theme-default .nivoSlider img { position:absolute; top:0px; left:0px; display:none; } .theme-default .nivoSlider a { border:0; display:block; } .theme-default .nivo-controlNav { text-align: center; padding: 20px 0; } .theme-default .nivo-controlNav a { display:inline-block; width:22px; height:22px; background:url(/images/bullets.png) no-repeat; text-indent:-9999px; border:0; margin: 0 2px; } .theme-default .nivo-controlNav a.active { background-position:0 -22px; } .theme-default .nivo-directionNav a { display:block; width:30px; height:30px; background:url(/images/arrows.png) no-repeat; text-indent:-9999px; border:0; opacity: 0; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .theme-default:hover .nivo-directionNav a { opacity: 1; } .theme-default a.nivo-nextNav { background-position:-30px 0; right:15px; } .theme-default a.nivo-prevNav { left:15px; } .theme-default .nivo-caption { font-family: Helvetica, Arial, sans-serif; } .theme-default .nivo-caption a { color:#fff; border-bottom:1px dotted #fff; } .theme-default .nivo-caption a:hover { color:#fff; } .theme-default .nivo-controlNav.nivo-thumbs-enabled { width: 100%; } .theme-default .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; } .theme-default .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; } /* Center Main Page Template */ .center-feature-main { width:170px; height: 275px; float:left; } .center-feature-main h1 { font-family: 'Lato', Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; margin-top:10px; margin-bottom:5px; margin-left: 10px; margin-right: 10px; font-weight:bold; } .center-feature-bottom h3 { font-family: 'Lato', Arial, Helvetica, sans-serif; font-size:11px; color:#85ADD6; margin-bottom: 5px; padding-bottom: 0px; margin-top:5px; margin-left: 10px; margin-right: 10px; } .center-feature-bottom p { font-family: 'Lato', Arial, Helvetica, sans-serif; color:#D1E0F0; font-size:12px; padding-top: 0px; margin-bottom: 0px; padding-bottom: 0px; margin-top: 0px; margin-left: 10px; margin-right: 10px; font-weight:bold; } .center-feature-main p { font-family: 'Lato', Arial, Helvetica, sans-serif; font-size:12px; color:#D1E0F0; margin-top:5px; margin-left: 10px; margin-right: 10px; } .center-feature-main a,{ text-decoration:none; color:#FFFFFF; } .center-feature-main a{ text-decoration:none; color:#FFFFFF; } .center-feature-main a:hover, .center-feature-bottom a:hover { text-decoration:underline; } .center-feature-bottom a{ text-decoration:none; color:#D1E0F0; } .center-feature-image { width:530px; height:275px; float:left; } .center-feature-bottom { width:171px; height:83px; } .center-intro-text p{ font-family: 'Lato', Arial, Helvetica, sans-serif; font-size:16px; color:#607d99; padding-top: 5px; } /*Event Page Template */ .event-feature-main { width:170px; height: 275px; float:left; } .event-feature-main h1 { font-family: 'Lato', Arial, Helvetica, sans-serif; font-size:16px; line-height: 17px; color:#FFFFFF; margin-top:10px; margin-bottom:5px; margin-left: 10px; margin-right: 10px; font-weight:bold; } .event-feature-bottom h3 { font-family: 'Lato', Arial, Helvetica, sans-serif; font-size:11px; color:#85ADD6; margin-bottom: 5px; padding-bottom: 0px; margin-top:5px; margin-left: 10px; margin-right: 10px; } .event-feature-bottom p { font-family: 'Lato', Arial, Helvetica, sans-serif; color:#D1E0F0; font-size:12px; padding-top: 0px; margin-bottom: 0px; padding-bottom: 0px; margin-top: -3px; margin-left: 10px; margin-right: 10px; } .event-feature-main p { font-family: 'Lato', Arial, Helvetica, sans-serif; font-size:12px; color:#D1E0F0; margin-top:5px; margin-left: 10px; margin-right: 10px; } .event-feature-main a,{ text-decoration:none; color:#FFFFFF; } .event-feature-main a{ text-decoration:none; color:#FFFFFF; } .event-feature-main a:hover, .event-feature-bottom a:hover { text-decoration:underline; } .event-feature-bottom a{ text-decoration:none; color:#D1E0F0; } .event-feature-image { width:530px; height:275px; float:left; } .event-feature-bottom { width:171px; height:83px; } .event-feature-main h3 { background-color:#85ADD6; font-family: 'Lato', Arial, Helvetica, sans-serif; font-size:12px; padding-left:3px; padding-top: 2px; padding-right:3px; margin-top:10px; margin-left:10px; margin-right:10px; color:#FFFFFF; font-weight:bold; display:inline-block; } /*HPC Text under Image style*/ .img-with-text { text-align: justify; width: [width of img]; } .img-with-text img { display: block; margin-bottom:-5px; } .img-with-text { width: 109px; text-align:left; float:left; padding-right:8px; } .img-with-text p { font-size:9px; color: #999; text-align:right; margin:0px; padding: 0px; line-height: 8px; } .img-with-text a { color: #999; font-style:italic; }