/* GENERAL STYLES -----------------------------------------------------------*/ * {padding: 0; margin: 0;} ul {list-style: none;} img {border:0;} html {text-align: center; background: #e3deca;} body {text-align: left; font: normal 11px Arial; margin: 0 auto; width: 875px; position: relative;} div.notice { clear:left; background: #e3deca; padding: 1em 2em; margin-bottom:2em; float:left;} div#loginform { clear: left; } div.dialog { width: 25em; padding: 2em 4em; margin: 4em auto 0 auto; border: 1px solid #ccc; border-right-color: #999; border-bottom-color: #999; } h1.dialog { font-size: 100%; color: #f00; line-height: 1.5em; margin-bottom: 1em; } /* TOP MOST NAV -----------------------------------------------------------*/ #nav-top {float:right; text-align: right; margin: 12px 12px 4px 0;} #nav-top li {float:left; font-size: 10px;} #nav-top li.firstchild-hack-ie {border-right: 1px solid #999; padding-right: 2px;} #nav-top li a {padding: 0 4px; display: block;} #nav-top li a:link {color: #999;text-decoration: none;} #nav-top li a:visited {color: #999;text-decoration: none;} #nav-top li a:hover {color: #000;text-decoration: none;} /* BRANDING - aka, the header -----------------------------------------------------------*/ #branding {background: url("_menus/branding.jpg") top left no-repeat; height: 130px; clear: both;} #branding h1 {text-indent: -2000px;} #branding p {text-indent: -2000px;} /* MAIN NAV - css rollovers with bg images -----------------------------------------------------------*/ #nav-main {background: url("_menus/nav-bg.jpg") top left no-repeat; height: 25px; width: 875px; padding-left:8px; } #nav-main ul {float:left; margin: 0px 0 0 0px;} #nav-main ul li {float:left; margin-left: 1px; } #nav-main ul li:first-child {margin:0;} #nav-main ul li#about {margin:0;} #nav-main ul li a {display: block; height: 24px; margin-top: 1px; } #nav-main ul li a span {display: none;} #nav-main ul li#about a:link {background: url("_menus/about_i.gif") top left no-repeat; width: 122px; } #nav-main ul li#about a:visited {background: url("_menus/about_i.gif") top left no-repeat; width: 122px; } #nav-main ul li#about a:hover {background: url("_menus/about_o.gif") top left no-repeat; width: 122px; } #nav-main ul li#about a.current {background: url("_menus/about_o.gif") top left no-repeat; width: 122px; } #nav-main ul li#services a:link {background: url("_menus/services_i.gif") top left no-repeat; width: 122px; } #nav-main ul li#services a:visited {background: url("_menus/services_i.gif") top left no-repeat; width: 122px; } #nav-main ul li#services a:hover {background: url("_menus/services_o.gif") top left no-repeat; width: 122px; } #nav-main ul li#services a.current {background: url("_menus/services_o.gif") top left no-repeat; width: 122px; } #nav-main ul li#projects a:link {background: url("_menus/projects_i.gif") top left no-repeat; width: 122px; } #nav-main ul li#projects a:visited {background: url("_menus/projects_i.gif") top left no-repeat; width: 122px; } #nav-main ul li#projects a:hover {background: url("_menus/projects_o.gif") top left no-repeat; width: 122px; } #nav-main ul li#projects a.current {background: url("_menus/projects_o.gif") top left no-repeat; width: 122px; } #nav-main ul li#news a:link {background: url("_menus/news_i.gif") top left no-repeat; width: 122px; } #nav-main ul li#news a:visited {background: url("_menus/news_i.gif") top left no-repeat; width: 122px; } #nav-main ul li#news a:hover {background: url("_menus/news_o.gif") top left no-repeat; width: 122px; } #nav-main ul li#news a.current {background: url("_menus/news_o.gif") top left no-repeat; width: 122px; } #nav-main ul li#clientlogin a:link {background: url("_menus/clientlogin_i.gif") top left no-repeat; width: 122px; } #nav-main ul li#clientlogin a:visited {background: url("_menus/clientlogin_i.gif") top left no-repeat; width: 122px; } #nav-main ul li#clientlogin a:hover {background: url("_menus/clientlogin_o.gif") top left no-repeat; width: 122px; } #nav-main ul li#clientlogin a.current {background: url("_menus/clientlogin_o.gif") top left no-repeat; width: 122px; } #nav-main ul li#blog a:link {background: url("_menus/blog_i.gif") top left no-repeat; width: 122px; } #nav-main ul li#blog a:visited {background: url("_menus/blog_i.gif") top left no-repeat; width: 122px; } #nav-main ul li#blog a:hover {background: url("_menus/blog_o.gif") top left no-repeat; width: 122px; } #nav-main ul li#blog a.current {background: url("_menus/blog_o.gif") top left no-repeat; width: 122px; } #nav-main ul li#contact a:link {background: url("_menus/contact_i.gif") top left no-repeat; width: 122px; } #nav-main ul li#contact a:visited {background: url("_menus/contact_i.gif") top left no-repeat; width: 122px; } #nav-main ul li#contact a:hover {background: url("_menus/contact_o.gif") top left no-repeat; width: 122px; } #nav-main ul li#contact a.current {background: url("_menus/contact_o.gif") top left no-repeat; width: 122px; } /* CONTENT WRAPPER - the full width of the body... -----------------------------------------------------------*/ #content {background: url("_menus/content-bg2-bottom.gif") bottom left no-repeat; padding-bottom: 1.5em; } #content a, #content a:visited { color: #660000; } #contentwrap {background: url("_menus/content-bg2.gif") repeat-y;} /* SPLASH -----------------------------------------------------------*/ #page-home #nav-main {background: url("_menus/nav-home-bg.jpg") top left no-repeat; } #page-home #content {background: url("_menus/content-home-bg.jpg") top left repeat-y ; padding:0;} #page-home #content #splash {padding: 0 0 0 7px; } /* SUBNAV - left column -----------------------------------------------------------*/ #nav-sub {float: left; width: 166px; z-index:1000;} #nav-sub ul {text-align: right;margin: 20px; } #nav-sub ul li {line-height: 2; font-size: 11px;} #nav-sub ul li a:link {color: #999;text-decoration: none;} #nav-sub ul li a:visited {color: #999;text-decoration: none;} #nav-sub ul li a:hover {color: #000;text-decoration: none;} #nav-sub ul li a.current {color: #000;} #nav-sub ul li.imgholder {padding-top: 2em;} #nav-sub ul li.imgholder img {position: relative; right: -14px;} /* MAIN CONTENT -----------------------------------------------------------*/ #content-main {margin: 0 184px 0 186px; min-height: 400px; padding: 0 6px;} #content-main h2 {color: #660000; font-size: 12px; margin: 0 0 1.5em 0;} #content-main h3 {color: #000; font: bold 10px Arial; text-transform: uppercase; margin-bottom: 4px;} #content-main h3 span {text-transform: none; font-weight: normal;} #content-main p {line-height: 1.5; margin: 0 0 1.5em 0; } #content-main img.illustration {float: left; margin: 0 1em 1em 0;} #content-main ol { padding-left:1.5em;} #content-main ol li { margin-bottom:1.5em;} #content-main ul { padding: 0 0 12px 12px; } #content-main ul li { list-style: disc; margin-bottom:6px; } .caption { float: right; color: #996; padding-right: 12px; font-size: 0.9em;} /* SIDE BAR -----------------------------------------------------------*/ #side-bar {float: right; margin-right: 11px; background: url("_menus/side-bar-bg.jpg") top center no-repeat; width: 160px; } #side-bar img {display: block; margin: auto;} #side-bar #support-link {margin: 60px 0 20px 0;} #side-bar #articles-teaser { margin: 50px 0 20px 0; padding: 0 8px;} #side-bar #video-teaser {text-align: center; padding: 9px 0; margin: 5px;} #side-bar #video-teaser img {border: 1px solid #c8c8c8;} #side-bar #video-teaser h3 {margin: 10px;} #side-bar #video-teaser a {padding: 3px;} #side-bar #video-teaser a:link {color: #670003;text-decoration: none;} #side-bar #video-teaser a:visited {color: #670003;text-decoration: none;} #side-bar #video-teaser a:hover {color: #670003;text-decoration: none; background: #b7bc89;} /* BREADCRUMB TRAIL -----------------------------------------------------------*/ #content-main #breadcrumb {font-size: 11px; } #content-main p#breadcrumb {margin:0 0 2em 0; padding-top: 1em; } #content-main p#breadcrumb span {color: #999; text-decoration: underline; } #content-main #breadcrumb a:link {color: #999;text-decoration: none;} #content-main #breadcrumb a:visited {color: #999;text-decoration: none;} #content-main #breadcrumb a:hover {color: #000;text-decoration: none;} /* FOOTER -----------------------------------------------------------*/ #footer {background: url("_menus/footer.jpg") top left no-repeat; text-align: center; padding-top: 5px; height: 121px; clear: both;} #footer li {display: inline; border-left: 1px solid #b1b0ab;} #footer li.firstchild-hack-ie {border:0;} #footer li a { font-size: 11px; padding: 0 12px 0 12px;} #footer ul li a:link {color: #b1b0ab;text-decoration: none;} #footer ul li a:visited {color: #b1b0ab;text-decoration: none;} #footer ul li a:hover {color: #7b7660;text-decoration: underline;} /* YOU ARE HERE! SUB NAV -----------------------------------------------------------*/ #page-grant-criteria #grant-criteria a:link {color: #000; font-weight: bold;} /* SUCCESS STORIES -----------------------------------------------------------*/ table.projects { width: 98%; } table.projects td.thumb { width: 130px; } table.projects td { padding: 8px; border-bottom: 1px solid #ececec; } table.projects td.last { border-bottom: none; } table.projects td h3 { margin-bottom: 12px; } /* detail page */ .story {font:normal 12px Arial; color:#000;} .story-clear { clear:both; } .story-org { padding: 10px 0; } .story-org a {font:normal 12px Arial; color:#660000;} .story-org a:hover {background-color:#b7bc89;} .clear {clear: both; height: 0px;} /* LEGACY -----------------------------------------------------------*/ #legacy_teaser {position:absolute;left:631px;top:74px;} table.testimonials tr {vertical-align:top;} table.testimonials td.image {padding:0 0.8em 1em 0;} table.testimonials p {line-height:1em;} table.testimonials span.testimonial {font:normal 12px Arial;font-style:italic;} table.testimonials span.name {color:#000;font:bold 10px Arial;text-transform:uppercase;margin-bottom:4px;} table.testimonials span.website { position: relative; left: 3px; } /* MEMBERSHIP -----------------------------------------------------------*/ table.membership { width: 98%; font: normal 11px Arial; border-collapse: collapse;} table.membership td { border-bottom: 1px solid #ececec; padding: 10px;} table.membership td.last { border-bottom: none; } table.membership td.company { font-weight: bold; width: 180px; } table.membership a.weblink { font-weight: normal; } table.membership a, #content-main table.membership a:visited {color:#999966;} table.membership a:hover {color:#660000;} img.popup { padding: 4px 0 0 4px; } #member_states { position: relative; top: -40px; float: right;} #member_states p {margin: 0;} #member_states select {width: 150px;} /* GRANTS-HISTORY -----------------------------------------------------------*/ table.grants { font: normal 11px Arial; } table.grants td { padding: 4px; } table.grants td.awardtext { text-align: right; color: #670003; font-weight: bold; border-bottom: 1px solid #ececec;} table.grants td.grand-total { font-weight: bold; font-size: 12px; border-bottom: 1px solid #ececec;} table.grants td.total { text-align: right;} span.year { color: #670003; } /* FORMS -----------------------------------------------------------*/ #nav-sub ul.address {text-align:left;} #nav-sub ul.address li {line-height:1em;font:normal 11px Arial;} #nav-sub ul.address li.sub-title {padding: 8px 0 3px 0;border-bottom:1px solid #333;} #contact-form {margin-top: 18px; width: 100%; font:normal 11px Arial;} #contact-form td { padding: 4px; } #contact-form label { float: left; } #contact-form input.text, #contact-form textarea { background-color: #fafafa; border: 1px solid #ccc; font-size: 11px; padding: 4px; width: 125px; margin-bottom: 6px; } #contact-form textarea { width: 420px; } #contact-form select { position: relative; top: -3px; width: 136px; padding: 1px; background-color: #fafafa; border: 1px solid #ccc;} #contact-form input[type="submit"] { padding: 2px; width: 75px; margin-right: 16px;} #loginform input[type="text"] { margin-bottom: 6px; padding: 2px; font-size: 10px;} #loginform input[type="password"] { margin-bottom: 6px; padding: 2px; font-size: 10px;} #loginform input[type="submit"] { padding: 4px; width: 125px; } #loginform fieldset { padding: 5px 5px 5px 50px; width: 200px; background-color: #fafafa;} #loginform legend { font:bold 12px Arial; padding: 0 3px;} /* Generic Images -----------------------------------------------------------*/ .image-left { float: left; padding-right: 8px; } .image-right { float: right; padding-left: 8px; } /* Articles Module -----------------------------------------------------------*/ #content-main div.article h2 { margin: 2em 0 0 0; padding: 0;} #content-main div.article h2 span { font:normal 10px Arial; } #content-main div.article h3 { margin: 0 0 0.5em 0; padding: 0;}