body {background: #68a; color: #554;} #wrap {background: url(../images/bg-wrap.gif) repeat-y 14px 0; width: 981px; margin: 0 auto; padding: 0; position: relative; font-size: 1em;} /**************************************************content area********************************************/ #content {background: url(../images/bg-internal.gif) no-repeat; position: relative;}/*see ie.css for fixes*/ #content:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;} #content img.left {float: left; clear: both; margin: 0 10px 10px 0;} #content img.center {clear: both; margin: 0;} #content img.right {float: right; clear: both; margin: 0 0 10px 10px;} #main {background: url(../images/bg-main.gif) no-repeat 0 186px; float: left; margin-left: 249px; width: 732px; position: relative;}/*see ie.css for fixes*/ /**************************************************header**************************************************/ #header {height: 186px; position: relative; z-index: 9999;} #header h1 a {width: 180px; height: 50px; top: 25px; left: -207px; position: absolute;} #header h2 {background: url(../aboutus/images/header-billboard1.jpg) no-repeat; width: 710px; height: 115px; top: 35px; position: relative;} .aboutus.billboard1 #header h2 {background: url(../aboutus/images/header-billboard1.jpg) no-repeat;} .aboutus.billboard2 #header h2 {background: url(../aboutus/images/header-billboard2.jpg) no-repeat;} .administrators.billboard1 #header h2 {background: url(../administrators/images/header-billboard1.jpg) no-repeat;} .administrators.billboard2 #header h2 {background: url(../administrators/images/header-billboard2.jpg) no-repeat;} .careers.billboard1 #header h2 {background: url(../careers/images/header-billboard1.jpg) no-repeat;} .careers.billboard2 #header h2 {background: url(../careers/images/header-billboard2.jpg) no-repeat;} .contactus.billboard1 #header h2 {background: url(../contactus/images/header-billboard1.jpg) no-repeat;} .contactus.billboard2 #header h2 {background: url(../contactus/images/header-billboard2.jpg) no-repeat;} .educators.billboard1 #header h2 {background: url(../educators/images/header-billboard1.jpg) no-repeat;} .educators.billboard2 #header h2 {background: url(../educators/images/header-billboard2.jpg) no-repeat;} .expertise.billboard1 #header h2 {background: url(../expertise/images/header-billboard1.jpg) no-repeat;} .expertise.billboard2 #header h2 {background: url(../expertise/images/header-billboard2.jpg) no-repeat;} .policymakers.billboard1 #header h2 {background: url(../policymakers/images/header-billboard1.jpg) no-repeat;} .policymakers.billboard2 #header h2 {background: url(../policymakers/images/header-billboard2.jpg) no-repeat;} .pressroom.billboard1 #header h2 {background: url(../pressroom/images/header-billboard1.jpg) no-repeat;} .pressroom.billboard2 #header h2 {background: url(../pressroom/images/header-billboard2.jpg) no-repeat;} .publications.billboard1 #header h2 {background: url(../pressroom/images/header-billboard1.jpg) no-repeat;} .publications.billboard2 #header h2 {background: url(../pressroom/images/header-billboard2.jpg) no-repeat;} .resources.billboard1 #header h2 {background: url(../resources/images/header-billboard1.jpg) no-repeat;} .resources.billboard2 #header h2 {background: url(../resources/images/header-billboard2.jpg) no-repeat;} .researchers.billboard1 #header h2 {background: url(../researchers/images/header-billboard1.jpg) no-repeat;} .researchers.billboard2 #header h2 {background: url(../researchers/images/header-billboard2.jpg) no-repeat;} #header form {top: 0; left: 0; position: absolute;} #header form input#txtSearch {color: #554; top: 8px; left: 585px; position: absolute; border: 1px solid #fff;} #header form button {width: 40px; height: 20px; top: 8px; left: 535px; position: absolute; text-indent: -9999px;} #header #homelnk {background: #ddc; color: #470; top: 14px; left: 404px; position: absolute;} #header #sitemaplnk {background: #ddc; color: #470; top: 14px; left: 454px; position: absolute;} #header ul#headerNav {width: 700px; height: 36px; top: 150px; left: 5px; position: absolute; z-index: 9999;} #header ul#headerNav li {list-style: none; display: inline;} #header ul#headerNav li#au {background: url(../images/headerNav-aulnk.gif) no-repeat; width: 88px; height: 36px; top: 0; left: 13px; position: absolute; display: block;} #header ul#headerNav li#au:hover, #header ul#headerNav li#au.hdrhover, .aboutus #header ul#headerNav li#au {background-position: 0 -36px; z-index: 9999;} #header ul#headerNav li#au a#aulnk {width: 88px; height: 36px; left: 0; position: absolute; display: block; background: transparent;} #header ul#headerNav li#ee {background: url(../images/headerNav-eelnk.gif) no-repeat; width: 91px; height: 36px; top: 0; left: 101px; position: absolute; display: block;} #header ul#headerNav li#ee:hover, #header ul#headerNav li#ee.hdrhover, .expertise #header ul#headerNav li#ee {background-position: 0 -36px; z-index: 9998;} #header ul#headerNav li#ee a#eelnk {width: 91px; height: 36px; left: 0; position: absolute; display: block; background: transparent;} #header ul#headerNav li#rs {background: url(../images/headerNav-rslnk.gif) no-repeat; width: 95px; height: 36px; top: 0; left: 192px; position: absolute; display: block;} #header ul#headerNav li#rs:hover, #header ul#headerNav li#rs.hdrhover, .resources #header ul#headerNav li#rs {background-position: 0 -36px; z-index: 9997;} #header ul#headerNav li#rs a#rslnk {width: 95px; height: 36px; left: 0; position: absolute; display: block; background: transparent;} #header ul#headerNav li#pr {background: url(../images/headerNav-prlnk.gif) no-repeat; width: 99px; height: 36px; top: 0; left: 287px; position: absolute; display: block;} #header ul#headerNav li#pr:hover, #header ul#headerNav li#pr.hdrhover, .pressroom #header ul#headerNav li#pr {background-position: 0 -36px; z-index: 9996;} #header ul#headerNav li#pr a#prlnk {width: 99px; height: 36px; left: 0; position: absolute; display: block; background: transparent;} #header ul#headerNav li#cr {background: url(../images/headerNav-crlnk.gif) no-repeat; width: 80px; height: 36px; top: 0; left: 386px; position: absolute; display: block;} #header ul#headerNav li#cr:hover, #header ul#headerNav li#cr.hdrhover, .careers #header ul#headerNav li#cr {background-position: 0 -36px; z-index: 9995;} #header ul#headerNav li#cr a#crlnk {width: 80px; height: 36px; left: 0; position: absolute; display: block; background: transparent;} #header ul#headerNav li#cu {background: url(../images/headerNav-culnk.gif) no-repeat; width: 95px; height: 36px; top: 0; left: 466px; position: absolute; display: block;} #header ul#headerNav li#cu:hover, #header ul#headerNav li#cu.hdrhover, .contactus #header ul#headerNav li#cu {background-position: 0 -36px; z-index: 9994;} #header ul#headerNav li#cu a#culnk {width: 95px; height: 36px; left: 0; position: absolute; display: block; background: transparent;} #header ul#headerNav li#if {background: url(../images/headerNav-iflnk.gif) no-repeat; width: 139px; height: 36px; top: 0; left: 561px; position: absolute; display: block;} #header ul#headerNav li#if:hover, #header ul#headerNav li#if.hdrhover, .informationfor #header ul#headerNav li#if {background-position: 0 -36px; z-index: 9993;} #header ul#headerNav li#if a#iflnk {width: 139px; height: 36px; left: 0; position: absolute; display: block; background: transparent;} /*1st level dropdown*/ #header ul#headerNav li ul {background: #b55; color: #fcc; width: 13.5em; height: auto; margin: 32px 0 0 0; left: -9999px; position: absolute; z-index: 99;} #header ul#headerNav li ul li a {background: #b55 url(../images/headerNav-bullet01.gif) no-repeat 5px 10px; color: #fcc; padding: 5px 0 5px 16px; font-size: 1em; display: block;} #header ul#headerNav li ul li a:hover {background: #901 url(../images/headerNav-bullet02.gif) no-repeat 5px 10px; color: #fcc; display: block; text-decoration: none;} #header ul#headerNav li:hover ul, #header ul#headerNav li.hdrhover ul {left: 0; top: 0%;} #header ul#headerNav li#if ul {background: #e1e6cb; color: #461; width: 137px; height: auto; margin: 34px 0 0 0; left: -9999px; position: absolute; z-index: 99; border: 1px solid #682; border-top: none;} #header ul#headerNav li#if ul li a {background: #e1e6cb url(../images/headerNav-iflnk-bg01.gif) no-repeat; color: #461; height: 19px; padding: 9px 0 0 30px; font-size: 1.1em; display: block;} #header ul#headerNav li#if ul li a:hover {background: #c4d49d url(../images/headerNav-iflnk-bg02.gif) no-repeat; color: #461; display: block; text-decoration: none;} #header ul#headerNav li#if ul li a#removeline {background-position: 0 -1px;} #header ul#headerNav li#if:hover ul, #header ul#headerNav li#if.hdrhover ul {left: 0; top: 0%;} /**************************************************center column*******************************************/ #main #contentcopy {background: url(../images/bg-contentcopy.gif) no-repeat; min-height: 265px; padding: 25px 75px 25px 50px; line-height: 1.3; font-size: 1.3em;} .expertise #main #contentcopy {padding: 25px 40px 25px 50px;} #main #contentcopy a {font-weight: bold;} #main #contentcopy:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;} #main #contentcopy ul#breadcrumbs {margin: -15px 0 0 0; float: right;} #main #contentcopy ul#breadcrumbs li {color: #aa9; list-style: none; display: inline;} #main #contentcopy ul#breadcrumbs li a {color: #aa9; font-size: 1em;} #main #contentcopy img.left {float: left; margin: 0 20px 10px 0;} #main #contentcopy img.right {float: right; margin: 0 0 10px 20px;} #main #contentcopy h2 {margin: 0 0 25px 0; font-size: 1.5em; font-weight: bold; border-bottom: 1px solid #776;} #main #contentcopy h4 {margin: 0 0 15px 0; font-weight: bold; font-size: 1.4em; color:#6688AA} #main #contentcopy h4 {margin: 0 0 15px 0; font-weight: bold; font-size: 1.2em;} #main #contentcopy h5 {margin: 0 0 15px 0; font-weight: bold; font-size: 1.1em;} #main #contentcopy p {margin: 0 0 15px 0;} #main #contentcopy ul {margin: 0 0 15px 40px;} #main #contentcopy ol {margin: 0 0 15px 45px;} #main #contentcopy ul li {margin: 0 0 5px 0;} #main #contentcopy ol li {margin: 0 0 5px 0;} #main #contentcopy ol li ul, #main #contentcopy ul li ul {margin: 10px 0 0 20px;} #main #contentcopy ol li ol, #main #contentcopy ul li ol {margin: 10px 0 0 30px;} #main #contentcopy ol li ol li, #main #contentcopy ul li ol li {list-style: decimal;} #main #contentcopy dl {margin: 0 0 15px 0;} #main #contentcopy dl dt {margin: 0 0 3px 0;} #main #contentcopy dl dd {margin: 0 0 15px 0;} #main #contentcopy blockquote {margin: 0 0 15px 0;} #main #contentcopy blockquote h3 {font-size: 1.4em; font-weight: bold; font-style: italic; text-align: center;} #main #contentcopy blockquote p {margin: 5px 0 0 0; text-align: right;} #main #contentcopy table {width: 600px; margin: 0 0 15px 0; border: 1px solid #901; display: table; border-collapse: collapse;} #main #contentcopy table thead {display: table-header-group;} #main #contentcopy table thead tr {display: table-row;} #main #contentcopy table thead tr th, #main #contentcopy table tfoot tr td {background: #901; color: #fff; display: table-cell; padding: 5px 10px; text-align: left; vertical-align: bottom;} #main #contentcopy table tbody {display: table-row-group;} #main #contentcopy table tbody tr {display: table-row;} #main #contentcopy table tbody tr td {display: table-cell; padding: 5px 10px; border-bottom: 1px solid #901; vertical-align: middle;} iframe {background: transparent; border: 0; clear: none; float: none; list-style-image: none; list-style-position: outside; list-style-type: disc; margin: 0; padding: 0; text-decoration: none; vertical-align: baseline;} a.grunt-file-pdf {background: url(/app/images/icon-adobepdf.gif) no-repeat; padding: 0 0 10px 23px;} a.grunt-file-doc {background: url(/app/images/icon-msword.gif) no-repeat; padding: 0 0 10px 23px;} a.grunt-file-ppt {background: url(/app/images/icon-mspowerpoint.gif) no-repeat; padding: 0 0 10px 23px;} a.grunt-file-xls {background: url(/app/images/icon-msexcel.gif) no-repeat; padding: 0 0 10px 23px;} a.grunt-file-txt {background: url(/app/images/icon-text.gif) no-repeat; padding: 0 0 10px 23px;} #main #contentcopy #leftcolumn {width: 400px; float: left; position: relative;} #main #contentcopy #rightcolumn {width: 195px; float: right; position: relative;} #main #contentcopy #rightcolumn #contact {background: url(../images/bg-rightcolumn.gif) no-repeat; height: 92px;} #main #contentcopy #rightcolumn #contact h4 {color: #ffe; margin: 0; padding: 25px 0 0 0; text-align: center; font-weight: bold;} #main #contentcopy #rightcolumn #contact p {color: #776; padding: 5px 0 0 0; text-align: center;} #main #contentcopy #rightcolumn #contact a {color: #776; font-weight: bold;} #main #contentcopy #rightcolumn #news {background: #fff; color: #776; border: 1px solid #bb9; border-top: none;} #main #contentcopy #rightcolumn #news h4 {width: 193px; height: 30px; text-indent: -9999px; clear: both;} #main #contentcopy #rightcolumn #news h4#title-whats-new {background: url(/images/title-whats-new.gif);} #main #contentcopy #rightcolumn #news h4#title-none {background: url(/images/title-none.gif);} #main #contentcopy #rightcolumn #news h4#title-recent-research {background: url(/images/title-recent-research.gif);} #main #contentcopy #rightcolumn #news h4#title-policy-work {background: url(/images/title-policy-work.gif);} #main #contentcopy #rightcolumn #news h4#title-success-stories {background: url(/images/title-success-stories.gif);} #main #contentcopy #rightcolumn #news h4#title-resources {background: url(/images/title-resources.gif);} #main #contentcopy #rightcolumn #news div.newsCopy {margin: 5px 7px 15px 7px; font-size: .9em;} #main #contentcopy #rightcolumn #news h5 {background: url(/images/bullet.jpg) no-repeat 0 2px; margin: 0 0 5px 0; padding: 0 0 0 15px; font-weight: bold;} #main #contentcopy #rightcolumn #news span {color: #860; display: block;} #main #contentcopy #rightcolumn #news ul {margin: 5px 7px 20px 7px;} #main #contentcopy #rightcolumn #news ul li {list-style: none;} #main #contentcopy #rightcolumn #news ul li a {color: #776;} /*form elements*/ #main #contentcopy form label {color: #999; margin: 0 0 10px 0; font-weight: bold; float: left; display: block;} #main #contentcopy form input {color: #999; margin: 0 0 0 0; padding: 3px; font-size: 1em; }/* border: 1px solid #999; hidden border 8/26/09 */ #main #contentcopy form div {margin: 0 0 15px 0; padding: 0 0 30px 0; position: relative;} #main #contentcopy form table {width: 400px; margin: 0 0 15px 0; border: 1px #901 none; display: table; border-collapse: collapse;} #main #contentcopy form table tr td {display: table-cell; padding: 5px 10px; vertical-align: middle;} #main #contentcopy form table input {margin: 0; padding: 0; border: none;} #main #contentcopy form .text label {width: 125px; text-align: right;} #main #contentcopy form .text input {margin: 0 0 10px 15px;} #main #contentcopy form .checkbox label {width: 275px;} #main #contentcopy form .checkbox input {margin: 0 5px 20px 0; padding: 0; float: left; display: block; border: none;} #main #contentcopy form .radio label {width: 275px;} #main #contentcopy form .radio input {margin: 0 5px 20px 0; padding: 0; float: left; display: block; border: none;} #main #contentcopy form br {clear: both;} #main #contentcopy form input#btnNext, #main #contentcopy form input#btnEdit, #main #contentcopy form input#btnSubmit {margin: 0; padding: 0; border: none;} #main #contentcopy form p.required {color: #999; font-size: .9em; font-style: italic;} #main #contentcopy ul.formVerify {margin: 0 0 20px 0; position: relative;} #main #contentcopy ul.formVerify li {margin: 0 0 5px 0; list-style: none; display: block; clear: both; border-bottom: 1px dotted #666;} #main #contentcopy ul.formVerify li:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;} #main #contentcopy ul.formVerify li strong {background: #fff; margin: 0; top: .6em; font-weight: normal; float: left; display: block; position: relative;} #main #contentcopy ul.formVerify li em {background: #fff; margin: 0; top: .6em; float: right; display: block; position: relative;} #main #contentcopy ul.formVerify li.textbox {margin: 15px 0 0 0; border: none;} #main #contentcopy ul.formVerify li.textbox strong {float: none;} #main #contentcopy ul.formVerify li.textbox em {float: none; overflow: auto;} /*end form elements*/ /**************************************************left column*********************************************/ #sidebar {background: url(../images/bg-sidebar.gif) repeat-y; float: left; margin-left: -967px; margin-top: 130px; width: 249px; position: relative;} #sidebar h3 {background: url(/images/title-blank.gif) no-repeat; width: 235px; height: 52px;} /* These classes are in the Body tag of the page */ .aboutus #sidebar h3 {background: url(../aboutus/images/title-aboutus.gif) no-repeat;} .expertise #sidebar h3 {background: url(../expertise/images/title-expertise.gif) no-repeat;} .rel #sidebar h3 {background: url(../rel/images/title-relmidwest.gif) no-repeat;} .resources #sidebar h3 {background: url(../resources/images/title-resources.gif) no-repeat;} .pressroom #sidebar h3 {background: url(../pressroom/images/title-pressroom.gif) no-repeat;} .careers #sidebar h3 {background: url(../careers/images/title-careers.gif) no-repeat;} .contactus #sidebar h3 {background: url(../contactus/images/title-contactus.gif) no-repeat;} .publications #sidebar h3 {background: url(../images/title-publications.gif) no-repeat;} .search #sidebar h3 {background: url(../search/images/title-search.gif) no-repeat;} .whatsnew #sidebar h3 {background: url(../whatsnew/images/title-whatsnew.gif) no-repeat;} .privacy #sidebar h3 {background: url(../privacy/images/title-privacy.gif) no-repeat;} .sitemap #sidebar h3 {background: url(../sitemap/images/title-sitemap.gif) no-repeat;} #.signup #sidebar h3 {background: url(../signup/images/title-signup.gif) no-repeat;} .copyright #sidebar h3 {background: url(../copyright/images/title-copyright.gif) no-repeat;} #sidebar ul#sidebarNav {background: url(../images/bg-sidebarNav.gif) no-repeat 0 100%; width: 190px; height: 100%; padding: 0 10px 50px 35px;} #sidebar ul#sidebarNav li {list-style: none; margin: 0 0 15px 0;} #sidebar ul#sidebarNav li a {color: #666; font-weight: bold; font-size: 1.1em; padding: 0 0 0 15px; display: block;} #sidebar ul#sidebarNav li a:hover, #sidebar ul#sidebarNav li a.selected {background: url(../images/sidebar-bullet.gif) no-repeat 0 2px; text-decoration: none;} #sidebar ul#sidebarNav li ul {margin: 8px 0 0 0;} #sidebar ul#sidebarNav li ul li {margin: 0 0 8px 0;} #sidebar ul#sidebarNav li ul li a {color: #999; font-weight: normal;} #sidebar ul#sidebarNav li ul li a:hover, #sidebar ul#sidebarNav li ul li a.selected {background: url(../images/sidebar-arrow.gif) no-repeat 8px 4px; color: #470;} #sidebar ul#sidebarNav li ul li ul {margin: 8px 0 0 10px;} /**************************************************footer**************************************************/ #footer {background: #68a url(../images/bg-footer.gif) no-repeat; clear: both; position: relative; padding: 15px 40px 25px 40px;} #footer ul#footerNav {width: 675px; margin: 0 0 5px 0; padding: 0 0 5px 0; border-bottom: 1px solid #88aab2;} #footer ul#footerNav li {color: #68a; list-style: none; display: inline; font-size: 1.1em;} #footer ul#footerNav li a {color: #68a;} #footer ul#footerUtilNav {margin: 0 0 20px 0;} #footer ul#footerUtilNav li {color: #68a; margin: 0 10px 0 0; list-style: none; display: inline; font-size: 1em;} #footer ul#footerUtilNav li a {color: #68a;} #footer p {color: #235; font-size: 1.1em;} #footer p#copyright {float: right; font-size: 1em;} /****************************************stuff LPA has added************************************************/ .center {margin: 30px 0 0 200px; width:250px; } .center a {vertical-align:middle; margin-left: 5px} .mediacontact {margin-left: 30px; font-size: 1.2em; } .mediacontactheader {margin: 0 0 10px 0; font-size: 1.4em; font-weight:bold; text-align:center} .leftNavColLogos { font-size: 1em; font-weight: bold; text-align: center; margin: 0 0 0 2px; } .regularformfield {color: #999; margin: 0 0 0 0; padding: 3px; font-size: 1em; border: 1px solid #999;} /******************************************************** Safari needs this - otherwise the ghost overflow, though painted correctly obscures links and form elements that by rights should be above it. An unintended side-effect is that it cause such elements to vanish in IE 5.01 and 5.5, hence the child selector hack ********************************************************/ * > #footer, * > form {position: relative; z-index: 1000;} .fundFinderP { float: left; width: 150px; padding: 0px 5px 1px 0px; }