/****************** * Color Pallette * ****************** red color: #9a0b0f; beige color: #978778; dark blue color: #063354; light blue color: #627d8e; grey color: #828783; light grey color: #c5cec9; light blue-grey color: #f4f6f5; *******************/ /********************** * General Formatting * **********************/ * {margin: 0px; padding: 0px;} body {margin: 0px;padding: 0px; font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 63.125%; color: #333; background: #dbe2e7 url(/cen/_img/bgrd3.png) repeat-x top left;} #container {margin: 0px; padding: 0px; width: 100%; background: url(/cen/_img/contBgrd.png) no-repeat top center; } #wrap { margin: 0px auto; padding: 0px; width: 960px;} fieldset {border: none;} /*************** * Typography * ***************/ .first {margin: 20px 0px 0px 0px;} /* Headlines */ h1 {color: #063354; font: bold 2em/2.2em Helvetica, Arial, sans-serif; letter-spacing: -1px;} h2 {color: #333; font: bold 1.8em/2em Helvetica, Arial, sans-serif; letter-spacing: -1px;} h3 {color: #063354; font: normal 1.6em/1.8em Arial, Helvetica, sans-serif; letter-spacing: -0.5px;} h4 {color: #627d8e; font: bold 1.4em/1.6em Arial, Verdana, Helvetica, sans-serif;} h5 {color: #9a0b0f; font: bold 1em/1.2em Arial, Helvetica, sans-serif;} h5.special {color: #9a0b0f; font: bold 1em/1.2em "Trebuchet Ms", Arial, Helvetica, sans-serif;} h6 {color: #063354; font: normal 0.9em/1em Verdana, Arial, Helvetica, sans-serif;} p {margin: 0; padding: 0; font: normal 12px/15px Georgia, "Times New Roman", Times, serif;} /************************ * Global Banner ***********************/ #global-bannerWrap {margin: 0px auto; padding: 0px; width: 960px; height:20px;} #global-banner {display: block;margin: 0px auto; padding: 0px;height: 20px;text-align: center;width: auto;background: #fefefe url(/cen/_img/_globalNav/globalNavTabBgrd.gif) no-repeat top left; border-left: 1px solid #063354;} #global-banner ul { width: 284px;height: 20px;padding: 0px; margin: 0px; list-style-type: none;text-align: center; float:right;} #global-banner ul li {display: block;float: left;text-align: center;padding: 0;margin: 0;height: 20px;border-left: 1px solid #978778; font: bold 11px/20px Arial, Helvetica, sans-serif;} #global-banner ul li a {width: 70px;height: 20px;padding: 0;margin: 0;color: #063354;text-decoration: none;display: block;text-align: center;} #global-banner ul li a:hover {color: #4f6e82;background:url(/cen/_img/_globalNav/globalNavTabBtn.gif) repeat-x 0px -20px; width: 70px;height: 20px; } #global-banner a:active {color: #627d8e;background:url(/cen/_img/_globalNav/globalNavTabBtn.gif) repeat-x 0px -40px;width: 70px;height: 20px;} #global-banner li#active-gb a {color:#4f6e82;background:url(/cen/_img/_globalNav/globalNavTabBtn.gif) repeat-x 0px -20px;width: 70px;height: 20px; } #global-banner li#active-gb a:hover {color:#063354;background:url(/cen/_img/_globalNav/globalNavTabBtn.gif) repeat-x 0px -40px;width: 70px;height: 20px;} /************************ * Top and Banner ***********************/ #banner {width: 960px; height: 98px; background: url(/cen/_img/bannerBgrd.png) repeat-x top left; margin: 0px 0px 1px 0px; padding: 0;} #bannerBgrd {background: url(/cen/_img/bannerCEN.png) no-repeat top right; display: block; width: 960px; height: 72px; margin: 0; padding: 0; } #logo {width: 192px; height:72px; margin: 0; padding: 0; float:left;} #logo div a, #logo div a:hover {display: block; width: 192px; height:72px; margin:0; padding:0; background: url(/cen/_img/cenLogo.png) no-repeat top left; float:left;} #tagline {width: 394px; height:72px; float:left;} #admin {float: right; width: 374px; height:72px;} #admin ul {list-style: none; margin: 0px 5px 0px 0px; padding:0px; width: auto; height: 22px; text-align:right; clear:both;} #admin ul li {font: bold 12px/18px Arial, Helvetica, sans-serif; color: #063354;list-style: none; margin: 2px 0px; padding:0px 5px; border-left: 1px solid #333; float:right; display:inline; width: auto; height: 18px;} #admin ul li.loginlink {font: bold 12px/18px Arial, Helvetica, sans-serif; color: #063354;list-style: none; margin: 1px 0px; padding:0px 5px; border-left: none; float:right; display:inline; width: auto; height: 14px;} #admin li a {font: bold 12px/18px Arial, Helvetica, sans-serif; color: #063354; text-decoration: none;} #admin li a:hover {font: bold 12px/18px Arial, Helvetica, sans-serif; color:#9a0b0f; text-decoration: none;} #admin #welcome {float: left; color: #333; display:inline;} #admin #errors {float: left; color: red; display:inline;} #admin #login {float: left; color: #063354; display:inline;} #admin p {font: bold 11px/20px Arial, Helvetica, sans-serif; color: #063354; text-align: right; height: 22px; margin-right: 5px;} #admin p a {font: bold 11px/20px Arial, Helvetica, sans-serif; color: #063354; text-decoration: none;} #admin p a:hover {font: bold 11px/20px Arial, Helvetica, sans-serif; color:#9a0b0f; text-decoration: none;} img.lock {margin: 2px 0px 0px 2px;} a img.lock, a:visited img.lock, a:hover img.lock {border: none;} span.lock a {background: url(/cen/_img/lockIconIE.png) no-repeat top right; width: 12px; height: 14px; display:inline-block;} html>body span.lock a {background: url(/cen/_img/lockIcon.png) no-repeat top right; width: 12px; height: 14px; display:inline-block;} span.lock a:hover { background: url(/cen/_img/lockIconIE.png) no-repeat right 1px; width: 12px; height: 14px; display:inline-block;} html>body span.lock a:hover { background: url(/cen/_img/lockIcon.png) no-repeat right 1px; width: 12px; height: 14px; display:inline-block;} #search {width: auto; margin: 0px 5px 0px;} #search span.searchBtn {float: right; margin-top: 2px; display:block; width: 92px; height: 32px;} #search span.searchBtn:hover, #search span.searchBtn:active {margin: 3px 0px -1px 1px;} #search .inputBox {float: left; background: #fff; border: 1px solid #063354; width: 255px; height: 25px;font: bold 14px/25px Arial, Helvetica, sans-serif; color: #063354; margin-top: 4px; text-indent: 5px;} #search span.advanced {float: right; text-align:right;font: bold 11px/12px Arial, Helvetica, sans-serif; clear: both; height: 12px; margin-right: 10px;} #search span.advanced a { color:#063354; text-decoration: none;} #search span.advanced a:hover { color:#9a0b0f; text-decoration: underline;} #nav {margin: 1px 0px 0px 0px; padding:0; width: 960px; height: 27px; float: left;} #nav ul#navbar {display: block; margin: 0; padding: 0; width: 960px; height: 26px; list-style: none; float:left;} #nav ul#navbar li {display:inline; margin: 0; padding: 0; float:left; font: 700 12px/26px Arial, Helvetica, sans-serif; text-align:center;} #nav ul#navbar li a {color: #063354; text-decoration: none;} #nav ul#navbar li a:hover {color:#fff; text-decoration: none;} #nav ul#navbar li#navHome {float:left;} #navHome a {margin: 0; padding: 0; display: block; background: url(/cen/_img/nav1Btn.png) no-repeat top left; width: 56px; height: 26px;} #navHome a:hover {display: block; background-position: 0 -26px; border: none;} #home ul#navbar li#navHome a {margin: 0; padding: 0; display: block; background: url(/cen/_img/nav1Btn.png) no-repeat 0px -52px; width: 56px; height: 26px;} #home ul#navbar li#navHome a:hover {display: block; background-position: 0 -26px; border: none;} #nav ul#navbar li#navMagazine {float:left;} #navMagazine a {margin: 0; padding: 0; display: block; background: url(/cen/_img/nav2Btn.png) no-repeat top left; width: 129px; height: 26px;} #navMagazine a:hover {display: block; background-position: 0 -26px; border: none; color: #fff!important;} #magazine ul#navbar li#navMagazine a {margin: 0; padding: 0; display: block; background: url(/cen/_img/nav2Btn.png) no-repeat 0px -52px; width: 129px; height: 26px; color:#9a0b0f;} #magazine ul#navbar li#navMagazine a:hover {display: block; background-position: 0 -26px; border: none; color: #fff!important;} .magazine ul#navbar li#navMagazine a {margin: 0; padding: 0; display: block; background: url(/cen/_img/nav2Btn.png) no-repeat 0px -52px; width: 129px; height: 26px; color:#9a0b0f;} .magazine ul#navbar li#navMagazine a:hover {display: block; background-position: 0 -26px; border: none; color: #fff!important;} #nav ul#navbar li#navNews {float:left;} #navNews a {margin: 0; padding: 0; display: block; background: url(/cen/_img/nav3Btn.png) no-repeat top left; width: 129px; height: 26px;} #navNews a:hover {display: block; background-position: 0 -26px; border: none; color: #fff!important;} #news ul#navbar li#navNews a {margin: 0; padding: 0; display: block; background: url(/cen/_img/nav3Btn.png) no-repeat 0px -52px; width: 129px; height: 26px; color:#9a0b0f;} #news ul#navbar li#navNews a:hover {display: block; background-position: 0 -26px; border: none; color: #fff!important;} .news ul#navbar li#navNews a {margin: 0; padding: 0; display: block; background: url(/cen/_img/nav3Btn.png) no-repeat 0px -52px; width: 129px; height: 26px; color:#9a0b0f;} .news ul#navbar li#navNews a:hover {display: block; background-position: 0 -26px; border: none; color: #fff!important;} #nav ul#navbar li#navCategories {float:left;} #navCategories a {margin: 0; padding: 0; display: block; background: url(/cen/_img/nav4Btn.png) no-repeat top left; width: 129px; height: 26px;} #navCategories a:hover {display: block; background-position: 0 -26px; border: none; color: #fff!important;} .section ul#navbar li#navCategories a {margin: 0; padding: 0; display: block; background: url(/cen/_img/nav4Btn.png) no-repeat 0px -52px; width: 129px; height: 26px; color:#9a0b0f;} .section ul#navbar li#navCategories a:hover {display: block; background-position: 0 -26px; border: none; color: #fff!important;} #nav ul#navbar li#navMultimedia {float:left;} #navMultimedia a {margin: 0; padding: 0; display: block; background: url(/cen/_img/nav5Btn.png) no-repeat top left; width: 129px; height: 26px;} #navMultimedia a:hover {display: block; background-position: 0 -26px; border: none; color: #fff!important;} .multimedia ul#navbar li#navMultimedia a {margin: 0; padding: 0; display: block; background: url(/cen/_img/nav5Btn.png) no-repeat 0px -52px; width: 129px; height: 26px; color:#9a0b0f;} .multimedia ul#navbar li#navMultimedia a:hover {display: block; background-position: 0 -26px; border: none; color: #fff!important;} #nav ul#navbar li#navBlogs {float:left;} #navBlogs a {margin: 0; padding: 0; display: block; background: url(/cen/_img/nav6Btn.png) no-repeat top left; width: 129px; height: 26px;} #navBlogs a:hover {display: block; background-position: 0 -26px; border: none; color: #fff!important;} #blogs ul#navbar li#navBlogs a {margin: 0; padding: 0; display: block; background: url(/cen/_img/nav6Btn.png) no-repeat 0px -52px; width: 129px; height: 26px; color:#9a0b0f;} #blogs ul#navbar li#navBlogs a:hover {display: block; background-position: 0 -26px; border: none; color: #fff!important;} #nav ul#navbar li#navSubscribe {float:left;} #navSubscribe a {margin: 0; padding: 0; display: block; background: url(/cen/_img/nav7Btn.png) no-repeat top left; width: 129px; height: 26px;} #navSubscribe a:hover {display: block; background-position: 0 -26px; border: none; color: #fff!important;} .subscribe ul#navbar li#navSubscribe a {margin: 0; padding: 0; display: block; background: url(/cen/_img/nav7Btn.png) no-repeat 0px -52px; width: 129px; height: 26px; color:#9a0b0f;} .subscribe ul#navbar li#navSubscribe a:hover {display: block; background-position: 0 -26px; border: none; color: #fff!important;} #nav ul#navbar li#navAbout {float:left;} #navAbout a {margin: 0; padding: 0; display: block; background: url(/cen/_img/nav8Btn.png) no-repeat top left; width: 130px; height: 26px;} #navAbout a:hover {display: block; background-position: 0 -26px; border: none; color: #fff!important;} .about ul#navbar li#navAbout a {margin: 0; padding: 0; display: block; background: url(/cen/_img/nav8Btn.png) no-repeat 0px -52px; width: 130px; height: 26px; color:#9a0b0f;} .about ul#navbar li#navAbout a:hover {display: block; background-position: 0 -26px; border: none; color: #fff!important;} /* dropdown menus */ #nav li ul {display: none; float: left; margin: 0; padding: 0 0 10px 0; position: relative; z-index: 10004; top: -4px; width: 129px; background: url(/cen/_img/navdropBgrdIE.png) no-repeat bottom left; border-top: 2px solid #031e32;} html>body #nav li ul {display: none; float: left; margin: 0; padding: 0 0 10px 0; position: relative; z-index: 10004; top: -4px; width: 129px; background: url(/cen/_img/navdropBgrd.png) no-repeat bottom left; border-top: 2px solid #031e32;} #nav ul#navbar li li {display: block; float:left; margin: 0px; padding: 0px; width: 129px; height: 26px; position: relative; z-index: 10005; top: -1px; background: #063354; font:normal 12px/26px Arial, Helvetica, sans-serif; letter-spacing: normal; border-top: 1px solid #395d77; border-bottom: 1px solid #031e32;} #nav ul#navbar li li a {display: block; float:left; position: relative; z-index: 10005; width: 129px; height: 26px; text-align: center; background:none!important;color: #fff!important; text-decoration: none;} #nav ul#navbar li li a:hover {display: block; float:left; position: relative; z-index: 10005; width: 129px; height: 26px; text-align: center; text-decoration: none; background:#9a0b0f!important;} #nav ul#navbar li:hover ul, #nav ul#navbar li.over ul {display: block; position: absolute; z-index: 10009; top: 119px; float:left;} html>body #nav ul#navbar li:hover ul {display: block; position: absolute; z-index: 10004; top: 118px;} #nav ul#navbar li:hover a, #magazine ul#navbar li#navMagazine:hover a, #news ul#navbar li#navNews:hover a, #categories ul#navbar li#navTopics:hover a, #multimedia ul#navbar li#navMultimedia:hover a, #blogs ul#navbar li#navBlogs:hover a, #subscribe ul#navbar li#navSubscribe:hover a, #about ul#navbar li#navAbout:hover a, #nav ul#navbar li.over a {background-position: 0 -26px; color: #fff;} /************** heading ****************/ #heading {width: 960px; height: auto; margin: 2px 0px 6px 1px; background:#fff; float: left; overflow:hidden;} #pathway #heading, #news #heading {width: 9600px; height: auto; margin: 2px 0px 0px 1px; background:#fff; float: left; overflow:hidden;} #heading .content {margin: 6px 6px 0px;width: 725px;} #heading h1 {color: #9a0b0f; line-height: 28px; } #heading h2 a {color: #063354; text-decoration: none;} #heading h2 a:hover {color: #9a0b0f; text-decoration: underline;} #heading h4 a {color: #828783; text-decoration: underline;} #heading h4 a:hover {color: #627d8e; text-decoration: none;} #heading .breadcrumbs {display: block; width:auto; height:auto;font-size: 1em; color:#063354; margin: 4px 0px 4px 6px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;} #heading .breadcrumbs a {color:#828783; text-decoration: underline; font-weight:normal;} #heading .breadcrumbs a:hover {color:#9a0b0f; text-decoration: none;font-weight:normal;} #heading h5.sublinks {color:#063354; font: bold 13px/16px Arial, Helvetica, sans-serif; letter-spacing: -1px; margin: 3px 6px 0px 0px; float:right; text-align: right;} #heading h5.sublinks a {color:#063354; text-decoration: underline;} #heading h5.sublinks a:hover {color: #9a0b0f; text-decoration: none;} #heading .textsize {margin-right: 10px; float:right;} #heading .textsize a {padding: 0px 2px; border: 1px solid #063354; text-decoration: none; color: #063354;} #heading .textsize a:hover {padding: 0px 2px; border: 1px solid #828783; text-decoration: none; color:#9a0b0f;} .textsize h4 span.x6 a {font-size: 18px; letter-spacing: -1px; } .textsize h4 span.x5 a {font-size: 16px; letter-spacing: -1px; } .textsize h4 span.x4 a {font-size: 14px; letter-spacing: -1px; } .textsize h4 span.x3 a {font-size: 12px; line-height: 16px;} .textsize h4 span.x2 a {font-size: 11px;} .textsize h4 span.x1 a {font-size: 10px;} #article #heading h1 {color: #063354; line-height: 40px;} #article #heading h2 {font: normal 14px/16px Georgia, "Times New Roman", Times, serif; color:#333; margin-bottom: 6px; letter-spacing: -0.5px;} #article #heading h2.sectionTitle {font: bold 16px/24px Arial, Helvetica, sans-serif; color:#627d8e; letter-spacing: normal;} #article #heading h3 {font: bold 12px/14px Arial, Helvetica, sans-serif; color:#9a0b0f; letter-spacing: normal; margin: 6px 0px;} #article #heading h3 a {color:#9a0b0f; text-decoration: underline; } #article #heading h3 a:hover {color:#9a0b0f; text-decoration: none; } #article #heading h4 {color:#828783; font: normal 12px/16px Arial, Helvetica, sans-serif; text-transform:uppercase;} #article #heading .articleInfo {margin-right: 6px; float:right; width: 252px; height:auto; border-left: 1px dotted #063354; padding: 6px;} #article #heading .articleInfo h4 {color:#828783; font: bold 12px/16px Arial, Helvetica, sans-serif; text-transform: none;} #article #heading .articleInfo h4 a {color:#828783; text-decoration: none;} #article #heading .articleInfo h4 a:hover {color:#9a0b0f; text-decoration: underline; } #article #heading .articleInfo ul {list-style-type: disc; color: #063354; padding-left: 10px; margin-left: 4px;} #article #heading .articleInfo ul li {color: #333; font: bold 12px/14px Arial, Helvetica, sans-serif;} #article #heading .articleInfo ul li a {color: #063354;} #article #heading .articleInfo ul li a:hover {color: #9a0b0f; text-decoration: none;} #article #heading .articleTools h3 {color:#627d8e; font: bold 14px/16px Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: -1px; width: 450px; border-top: 1px dotted #627d8e; padding-top: 2px;} #article #heading .articleTools h4 {color:#828783; font: bold 12px/16px Arial, Helvetica, sans-serif; text-transform: none;} #article #heading .articleTools h4 a {color:#828783; text-decoration: none;} #article #heading .articleTools h4 a:hover {color:#9a0b0f; text-decoration: underline; } b.cn {display: block; height: 6px; width: 6px; margin:0; padding: 0; z-index: 99;} b.tl {top: -2px; left: -2px; background: url(/cen/_img/cornerT.gif) no-repeat 0px 0px; float: left;} b.tr {top: -2px; right: 100%; background: url(/cen/_img/cornerT.gif) no-repeat -6px 0px; float:right;} b.bl {bottom: 0px; left: -2px; background: url(/cen/_img/cornerB.gif) no-repeat 0px 0px;float: left;} b.br {bottom: 0px; right: 100%; background: url(/cen/_img/cornerB.gif) no-repeat -6px 0px; float:right;} b.cn-btm {display: block; height: 6px; width: 6px; margin:0; padding: 0; z-index: 99;} b.tl-btm {top: -2px; left: -2px; background: url(/cen/_img/cornerT-btm.gif) no-repeat 0px 0px; float: left;} b.tr-btm {top: -2px; right: 100%; background: url(/cen/_img/cornerT-btm.gif) no-repeat -6px 0px; float:right;} b.cn-long {display: block; height: 6px; width: 6px; margin:0; padding: 0; z-index: 99;} b.bl-long {top: 2px; left: -2px; background: url(/cen/_img/cornerB-long.gif) no-repeat 0px 6px;float: left;} html>body b.bl-long {bottom: 0px; left: -2px; background: url(/cen/_img/cornerB-long.gif) no-repeat 0px 0px;float: left;} b.br-long {top: 2px; right: 100%; background: url(/cen/_img/cornerB-long.gif) no-repeat -6px 6px; float:right;} html>body b.br-long {bottom: 0px; right: 100%; background: url(/cen/_img/cornerB-long.gif) no-repeat -6px 0px; float:right;} b.cn-text {display: block; height: 6px; width: 6px; margin:0; padding: 0; z-index: 99;} b.tl-text {top: -2px; left: -2px; background: url(/cen/_img/cornerT-text.gif) no-repeat 0px 0px; float: left;} b.tr-text {top: -2px; right: 100%; background: url(/cen/_img/cornerT-text.gif) no-repeat -6px 0px; float:right;} b.bl-text {bottom: 0px; left: -2px; background: url(/cen/_img/cornerB-text.gif) no-repeat 0px 6px;float: left;} html>body b.bl-text {bottom: 0px; left: -2px; background: url(/cen/_img/cornerB-text.gif) no-repeat 0px 0px;float: left;} b.br-text {bottom: 0px; right: 100%; background: url(/cen/_img/cornerB-text.gif) no-repeat -6px 6px; float:right;} html>body b.br-text {bottom: 0px; right: 100%; background: url(/cen/_img/cornerB-text.gif) no-repeat -6px 0px; float:right;} /* section headers */ h2.acsTitle {background: url(/cen/_img/acs_hdrIE.png) no-repeat top left; width: 731px; height: 62px; float:left; margin-top: 3px;} html>body h2.acsTitle {background: url(/cen/_img/acs_hdr.png) no-repeat top left; width: 731px; height: 62px; float:left; margin-top: 1px;} h2.acsTitle a {padding-left: 6px;font: normal 30px/62px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-transform: uppercase; letter-spacing: -1px;} h2.booksTitle {background: url(/cen/_img/books_hdrIE.png) no-repeat top left; width: 731px; height: 62px; float:left; margin-top: 3px;} html>body h2.booksTitle {background: url(/cen/_img/books_hdr.png) no-repeat top left; width: 731px; height: 62px; float:left; margin-top: 1px;} h2.booksTitle a {padding-left: 6px;font: normal 30px/62px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-transform: uppercase; letter-spacing: -1px;} h2.busTitle {background: url(/cen/_img/bus_hdrIE.png) no-repeat top left; width: 731px; height: 62px; float:left; margin-top: 3px;} html>body h2.busTitle {background: url(/cen/_img/bus_hdr.png) no-repeat top left; width: 731px; height: 62px; float:left; margin-top: 1px;} h2.busTitle a {padding-left: 6px;font: normal 30px/62px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-transform: uppercase; letter-spacing: -1px;} h2.covTitle {background: url(/cen/_img/cov_hdrIE.png) no-repeat top left; width: 731px; height: 62px; float:left; margin-top: 3px;} html>body h2.covTitle {background: url(/cen/_img/cov_hdr.png) no-repeat top left; width: 731px; height: 62px; float:left; margin-top: 1px;} h2.covTitle a {padding-left: 6px;font: normal 30px/62px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-transform: uppercase; letter-spacing: -1px;} h2.empTitle {background: url(/cen/_img/emp_hdrIE.png) no-repeat top left; width: 731px; height: 62px; float:left; margin-top: 3px;} html>body h2.empTitle {background: url(/cen/_img/emp_hdr.png) no-repeat top left; width: 731px; height: 62px; float:left; margin-top: 1px;} h2.empTitle a {padding-left: 6px;font: normal 30px/62px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-transform: uppercase; letter-spacing: -1px;} h2.govTitle {background: url(/cen/_img/gov_hdrIE.png) no-repeat top left; width: 731px; height: 62px; float:left; margin-top: 3px;} html>body h2.govTitle {background: url(/cen/_img/gov_hdr.png) no-repeat top left; width: 731px; height: 62px; float:left; margin-top: 1px;} h2.govTitle a {padding-left: 6px;font: normal 30px/62px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-transform: uppercase; letter-spacing: -1px;} h2.lettersTitle {background: url(/cen/_img/letters_hdrIE.png) no-repeat top left; width: 731px; height: 62px; float:left; margin-top: 3px;} html>body h2.lettersTitle {background: url(/cen/_img/letters_hdr.png) no-repeat top left; width: 731px; height: 62px; float:left; margin-top: 1px;} h2.lettersTitle a {padding-left: 6px;font: normal 30px/62px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-transform: uppercase; letter-spacing: -1px;} h2.newsTitle {background: url(/cen/_img/news_hdrIE.png) no-repeat top left; width: 731px; height: 62px; float:left; margin-top: 3px;} html>body h2.newsTitle {background: url(/cen/_img/news_hdr.png) no-repeat top left; width: 731px; height: 62px; float:left; margin-top: 1px;} h2.newsTitle a {padding-left: 6px;font: normal 30px/62px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-transform: uppercase; letter-spacing: -1px;} h2.newscriptsTitle {background: url(/cen/_img/newscripts_hdrIE.png) no-repeat top left; width: 731px; height: 62px; float:left; margin-top: 3px;} html>body h2.newscriptsTitle {background: url(/cen/_img/newscripts_hdr.png) no-repeat top left; width: 731px; height: 62px; float:left; margin-top: 1px;} h2.newscriptsTitle a {padding-left: 6px;font: normal 30px/62px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-transform: uppercase; letter-spacing: -1px;} h2.obitsTitle {background: url(/cen/_img/obits_hdrIE.png) no-repeat top left; width: 731px; height: 62px; float:left; margin-top: 3px;} html>body h2.obitsTitle {background: url(/cen/_img/obits_hdr.png) no-repeat top left; width: 731px; height: 62px; float:left; margin-top: 1px;} h2.obitsTitle a {padding-left: 6px;font: normal 30px/62px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-transform: uppercase; letter-spacing: -1px;} h2.sciTitle {background: url(/cen/_img/sci_hdrIE.png) no-repeat top left; width: 731px; height: 62px; float:left; margin-top: 3px;} html>body h2.sciTitle {background: url(/cen/_img/sci_hdr.png) no-repeat top left; width: 731px; height: 62px; float:left; margin-top: 1px;} h2.sciTitle a {padding-left: 6px;font: normal 30px/62px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-transform: uppercase; letter-spacing: -1px;} /***** full left block ads *****/ /* bannerAds */ .bannerAd {width: 732px; height:92px; background:url(/cen/_img/bannerAdBgrd.png) no-repeat -2px 0px; float:left; margin: 6px 0px; clear:both;} .bannerAd .content {width: 724px; height:auto; margin:6px auto;} .bannerAd .adhere {width: 255px; height:auto; float: right;} .bannerAd p {line-height: 14px;} html>body .bannerAd p {line-height: 13px;} .bannerAd p a {color: #063354; font-weight:bold; text-decoration: none;} .bannerAd p a:hover {color: #9a0b0f; font-weight:bold; text-decoration:underline;} .bannerAd h6 {margin-left: 4px;} .bannerAd .bannerAdImage {width: 460px; height:56px; background:url(/cen/_img/bannerAdImageBgrd.gif) no-repeat top left; margin-left: 3px;} .bannerAd .bannerAdImage a img {margin: 3px 5px; border: none; text-align:center;} /* services & tools */ #services {width: 732px; height: auto; float:left; clear: left;} #services ul {list-style-type: circle; margin: 10px; padding-left: 10px;} #services ul li a {font: bold 14px/16px Arial, Helvetica, sans-serif; letter-spacing: -1px; color: #063354; text-decoration: none;} #services ul li a:hover {color: #9a0b0f; text-decoration: underline;} #services h4 {text-indent: 10px;} #services p {line-height: 13px;} #services a {color: #063354; text-decoration: none; font-weight:bold;} #services a:hover {color: #9a0b0f; text-decoration: underline; font-weight:bold;} #services .thinL {width: 243px; height:141px; background:url(/cen/_img/servToolsBgrd.gif) no-repeat top left; float: left;} #services .wideR {width: 484px; height:141px; background:url(/cen/_img/acsResourcesBgrd.gif) no-repeat top left; float: left; margin-left: 5px;} #services .resources {width: 264px; margin: 0px auto; float: left; } #services .resources .content {margin: 2px 6px;} #services .resources .acscareersLogo {background: url(/cen/_img/acsCareersLogo.png) no-repeat top left; width: 120px; height:29px; float:right;} #services .join {background: url(/cen/_img/acsResourcesBox.png) no-repeat top left; width: 196px; height:141px; float:right; display:inline;} #services .join .content {margin: 6px 8px;} /*************** right ***************/ #rightColumn {width: 225px; height: auto; float:right; margin: 0px 0px 0px 3px; } html>body #rightColumn {width: 228px; height: auto; float:left; margin: 0px 0px 0px 0px;} #rightColWrap {width: 225px; height:auto; float: left; overflow: hidden;} html>body #rightColWrap {width: 225px; height:auto; float: right; overflow: hidden;} #topics {width: 225px; height:auto; float: left;} #home #topics h2 a {width: 225px; height:30px; background: url(/cen/_img/popSecHdr-Home.gif) no-repeat top left; float: left;} #topics h2 a {width: 225px; height:30px; background: url(/cen/_img/popSecHdr.gif) no-repeat top left; float: left;} #topics .content {margin: 6px 3px; padding-bottom: 4px; text-align:left; border-bottom: 1px dotted #063354; float: left;} html>body #topics .content {margin: 6px 10px; padding-bottom: 4px; text-align:left; border-bottom: 1px dotted #063354; float: left;} #topics span a {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #063354; text-decoration:none; } #topics span a:hover {color: #9a0b0f; text-decoration:underline;} #topics span.x6 a {font-size: 18px; letter-spacing: -1px; } #topics span.x5 a {font-size: 16px; letter-spacing: -1px; } #topics span.x4 a {font-size: 14px; letter-spacing: -1px; } #topics span.x3 a {font-size: 12px; line-height: 16px;} #topics span.x2 a {font-size: 11px;} #topics span.x1 a {font-size: 10px;} #topics p {text-align: center; border-top: 1px dotted #063354; margin: 10px 2px 4px; padding-top: 4px;} #acscareers {width: 225px; height:auto; float: left; } #acscareers div {width: 225px; height: 85px; float:left;} #acscareers div a {width: 225px; height:81px; background: url(/cen/_img/acsCareers.gif) no-repeat top left; float: left;} #contextualBtn {width: 225px; height:auto; float: left; } #contextualBtn div {width: 225px; height: 85px; float:left;} #contextualBtn div a {width: 225px; height:81px; background: url(/cen/_img/cenFtrAd.gif) no-repeat top left; float: left;} #skyscraper {width: 225px; height:auto; float: left; margin-bottom: 6px;} #skyscraper h2 {width: 223px; height: 15px; font: normal 10px/15px Verdana, Arial, Helvetica, sans-serif; color: #978778; text-align: center; background: url(/cen/_img/rtAdHdr.gif) no-repeat top left; margin: 0px auto; } #skyscraper #skyWrap {width: 223px; height:auto; background:url(/cen/_img/rtAdBgrdTile.gif) repeat-y top left; margin: 0px auto;} #skyscraper-empty {width: 225px; height:100px;margin: 0px auto; float: left; background: url(/cen/_img/rtEmptyBgrd.gif) no-repeat top left;} #skyscraper .content {width:120px; height:600px; margin: 0px auto; padding: 0px;} #skyscraper .content a, #skyscraper div a:visited, #skyscraper div a:hover {text-decoration: none; border: none;} #skyscraper .content img.skyscraper {margin: 0px auto; border:none; padding: 2px 0px 1px 0px;} #skyscraper .content img.button { margin: 0px auto; padding: 2px 0px; border:none;} #skyscraper .contextual {width:185px; height:auto; margin: 0px auto; padding: 0px;} #skyscraper .contextual a, #skyscraper div a:visited, #skyscraper div a:hover {text-decoration: none; border: none;} #skyscraper .contextual img.skyscraper {margin: 0px auto; border:none; padding: 2px 0px 1px 0px;} #skyscraper .contextual img.button { margin: 0px auto; padding: 2px 0px; border:none;} #rtButtons {width: 225px; height:auto; float: left; margin-bottom: 6px;} #rtButtons #buttonsWrap {width: 223px; height:auto; background:url(/cen/_img/rtAdBgrdTile.gif) repeat-y top left; margin: 0px auto;} #rtButtons h2 {width: 223px; height: 15px; font: normal 10px/15px Verdana, Arial, Helvetica, sans-serif; color: #978778; text-align: center; background: url(/cen/_img/rtAdHdr.gif) no-repeat top left; margin: 0px auto; } #rtButtons .content {width:104px; height:auto; margin: 0px auto; padding: 0px;} #rtButtons .content ul {list-style: none;} #rtButtons .content a, #rtrButtons div a:visited, #rtButtons div a:hover {text-decoration: none;} #rtButtons .content img.button {display: block; margin: 0px auto; padding: 6px 0px; border:none;} span.rtAdFtr {display: block; width: 223px; height:15px; font: normal 10px/15px Verdana, Arial, Helvetica, sans-serif; color: #978778; text-align:center; background: url(/cen/_img/rtAdFtr.gif) no-repeat top left; margin: 0px auto;text-decoration:none;} span.rtAdFtr a {display: block; width: 223px; height:15px; color: #978778; text-align:center; margin: 0px auto;text-decoration:none;} span.rtAdFtr a:hover {text-decoration:none; color:#9a0b0f;} /************************ * Footer ***********************/ #footer {width: 960px; height: 130px; background:url(/cen/_img/ftrBgrd.png) no-repeat top left; color: #868980; float:left;} #footer h3 {color: #868980!important;width: auto; margin: 5px 10px; text-align: left;font-size: 15px; text-transform: none!important;} #footer h3 a {color: #868980;text-decoration: none;} #footer h3 a:hover {color: #9a0b0f;text-decoration: none; border-bottom: 1px solid #868980;} #footer h3.ctr {text-align: center;} #footer p {width: auto; margin: 10px;padding: 10px 0px 0px;text-align: left;font-size: 11px; line-height: 1.3em; font-family:Arial, Helvetica, sans-serif; border-top: 1px dotted #999; } #footer p a {color: #868980;text-decoration: none; height: 1.3em;font-size: 11px;} #footer p a:hover {color: #9a0b0f;text-decoration: none; border-bottom: 1px solid #868980; height: 1.3em;} #footer #footnav {width: auto; margin: 10px 3px 0px 6px; padding-bottom: 10px;float: left;} html>body #footer #footnav {width: auto; margin: 10px 10px 0px; padding-bottom: 10px;float: left;} ul#footnavbar {width: auto;} ul#footnavbar li {width: 119px; float: left; display:inline; margin-left: 0px; padding-left: 4px;} html>body ul#footnavbar li {width: 119px; float: left; display:inline; margin-left: 4px; padding-left: 4px;} ul#footnavbar li a {color: #868980;text-decoration: none; height: 1.6em;font-size: 14px; font-weight:bold; text-transform:uppercase; line-height: 1.7em;} ul#footnavbar li a:hover {color: #9a0b0f;text-decoration: none; border-bottom: 1px solid #868980; height: 1.6em;} ul#footnavbar li.home {width: 30px; float: left; display:inline; margin-right: 4px;height: auto; border-left: 0px; padding-left: 0px;} html>body ul#footnavbar li.home {width: 30px; float: left; display:inline; margin-right: 4px;height: auto; border-left: 0px; padding-left: 4px;} ul#footnavbar li.home a {display: block; width: 22px; height: 22px; background:url(/cen/_img/homeFtr.png) no-repeat 0px 0px;} ul#footnavbar li.home a:hover {display: block; width: 22px; height: 22px; background:url(/cen/_img/homeFtr.png) no-repeat 0px -22px; border-bottom: 0px;} #home ul#footnavbar li.home {width: 30px; float: left; display:inline; margin-right: 4px; height: auto; border-left: 0px;padding-left: 0px;} html>body #home ul#footnavbar li.home {width: 30px; float: left; display:inline; margin-right: 4px; height: auto; border-left: 0px;padding-left: 4px;} #home ul#footnavbar li.home a {display: block; width: 22px; height: 22px; background:url(/cen/_img/homeFtr.png) no-repeat 0px -44px;} #home ul#footnavbar li.home a:hover {display: block; width: 22px; height: 22px; background:url(/cen/_img/homeFtr.png) no-repeat 0px -22px; border-bottom: 0px;} ul#footnavbar li li {float: left; display:inline; border-left: 1px solid #999;} ul#footnavbar li li a {color: #868980;text-decoration: none; height: 1.4em;font-size: 11px; font-weight:normal; text-transform:none; line-height: 1.5em;} ul#footnavbar li li a:hover {color: #9a0b0f;text-decoration: none; border-bottom: 1px solid #868980; height: 1.6em;} /****************** * Color Pallette * ****************** red color: #9a0b0f; beige color: #978778; dark blue color: #063354; light blue color: #627d8e; grey color: #828783; light grey color: #c5cec9; light blue-grey color: #f4f6f5; *******************/