/* RI.gov, Version Seagull */ /* May 2009, Dan Chapman, Joe Alba */ /* Dedicated to Fran Segerson */ /* Contents */ /* 1. Reset CSS */ /* 2. Float Clearing */ /* 3. Overall Page Layout */ /* 4. Clouds, background */ /* 5. Left and right styles */ /* 6. Page Container and Structure */ /* 7. General page styles */ /* 8. Search Box */ /* 9. Top Nav */ /* 10. Breadcrumb Trail */ /* 11. Primary Link Content Box */ /* 12. Refine Tag List */ /* 13. Pagination */ /* 14. Results Block */ /* 15. Right Rail */ /* 16. Main Nav */ /* 17. Tabs */ /* 18. Home Page Specific */ /* 19. Slider Box */ /* 20. Media Central */ /* 21. Two Column Pages */ /* 22. Content Blocks */ /* 23. Press Page */ /* 24. Site Category Key */ /* 25. Help Widget */ /* 26. Search Results */ /* 27. About Us and Subscriber Pages */ /* 28. Quick Links / Sub Navigation */ /* 29. Subscribe Buttons */ /* 30. Splash Headers */ /* 31. Link Types */ /* 32. Fieldset */ /* 33. Spotlight */ /* 34. Share Menu */ /* 35. Accordian CSS */ /* 36. Skip Links */ /* 37. Video Ratios - A List Apart */ /* 38. Alpha / Popular Tag sort */ /* 39. Misc */ /* 40. Footer */ /*** 1. Reset CSS - Eric Meyer ***/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0;font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;} body {line-height: 1;color: black; background: #fff;} ol, ul {list-style: none;} table {border-collapse: separate; border-spacing: 0;} caption, th, td {text-align: left; font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} /*** 2. Clearing Floats - Dan Cederholm ***/ .group:after, #mainContent:after { content: "."; display: block; height: 0; clear:both; visibility: hidden; } .groupleft:after { content: "."; display: block; height: 0; clear:left; visibility: hidden; } .groupright:after { content: "."; display: block; height: 0; clear:right; visibility: hidden; } /*** 3. Overall Page Layout ***/ #contentarea { max-width: 1100px; margin: 1em auto 0 auto; min-width: 780px; } .clear {clear: both; height: 1em;} /*** 4. Clouds, background ***/ body, #midground, #foreground {margin: 0; padding: 0; font-family: helvetica, arial, sans-serif; width: 100%;} body {background:#C8E9F2 url(../img/layer1_new.png) 5% 0 no-repeat; } #midground {background: transparent url(../img/layer2.png) -10% 10% repeat-x;} #foreground {background: transparent url(../img/layer3.png) 70% 35% repeat-x;} /*** 5. Left and right styles ***/ #mainContent .left {width: 46%; float: left;} #mainContent .right {width: 46%; float: right;} /*** 6. Page Container and Structure Thanks to Alex Robertson http://www.fu2k.org/alex/css/layouts/3Col_NN4_RWS_C.mhtml ***/ #pageContainer #header h1 {margin: 0;} #pageContainer #header h1 a { display: block; background: url(../img/h1_seagull.gif) top left no-repeat; height: 100px; width: 171px; text-indent: -9999px; } #pageContainer #header h1 a:hover {background: url(../img/h1_seagullhover.gif) top left no-repeat; } #wrapper1, #wrapper2 {margin: 0; padding: 0;} #wrapper1 {clear: both;} #wrapper2 {background: url(../img/mainNav/wrapper2.gif) top left repeat-y; margin-top: 5px; } #pageHeader {margin: 0; padding: 0; max-width: 1100px; min-width: 780px;} .columns {margin: 0;padding: 0;} .leftcolumn { float: left; width: 170px; margin: 0; padding: 0; } .rightcolumn { position: static; float: right; width: 170px; margin: 0; padding: 0; } .centercolumn { margin: 0 180px;} #mainContent {float: left; width: 100%;} /*** 7. General Page Styles ***/ cite {display: block; color: #444; font-size: .85em; margin-bottom: 1.6em;} strong {font-weight: bold; display: inline; line-height: 1.25em;} #pageContainer.homepage h3 {background: url(../img/backgrounds/heading.gif) top repeat-x; } #mainContent .homewrapper {float: left; width: 100%;} iframe {border: 2px solid #ccc; margin-bottom: .5em;} a {color: #194b80;} a:hover {color: #248FB5;} h2, h3, h4 {padding: 0; font-family: Georgia, 'Times New Roman', sans-serif;} #mainContent h2 {font-size: 1.3em; font-weight: bold;} #mainContent h3 {font-size: 1.1em; font-weight: bold; margin-bottom: .1em;} #mainContent h4 {font-size: 1em; padding: .4em 0 0 0; font-weight: bold; border-bottom: 1px dotted #ccc; margin: 0 0 .3em 0;} #mainContent ul li {margin: .3em .5em .5em 1.3em; padding: .2em;} #mainContent ol {margin: 1em 0 .5em 1.5em; font-weight: bold; color: #333;} #mainContent ol li {list-style-type: decimal; font-weight: normal; padding-bottom: .5em;} table {width: 100%; border: 1px solid #ccc; margin: 0 0 1em 0; color: #333; background-color: #fff;} tr td {padding: .3em; border-bottom: 1px solid #eee; border-right: 1px solid #eee;} th {background-color: #888; color: #fff; font-weight: bold; padding: .3em; border-right: 1px solid #ccc;} .primary {border: 1px solid #eee;} /** IE Peekabo fix **/ /* peekaboo bug fix for IE7 */ #pageContainer {min-width: 0; } #pageContainer {min-width: 780px;} /*** 8. Search box ***/ #header form{ margin: 0 auto; position: absolute; top: 0; left: 36%; z-index: 50; color: #fff; height: 100px; font-size: 14px; width: 400px; padding: 0; background: url(../img/search/search_background.png) left no-repeat; } #header input#gobutton {margin: 39px 5px 5px 0;} #header label span{background: red; display: block; margin-left: -9999px; float: left; width: 300px;} #header input#search { border: 1px solid #ccc; font-size: 13px; font-weight: normal; width: 303px; padding: 3px; margin: 39px 3px 5px 10px; color: #555; } input#search:focus {color: #003a67;} .widgets { float: right; font-size: .8em; margin: 0; color: #bbb; cursor: pointer; text-decoration: none; padding-right: .5em; } .widgets a {text-decoration: none; color: #003a67;} .widgets a:hover { text-decoration: underline;} a.normalvis {display: none;} /*** 9. Top Navigation Bar ***/ #topNav {width: 99%; background: #fff url(../img/navbar/background.gif) bottom left repeat-x; margin-bottom: .75em; font-size: .75em; border: 1px solid #fff;} #topNav .helplinks a {display: block; text-decoration: none; padding: .4em 1em .4em 30px; float: left; display: block; border-left: 1px solid #eee; color: #333; height: 2em;} #topNav .helplinks a.first {border-left: none;} #topNav .helplinks a:hover {color: #003a67;} #topNav .helplinks a em, #pageContainer #topNav .helplinks a span {display: block; font-style: normal;} #topNav .helplinks a img {display: block; overflow: hidden;} .helplinks a.spanish {background: url(../img/navbar/espanol.gif) 5% 25% no-repeat;} .helplinks a.spanish:hover {background: rgba(0,0,0,.1) url(../img/navbar/espanol_hover.gif) 5% 25% no-repeat;} .helplinks a.phonebook {background: url(../img/navbar/phonebook.gif) 5% 25% no-repeat;} .helplinks a.phonebook:hover {background: rgba(0,0,0,.1) url(../img/navbar/phonebook_hover.gif) 5% 25% no-repeat;} .helplinks a.askri {background: url(../img/navbar/ask.gif) 5% 25% no-repeat;} .helplinks a.askri:hover {background: rgba(0,0,0,.1) url(../img/navbar/ask_hover.gif) 5% 25% no-repeat;} .helplinks a.twooneone {background: url(../img/navbar/211.gif) 5% 25% no-repeat;} .helplinks a.twooneone:hover {background: rgba(0,0,0,.1) url(../img/navbar/211_hover.gif) 5% 25% no-repeat; } .helplinks a.fiveoneone {background: transparent url(../img/navbar/511.gif) 5% 25% no-repeat;} .helplinks a.fiveoneone:hover {background: rgba(0,0,0,.1) url(../img/navbar/511_hover.gif) 5% 25% no-repeat;} .helplinks a.help {background: url(../img/navbar/help.gif) 5% 25% no-repeat;} .helplinks a.help:hover {background: rgba(0,0,0,.1) url(../img/navbar/help_hover.gif) 5% 25% no-repeat;} .helplinks a.atoz {background: url(../img/navbar/az.gif) 5% 25% no-repeat;} .helplinks a.atoz:hover {background: rgba(0,0,0,.1) url(../img/navbar/az_hover.gif) 5% 25% no-repeat;} .toolbar {float: right; margin-top: 6px;} .toolbar a { margin-right: 1em; text-decoration: none; height: 2em;} a.textbuttonbigger {font-size: 1.3em; font-weight: bold; cursor: pointer;} a.textbuttonsmaller {font-weight: bold; margin: 0 .3em 0 1em; cursor: pointer;} /*** 10. Breadcrumb ***/ .breadCrumb { font-size: .8em; margin: 0 .5em .6em 0; color: #333; padding: .3em 0; } .breadCrumb a { text-decoration: none; margin: .2em 0; padding: .3em 20px .3em .5em; background: #fff url(../img/breadcrumb/breadcrumbarrow.gif) 100% 40% no-repeat; } .breadCrumb a.last {background: #fff url(../img/breadcrumb/last.gif) 100% 40% no-repeat;} .breadCrumb a:hover {color: #FE6D4C;} /*** 11. Primary Link Content Box ***/ .linkblock {background: #fff; padding: .5em; overflow: hidden;} .linkblock .results {margin-left: 13.5em; border-left: 1px solid #ccc; padding: 0;} .linkblock dl dt em{font-weight: bold; padding: 0 0 1.5em 0;} .linkblock h3 {background: none;} .results h2 {font-size: 1.1em; margin-bottom: .3em; padding: 0 .3em .3em .3em; color: #333; border-bottom: 1px solid #ccc;} .results h2 em, #mainContent .results h3 em {font-weight: bold; color: #4D5357;} #pageContainer #mainContent .linkblock .results dl{ border: none; padding: 0 0 1.1em .5em; border-bottom: 1px solid #E6E6E6; margin: .3em 2% .5em 0; } /*** 12. Refine Tag List ***/ .refine {float: left; width: 12.8em; padding: 0; border: 1px solid #fff; background: #F5F5F5; } .refine h3 {color: #FE6D4C; margin: 0; padding: .3em; font-weight: bold; display: inline; float: left; } .refine ul {padding: .6em 0em 0 0; font-size: .9em; clear: both;} #mainContent .refine ul li {margin: 0;} #mainContent .refine ul li a {cursor: pointer; text-decoration: none; display: block; position: relative; border-bottom: 1px solid #ddd; color: #222; overflow: hidden; padding-bottom: .3em; font-size: .95em;} #mainContent .refine ul li.first {border-top: 1px solid #ddd; padding-top: .2em;} #mainContent .refine ul li a span{float: left; text-decoration: underline; } #mainContent .refine ul li a em { position: absolute; top: 0; right: 0; float: right; text-decoration: none; background-color: #F5F5F5; padding: 0; color: #666666; } #mainContent .refine ul li a:hover {color: #003a67;} #pageContainer #mainContent .refine ul li a:hover em {color: #003a67;} /*** 13. Pagination ***/ .pagination { border-top: 1px solid #ccc; font-family: Georgia, 'Times New Roman', serif; font-weight: normal; font-style: italic; color: #333; padding: .5em 0 0 0; margin: 0; width: 94%; float: left; } .pagination.top {border-top: 0px solid #fff; border-bottom: 1px solid #ccc; margin-bottom: .5em; padding: .3em;} .pagination div {font-weight: normal; text-align: left; font-size: .85em; padding: 0 .3em .6em .4em; float: left; width: 30%; } .pagination ul {float: right; text-align: right; display: inline; margin: 0; padding: 0;} #pageContainer #mainContent .pagination ul li {display: inline; float: left; margin: 0 0 0 .3em; padding: 0; text-align: right;} #pageContainer #mainContent .pagination ul li a {font-family: Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; margin: 0; background-color: #eee; color: #333; padding: .1em .3em; float: left; width: auto; display: inline; } #pageContainer #mainContent .pagination ul li a.next, #pageContainer #mainContent .pagination ul li a.previous {color: #003a67; background: none; border: none; margin: 0 0 .3em 0;} #pageContainer #mainContent .pagination ul li a.next:hover, #pageContainer #mainContent .pagination ul li a.previous:hover {background: #eee;} #pageContainer #mainContent .pagination li a:hover {background-color: #ccc;} #pageContainer #mainContent .pagination li a.current {background-color: #777; color: #fff;} #pageContainer #mainContent .pagination a.current {background-color: #777; color: #fff;} #pageContainer #mainContent .pagination a:hover {background-color: #ccc;} #pageContainer #mainContent .pagination ul li a.next {float: none;} #pageContainer #mainContent .pagination ul li a:hover.next {color: #333;} #pageContainer #mainContent .pagination a.previous{float: left; background-color: #fff; padding: .3em; border: 1px solid #def; } #pageContainer #mainContent .pagination a.next{float: right; background-color: #fff; padding: .3em; border: 1px solid #def;} #pageContainer #mainContent .pagination strong {margin: 0 0 1em 0; font-style: normal; display: block;} .pagination em {font-style: italic;} #mainContent .pageNav { color: #194b80; line-height: 2.3em; margin: 1em 0 1em 0; font-size: .9em; font-weight: bold; word-spacing: 0.6em; text-align: center; } #pageContainer #mainContent .pageNav .nextButton, #mainContent .pageNav .backButton { word-spacing: 0; padding: .3em; margin: 0; } #mainContent .pageNav .backButton { margin-right: 2em; float: left; padding-bottom: .2em; } #mainContent .pageNav .nextButton { float: right; margin: 0 0 2em 2em; border: 0; } #mainContent .pageNav .backButton a, #mainContent .pageNav .nextButton a { color: #003a67; text-decoration: none; background-color: #fff; padding: .2em; } #mainContent .pageNav .backButton a:hover, #mainContent .pageNav .nextButton a:hover { color: #fff; text-decoration: none; background-color: #999; } .presspage {color: #333; font-size: .9em; margin: .4em 0;} #mainContent .pageNav a {background: #fff; padding: .1em .4em; text-decoration: none; font-weight: normal;} #mainContent .pageNav a:hover {background: #194b80; color: #fff;} /*** 14. Results Block ***/ .results dt a{font-weight: bold; padding: 0 1em .1em 0;} .results dd {padding: 0;} .results dd a {margin: 0 .2em;} .results dd.tags {display: block; font-style: italic; font-family: Georgia, 'Times New Roman', serif; color: #333; font-size: .85em;} .results dd.tags a{ font-style: normal; font-family: Helvetica, Arial, sans-serif; color: #333; background-color: #efefef; padding: .1em .3em; text-decoration: underline; line-height: 1.7em; } .results dd.tags a:hover {background-color: #ddd;} .results dd.description {font-size: .8em; color: #444; line-height: 1.2em; margin: .2em 0 .4em;} .results dd.quickview {padding: 1.2em 0; text-align: left;} .results dd.linktype { width: auto; text-align: right; font-size: .8em; font-weight: bold; margin-bottom: 1em } .results dd.link {font-size: 0.75em; color: #3690bd; padding: .2em 0 .1em;} /*** 15. Right Rail ***/ #rightRail { line-height: 1.2em; float: right; width: 166px; font-size: .8em; } #rightRail img {margin-bottom: 1em;} #rightRail ul li { list-style-type: none; color: #003a67; padding: 0 0 .5em 0; margin: 0; } .sidebarContent {margin-top: 2.2em;} #pageContainer.services .sidebarContent, #pageContainer.government .sidebarContent, #pageContainer.business .sidebarContent, #pageContainer.resident .sidebarContent, #pageContainer.visit .sidebarContent, #pageContainer.phonebook .sidebarContent, #pageContainer.information .sidebarContent, #pageContainer.towns .sidebarContent, #pageContainer.rss .sidebarContent, #pageContainer.calendar .sidebarContent {margin-top: 5.9em;} #pageContainer.guide .sidebarContent, #pageContainer.blogs .sidebarContent, #pageContainer.newsroom .sidebarContent {margin-top: 7em;} #pageContainer.photos .sidebarContent {margin-top: 6em;} #pageContainer.press .sidebarContent, #pageContainer.socialmedia .sidebarContent {margin-top: 8em;} .sidebarContent .content { background-color: #fff; border-width: 0 2px 2px 2px; border-style: solid; border-color: #cdcdcd; margin: 0 auto 1em auto; padding: 0 .3em .5em .3em; color: #333; width: 148px; } .sidebarContent .content .rssheadline {overflow: hidden;} #rightRail .sidebarContent h1, #rightRail #mediaCentral h1, #rightRail .sidebarContent h2, #rightRail #mediaCentral h2 { background: none; border-width: 2px 2px 0 2px; border-color: #cdcdcd; border-style: solid; background-image: none; background: #fff url(../img/contentheaders/grayfade.gif) top left repeat-x; padding: .3em .3em; font-family: Georgia, 'Times New Roman', serif; font-weight: bold; color: #333; font-size: 1.2em; line-height: 1.2em; width: 146px; margin: 0 auto; } #pageContainer #rightRail .sidebarContent h1 .tweet {color: #33CCFF;} #pageContainer #rightRail .sidebarContent h1 .youtube {color: #EF1F1F;} #rightRail .sidebarContent .content ul li a{padding: .1em 0em; font-weight: normal;} #rightRail .sidebarContent .content p {padding: 0; margin: 0;} #pageContainer #rightRail .sidebarContent h1 a {text-decoration: none; color: #555;} img.marketingblock {text-align: right; padding: 0 .35em;} /*** 16. Main Nav ***/ #mainNav { color: #fff; background: url(../img/mainNav/background.gif) top left repeat-x; padding: .7em 0 0 0; margin: 0; font-size: .95em; width: 170px; } #mainNav ul li a { color: #fff; display: block; text-align: left; margin: 0; background: url(../img/mainNav/arrow1.gif) center left no-repeat; text-decoration: none; line-height: 1.3em; padding: 3px 0px 5px 23px; } #pageContainer #mainNav li div a span {color: #fff;} #pageContainer.home #mainNav li.home a span,#pageContainer.services #mainNav li.services a span,#pageContainer.guide #mainNav li.home a span,#pageContainer.government #mainNav li.government a span,#pageContainer.resident #mainNav li.resident a span,#pageContainer.business #mainNav ul li.business a span,#pageContainer.visit #mainNav li.visit a span,#pageContainer.towns #mainNav li.towns a span,#pageContainer.information #mainNav li.information a span,#pageContainer.help #mainNav li.help a span {color: #194B80; background-image: none;} #pageContainer #mainNav ul li a:hover {color: #f70; background: url(../img/mainNav/arrow2.gif) left no-repeat; text-decoration: none; } #pageContainer.home #mainNav li.home a, #pageContainer.home #mainNav li.home a:hover, #pageContainer.services #mainNav li.services a, #pageContainer.services #mainNav li.services a:hover, #pageContainer.guide #mainNav li.home a, #pageContainer.guide #mainNav li.home a:hover, #pageContainer.government #mainNav li.government a, #pageContainer.government #mainNav li.government a:hover, #pageContainer.resident #mainNav li.resident a, #pageContainer.resident #mainNav li.resident a:hover, #pageContainer.business #mainNav li.business a, #pageContainer.business #mainNav li.business a:hover, #pageContainer.visit #mainNav li.visit a, #pageContainer.visit #mainNav li.visit a:hover, #pageContainer.towns #mainNav li.towns a, #pageContainer.towns #mainNav li.towns a:hover, #pageContainer.information #mainNav li.information a, #pageContainer.information #mainNav li.information a:hover, #pageContainer.help #mainNav li.help a, #pageContainer.help #mainNav li.help a:hover, #mainNav a.navSelected, #mainNav a.navSelected:hover {color: #194B80;background: url(../img/mainNav/arrowon.gif) left no-repeat;} #pageContainer.home #mainNav li.home, #pageContainer.services #mainNav li.services , #pageContainer.guide #mainNav li.home , #pageContainer.government #mainNav li.government, #pageContainer.resident #mainNav li.resident , #pageContainer.business #mainNav li.business , #pageContainer.visit #mainNav li.visit , #pageContainer.towns #mainNav li.towns, #pageContainer.information #mainNav li.information , #pageContainer.help #mainNav li.help {background: #16598B url(../img/mainNav/top.gif) top left no-repeat;} #pageContainer.home #mainNav li.home div, #pageContainer.services #mainNav li.services div, #pageContainer.guide #mainNav li.home div, #pageContainer.government #mainNav li.government div, #pageContainer.resident #mainNav li.resident div, #pageContainer.business #mainNav li.business div, #pageContainer.visit #mainNav li.visit div, #pageContainer.towns #mainNav li.towns div, #pageContainer.information #mainNav li.information div, #pageContainer.help #mainNav li.help div {background: url(../img/mainNav/bottom.gif) bottom left no-repeat;} #mainNav li, #mainNav ul {list-style-type: none; margin: 0; padding: 0;} /*** 17. Tabs ***/ .tabContent dt .unselected a:hover {background: #BDBDBD; color: #fff;} ul.tabs .selected a:hover {background: #D9EFF3; color: #003a67; } .defaultHiddenTab {position: absolute; left: -9999px;} dl.tabContent dt { margin-left: 0; font-size: .85em; font-weight: normal; } #mainContent li#tabBox dl.tabContent dl {padding: 1em 0 .5em 0;} #pageContainer.services .tabNav a{ margin: 0; } #pageContainer #mainContent li#tabBox {float: right; width: 48.5%; margin: 0 0 .75em 0; background: none; border: none;} .tabNav {background: none; margin-top: .5em;} #mainContent .tabNav a{margin: 0 .3em 0em 0; padding: .3em; font-size: .9em; background-color: #efefef; color: #444; text-decoration: none;} #mainContent .tabNav a.selected {color: #222; background-color: #fff;} #mainContent .tabNav a:hover {background: #ddd;} #mainContent .tabNav a.selected:hover {background: #fff;} #mainContent #tabBox dl.tabContent {border: 2px solid #fff; padding-top: .4em; margin-bottom: .1em; background: #fff url(../img/governmentbox/seal.gif) bottom right no-repeat; margin-top: .3em;} #mainContent #tabBox dl.tabContent.governor {background: #fff url(../img/governmentbox/governor.jpg) bottom right no-repeat; } #mainContent #tabBox dl.tabContent.governor blockquote {font-size: .9em; padding: .6em;} #mainContent #tabBox dl.tabContent.legislature {background: #fff url(../img/governmentbox/legislature.jpg) bottom right no-repeat;} #mainContent #tabBox dl.tabContent.judiciary {background: #fff url(../img/governmentbox/judiciary.jpg) bottom right no-repeat;} #mainContent #tabBox dl.tabContent dd {padding: .2em 105px .2em .3em;} #pageContainer #mainContent.homepage li#tabBox dl.tabContent dd a {font-size: .9em; background: url(../img/lists/triangle.gif) center left no-repeat; padding-left: 10px; } #pageContainer.homepage #mainContent #tabBox dl.tabContent.governor dd a {line-height: 1.2em;} dl.tabContent blockquote {text-indent: -0.45em; padding: .9em;} /*** 18. Home Page Specific ***/ #mainContent.homepage ul li { display: block; background-color: #fff; margin: .5em 0; padding: .2em; font-size: .9em; border: 2px solid #fff; } #pageContainer #mainContent.homepage ul li p {padding: .2em 0;} #pageContainer.home ul li ul li {margin: 0; width: auto; padding: 0; background: none; border: none;} #pageContainer.home ul li ul li span{display: block; font-family: Georgia, 'Times New Roman', serif; padding: .3em 0;} #mainContent.homepage ul li h3 { font-family: Georgia, 'Times New Roman', sans-serif; font-weight: bold; font-size: 1.2em; color: #194b80; padding: .2em .1em .8em .1em; } #mainContent.homepage ul.leftlist {float: left; width: 48%; display: block;} #mainContent.homepage ul.rightlist {width: 48%; display: block; float: right;} #mainContent.homepage ul li.toppicks {width: 47%; float: left;} #mainContent.homepage ul li.toppicks h3 {color: #FE6D4C;} #mainContent.homepage ul li.toppicks ul li a {line-height: 1.6em;} #pageContainer #mainContent.homepage ul li.toppicks ul li, #pageContainer #mainContent.homepage ul li.alerts ul li, #pageContainer #mainContent.homepage ul li.green ul li {list-style-type: none; background: url(../img/lists/triangle.gif) center left no-repeat; padding: 0 0 0 13px; } #pageContainer #mainContent.homepage ul li.alerts ul li {padding: .3em 0 .3em 13px;} #mainContent.homepage ul li.topnews {clear: both; background-color: #57B6DD; color: #fff; margin-top: 0; } #mainContent.homepage ul li.topnews a {color: #fff; text-decoration: none; font-weight: bold;} #mainContent.homepage ul li.topnews a:hover {color: #def;} #mainContent.homepage ul li.topnews a:visited {color: #fff;} #mainContent.homepage ul li.topnews.recovery a {background: url(../img/topnews/recovery.gif) left no-repeat; padding-left: 38px; } #mainContent.homepage ul li.topnews.transparency a {background: url(../img/topnews/transparency.gif) left no-repeat; padding-left: 20px; } #mainContent.homepage ul li.topnews.alert {background: #FD7454;} #mainContent.homepage ul li.topnews.alert a:hover {color: #FDFAEB;} #mainContent.homepage ul li.onlineservices {border: 4px solid #fff; width: 47%; background: #194B80 url(../img/backgrounds/services.gif) top right repeat-x; float: left; color: #fff; height: 8.4em;} #mainContent.homepage ul li.onlineservices h3 {color: #fff; background: none;} #mainContent.homepage ul li.onlineservices ul {margin-top: .2em;} #mainContent.homepage ul li.onlineservices ul li a { color: #fff; text-decoration: none; padding: .2em; margin-left: 0; margin-top: .3em; width: 97%; display: block; font-size: 1.1em; } ul li.highlights {width: 48%; float: right; color: #333; font-size: 1.2em; } ul li.highlights ul li a {display: inline; padding: .3em .2em; color: #222;} ul li.highlights ul li#highlightone, #mainContent.homepage ul li.highlights ul li#highlighttwo, #mainContent.homepage ul li.highlights ul li#highlightthree {padding: .5em; height: 9.5em;} ul li.highlights ul li#highlightone {background: #FBC145 url(../img/backgrounds/highlights.gif) top right repeat-x;} ul li.highlights ul li#highlighttwo {background: #FBC145 url(../img/backgrounds/highlight_recovery.gif) top right repeat-x;} ul li.highlights ul li#highlightthree {background: #FBC145 url(../img/backgrounds/highlights_blank.gif) top right repeat-x;} #pageContainer.homepage #mainContent ul li.highlights ul li p {padding: .2em .4em;} #pageContainer #mainContent.homepage ul li.highlights h3 {color: #333; background: none; padding: .3em; margin-bottom: 1em;} ul li.highlights ul li#highlighttwo p a {color: #333;} ul li.communitygroups {float: left; width: 47.5%; height: 9.2em; clear: both; background: #fff url(../img/backgrounds/communitygroups.gif) bottom right no-repeat;} ul li.communitygroups a {color: #003a67; text-decoration: none; margin: .3em 0; display: block; padding: .2em; font-size: 1em; } #mainContent.homepage ul li a.more{font-weight: bold; font-style: italic;} #mainContent.homepage ul li.green {float: right; width: 22%; height: 9.2em; overflow: hidden; background: #fff url(../img/headers/green.gif) 98% 48% no-repeat;} #mainContent.homepage ul li.green h3 {color: #056839;} #mainContent.homepage ul li.green ul li {line-height: 1.6em;} #mainContent.homepage ul li.photographs {float: right; width: 22%; margin-right: 2.9%; height: 9.2em; overflow: hidden; background: #fff url(../img/backgrounds/photori.gif) -10% 90% no-repeat;} #mainContent.homepage ul li.photographs a img {border: 2px solid #ddd;} #mainContent.homepage ul li.news {clear: both; float: left; width: 47.5%; margin-bottom: 2em; font-size: .9em;} #mainContent.homepage ul li.news .rsspubdate {color: #555; display: block; font-family: Georgia, 'Times New Roman', serif; padding: .6em 0 .3em 0; margin-top: 0em;} ul li.news ul li {margin: .3em 0;} .homepage ul li.news ul li a {font-weight: bold; line-height: 1.5em;} ul li.news a.more {margin-top: 1em; line-height: 2em; } #mainContent.homepage ul li.media h3 {color: #FF6600;} ul li.media {width: 22%; float: right;} ul li.media ul li {padding: 0; margin: 0; } #pageContainer.homepage ul li.media ul li a{padding: 5px 3px 5px 20px; display: block; margin: 0; text-decoration: none; border-bottom: 1px solid #efefef;} #pageContainer.homepage ul li.media ul li a.last {border-bottom: none;} #pageContainer.homepage ul li.media ul li a:hover{background-color: #efefef;} #mainContent.homepage ul li.calendar {width: 22%; margin-right: 2.9%; float: right;} #mainContent.homepage ul li.calendar h3 {color: #006600;} #pageContainer #mainContent.homepage ul li.calendar .pubdate {padding: .4em 0; } #mainContent.homepage ul li.alerts {width: 22%; float: right; margin-right: 2.9%;} #mainContent.homepage ul li.alerts h3 {color: #990000;} #mainContent.homepage ul li.communitygroups h3 {color: #248FB5; margin: 0;} /*** 19. Slider Box ***/ .sliderboxNav a{ font-weight: bold; text-decoration: none; background-color: #ccc; padding: 0 .3em; color: #fff; } .sliderboxNav div.sliderboxNavMain{ position: absolute; right: 4px; top: 4px; z-index: 2; } .sliderboxNav div.progress_box{ float:right; margin-right: 10px; } .sliderboxNav div.progress_box div { float:right; vertical-align: bottom; padding-top: .2em; position: absolute; top: .3em; right: 8em; } .sliderboxNav div.sliderboxNavMain a.active_icon {font-weight:bold; color: #8CCADF;} #new_slide { padding: 0;} #pageContainer #mainContent #trans_slide ul li {width: 100%; margin: 0 0 1em 0; padding: 1em;} #pageContainer #mainContent #trans_slide ul li h3 {padding: .8em .3em; color: #003a67; font-size: 1.2em;} #pageContainer #mainContent #trans_slide ul li p {padding: 0 .5em; font-size: .9em;} #pageContainer #mainContent #trans_slide ul li #containingBlock h3 {padding: .5em 0;} /*** 20. Media Central ***/ ul li.rss a {background: url(../img/icons/rss.gif) left no-repeat;} ul li.press a {background: url(../img/icons/press.gif) left no-repeat; font-family: arial, Helvetica, sans-serif; font-weight: normal;} ul li.newsletters a {background: url(../img/icons/newsletters.gif) left no-repeat;} ul li.newsroom a {background: url(../img/icons/newsroom.gif) left no-repeat;} ul li.calendars a {background: url(../img/icons/calendars.gif) left no-repeat;} ul li.podcasts a {background: url(../img/icons/podcasts.gif) left no-repeat;} ul li.photos a {background: url(../img/icons/photos.gif) left no-repeat;} ul li.edemocracy a {background: url(../img/icons/edemocracy.gif) left no-repeat;} ul li.blogs a {background: url(../img/icons/blog.gif) left no-repeat;} ul li.video a {background: url(../img/icons/video.gif) left no-repeat;} ul li.social a {background: url(../img/icons/social.gif) left no-repeat;} #pageContainer.rss ul li.rss a, #pageContainer.press ul li.press a, #pageContainer.newsletters ul li.newsletters a, #pageContainer.newsroom ul li.newsroom a, #pageContainer.calendar ul li.calendars a, #pageContainer.photos ul li.photos a, #pageContainer.podcasts ul li.podcasts a, #pageContainer.edemocracy ul li.edemocracy a, #pageContainer.blogs ul li.blogs a, #pageContainer.video ul li.video a, #pageContainer.socialmedia ul li.social a {font-weight: bold; background-color:#eee; } #mediaCentral ul li, #rightRail .communities ul li {padding: 0; margin: 0;} #rightRail #mediaCentral ul li a{padding: 3px 0 3px 20px; margin: 0; display: block; text-decoration: none; border-top: 1px solid #eee;} #rightRail .communities ul li a {padding: 3px 0; margin: 0; display: block; text-decoration: none; border-bottom: 1px solid #eee;} #rightRail #mediaCentral ul li a:hover, #rightRail .communities ul li a:hover {background-color: #ddd;} /*** 21. Two Column Pages ***/ #pageContainer.homepage .rightcolumn, #pageContainer.aid .rightcolumn, #pageContainer.seniors .rightcolumn, #pageContainer.resource .rightcolumn, #pageContainer.rssfeeds .rightcolumn, #pageContainer.toolbox .rightcolumn, #pageContainer.clipart .rightcolumn, #pageContainer.calendars .rightcolumn, #pageContainer.microformats .rightcolumn, #pageContainer.code .rightcolumn, #pageContainer.standards .rightcolumn, #pageContainer.search .rightcolumn, #pageContainer.help .rightcolumn, #pageContainer.policies .rightcolumn, #pageContainer.kids .columns .rightcolumn, #pageContainer.enespanol .rightcolumn, #pageContainer.maps .columns .rightcolumn, #pageContainer.accessability .rightcolumn, #pageContainer.subscriber .rightcolumn, #pageContainer.teens .rightcolumn { display: none; margin: 0; padding: 0; } #pageContainer.homepage .centercolumn, #pageContainer.aid .centercolumn, #pageContainer.seniors .centercolumn, #pageContainer.resource .centercolumn, #pageContainer.rssfeeds .centercolumn, #pageContainer.toolbox .centercolumn, #pageContainer.standards .centercolumn, #pageContainer.clipart .centercolumn, #pageContainer.calendars .centercolumn, #pageContainer.microformats .centercolumn, #pageContainer.code .centercolumn, #pageContainer.search .centercolumn, #pageContainer.help .centercolumn, #pageContainer.policies .centercolumn, #pageContainer.kids .centercolumn, #pageContainer.enespanol .centercolumn, #pageContainer.maps .centercolumn, #pageContainer.accessability .centercolumn, #pageContainer.subscriber .centercolumn, #pageContainer.teens .centercolumn { margin-right: 0; padding-right: 6px; } #pageContainer.homepage #wrapper1, #pageContainer.aid #wrapper1, #pageContainer.seniors #wrapper1, #pageContainer.resource #wrapper1, #pageContainer.rssfeeds #wrapper1, #pageContainer.toolbox #wrapper1, #pageContainer.standards #wrapper1, #pageContainer.clipart #wrapper1, #pageContainer.calendars #wrapper1, #pageContainer.microformats #wrapper1, #pageContainer.code #wrapper1, #pageContainer.search #wrapper1, #pageContainer.help #wrapper1, #pageContainer.policies #wrapper1, #pageContainer.kids #wrapper1, #pageContainer.enespanol #wrapper1, #pageContainer.maps #wrapper1, #pageContainer.accessability #wrapper1, #pageContainer.subscriber #wrapper1, #pageContainer.teen #wrapper1 { background: transparent; background-image: none; } /*** 22. Content Blocks ***/ #mainContent .lightblueContent, #mainContent .linkContent, #mainContent .darkblueContent, #mainContent .blueContent, #mainContent .lightgreyContent, #mainContent .tagContent, #mainContent .contentbox, #mainContent .pressContent { background: #fff; color: #003a67; font-size: .9em; line-height: 1.3em; border: 1px solid #eee; padding: .4em; margin: 0 0 1em 0; } #pageContainer.green #mainContent .contentbox h3 {background: #fff url(../img/backgrounds/greenheader.gif) bottom left repeat-x; color: #056839;} #pageContainer.socialmedia #mainContent .contentbox ul li {list-style-type: none; margin-left: 0em;} #pageContainer.socialmedia #mainContent .contentbox h3 {font-weight: normal;} #pageContainer.socialmedia #mainContent .contentbox h3 em {font-weight: bold;} .contentbox .related {float: right; width: 305px; background-color: #eee; font-size: .9em; padding: .5em; } .contentbox .related a {font-weight: normal; background: none; padding: .4em 0;} #mainContent .servicesContent ul li, #mainContent .lightblueContent ul li, #mainContent .lightgreyContent ul li, #mainContent .darkblueContent ul li, #mainContent .pressContent ul li, #mainContent .contentbox ul li {list-style-type: circle;} #mainContent .pressContent {line-height: 1.4em;} #mainContent .pressContent .content:first-letter {float: left; font-size: 400%; line-height: 1; padding: 0; font-family: Georgia, 'Times New Roman', serif; margin-right: 0; color: #444; padding-right: .1em;} #mainContent .pressContent ul li {font-size: .9em;} .pressContent h3 {line-height: 1.25em; border-bottom: 1px dotted #ccc; margin: 0 105px 1em 1em; padding: 0 2em;} #mainContent .pressContent .content {margin-top: 1em; columns: 2; padding: 0 1em;} a.az {padding: .5em .2em; font-weight: normal; color: #fff; text-decoration: none; margin: 0; background-color: #248FB5; display: block; border: 1px solid #ccc;} a.az:hover {background-color: #003a67; color: #fff;} .lightblueContent p, .contentbox p {padding: 0 0 .8em 0; line-height: 1.4em;} .lightblueContent h1, .darkblueContent h1, .lightblueContent h3, .contentbox h3, .lightblueContent h2, .darkblueContent h3, .linkContent h3 { background: url(../img/contentheaders/bluefade.gif) top left repeat-x; color: #003051; padding: .1em .1em .5em .1em; font-family:Georgia, "Times New Roman", Times, serif; font-weight: bold; } .lightblueContent em {font-style: normal;} .related.tweet {background: url(../img/headers/twitterheader.gif) top right no-repeat;} .related h4 {border-bottom: none;} .linkContent h3 {font-weight: normal; font-size: 1.2em;} .lightgreyContent h1, .lightgreyContent h3 { background: #fff url(../img/contentheaders/grayfade.gif) top left repeat-x; } /*** 23. Press Page ***/ #pageContainer.press #mainContent .pressContent.home { padding-bottom: 1.3em; } #pageContainer.press #mainContent .pressContent h3 {padding: .5em 100px 1em 0; font-size: 1.3em;} #pageContainer #mainContent .pressContent p {padding: 0 100px 1em 0; color: #333; } #pageContainer.press #mainContent .pressContent img { padding: .2em; margin: .2em; float: right;} #pageContainer.press #mainContent .rsspubdate, .pubdate, #pageContainer.calendar #mainContent .rsspubdate, .pubdate {padding-top: 1.5em; color: #333; font-family: Georgia, 'Times New Roman', serif;} #pageContainer.press #mainContent .rssheadline a, #pageContainer.calendar #mainContent .rssheadline a {font-family: Georgia, 'Times New Roman', serif; font-weight: bold; margin-bottom: 1em; font-size: .9em; line-height: 1.4em;} #pageContainer.calendar #mainContent .rsspubdate, .pubdate {padding-top: 0em;} #pageContainer.calendar .lightblueContent.right div {font-size: .95em; color: #444;} #pageContainer.calendar #mainContent .lightblueContent.right a {font-weight: bold; font-family: Georgia, 'Times New Roman', serif;} .rssheadline {margin-bottom: .5em;} /*** 24. Site Category Key ***/ .siteCategory { font-size: 9px; color: #FFF; margin: 0; padding: .2em; } .siteCategoryKey { margin: .7em; padding: .3em .1em; font-size: .8em; color: #003a67; line-height: 1.3em; } .siteCategory .E, #mainContent dd.linktype.E, .siteCategory .F, #mainContent dd.linktype.F, .siteCategory .G, #mainContent dd.linktype.G, .siteCategory .M, #mainContent dd.linktype.M, .siteCategory .P, #mainContent dd.linktype.P, .siteCategory .Q, #mainContent dd.linktype.Q {padding: 1px 2px 1px 2px; display: inline; color: #fff;} .siteCategory .E, #mainContent dd.linktype.E {background-color: #62AC1E;} .siteCategory .F, #mainContent dd.linktype.F {background-color: #0B1560;} .siteCategory .G, #mainContent dd.linktype.G {background-color: #66A8CC;} .siteCategory .M, #mainContent dd.linktype.M {background-color: #914000;} .siteCategory .P, #mainContent dd.linktype.P {background-color: #F60;} .siteCategory .Q, #mainContent dd.linktype.Q {background-color: #8B50A4;} .results dd.linktype {float: right; color: #fff; margin: 0 0 2em 0;} .linkDescription {color: #444; padding-left: 20px; font-size: .9em;} .top a {float: right; font-size: 0.9em;} /*** 25. Help Widget ***/ #mainContent .results .open, #mainContent .results .close {padding: .3em; font-size: .7em; font-weight: bold; text-align: left;} #mainContent .results .open a, #mainContent .results .close a {background: #248EB5; padding: .2em; text-decoration: none; color: #fff; margin: .3em .3em .6em .3em;} #mainContent .results .close { margin-top: 1em; text-align: right;} #mainContent .results .close a {font-size: 1.2em;} .helpbox {line-height: 1.4em; background: #F9F1C3 url(../img/topnav/background.gif) top left repeat-x; border: 1px solid #eee; padding: .5em; font-size: .8em; margin: .3em; color: #222;} #mainContent .helpbox img {margin: 0 0 0 5px; padding: 0; float: right;} #mainContent .helpbox h3 {font-size: 1.1em; line-height: 1.7em; padding-top: 0; font-family: Helvetica, Arial, sans-serif; color: #003a67; border-bottom: none;} #mainContent .helpbox h4 {padding-top: 1.4em; border-bottom: none;font-family: Helvetica, Arial, sans-serif; color: #003a67;} #pageContainer #mainContent .helpbox em {color: #FD6E4D; font-family: Geneva, 'Times New Roman', serif; font-weight: bold;} /*** 26. Search Results ***/ #pageContainer.search #mainContent .blueContent h1 { border-bottom: 1px solid #003a67; background-image: none; background-color: transparent; margin: 3px 5px; color: #003a67; } #pageContainer.search #mainContent .darkblueContent span.searchresults {font-size: 0.85em; float: right; font-weight: normal; color: #444; padding: .2em;} #pageContainer.search #mainContent .blueContent ul li {margin-left: 1.2em;} #pageContainer.search #mainContent .blueContent ul li a {font-weight: bold;} #mainContent .smartSearch h1 span {background: url(../img/smartsearchIcon.gif) top left no-repeat;} #mainContent .smartsearch { background: #fff url(../img/backgrounds/smartsearch.gif) top left repeat-x; padding: .2em; margin: 1em 0; border: 3px solid #fff; font-size: 1em; } #mainContent .smartsearch .results dl {margin-bottom: 1.6em;} #mainContent .smartsearch h2 { background: url(../img/icons/smartsearch.gif) left no-repeat; padding-left: 20px; color: #003a67; margin-bottom: 1em; border-bottom: none; } #mainContent .smartsearch dl { margin: 0 0 .5em 1.4em; } #mainContent .phonebook { background: #fff url(../img/grayFade.gif) top left repeat-x; padding: .2em; margin: 1em 0; border: 3px solid #fff; color: #003a67; } #mainContent .phonebook h2 { padding-left: 20px; margin-bottom: 1em; } #mainContent .phonebook a.phone { font-size: 1em; color: green; text-decoration: none; } #mainContent .phonebook a.phone:hover { text-decoration: underline; background: none; } #mainContent .phonebook ul li {margin-bottom: 1.5em;} #pageContainer.phonebook #mainContent img.go {border: none;} #pageContainer.phonebook #mainContent h4 {font-weight: normal; margin: 0 0 .5em .2em;} /*** 27. About Us and Subscriber Pages ***/ #pageContainer.about #mainContent .lightblueContent h1, .lightblueContent h1 {padding-left: 12em;} #pageContainer.about #mainContent .lightblueContent h4, #pageContainer.subscriber #mainContent .lightblueContent h4 {color: #555; border-bottom: 1px dotted #ccc; margin: .4em .3em .5em 0em; font-size: 1.05em; } #pageContainer.about #mainContent dl, #pageContainer.subscriber #mainContent dl {margin-bottom: 1.4em; margin-top: .6em;} #pageContainer.about #mainContent dl dt {font-weight: bold; font-size: 1.3em; font-family: Georgia, 'Times New Roman', serif; border-bottom: 1px dotted #ccc; padding-bottom: .2em; } #pageContainer.about #mainContent dl dd {font-size: .9em; padding-bottom: .6em; line-height: 1.4em;} #pageContainer.about #mainContent dl dd em {font-weight: bold; font-style: normal;} #pageContainer.about #mainContent dl dd img {float: right;} #pageContainer.subscriber #mainContent dl dt {color: #444; font-weight: bold; font-size: 1.1em; font-family: Georgia, 'Times New Roman', serif; padding-bottom: .2em; color: #444;} #pageContainer.subscriber #mainContent dl dd {background: url(../img/lists/triangle.gif) left no-repeat; padding: .2em 0 .2em 10px; font-size: .95em;} #pageContainer.subscriber #mainContent dl a {font-weight: normal;} #pageContainer.about #mainContent dl.award {clear: both; } #pageContainer.about #mainContent dl.award dd.logo {width: 130px; padding: 0; margin: 0; float: left; margin-bottom: 2em; position: relative; top: -2em;} #pageContainer.about #mainContent dl.award dd.logo img {float: none;} #pageContainer.about dl.award dd {padding: .2em .2em 0 0; margin: 0; display: block; text-align: left; padding: 0; margin: 0; float: none; } #pageContainer.about #mainContent dl.award dt {padding-left: 140px; font-size: .9em; border-bottom: none; font-size: 1.2em; margin-top: 2em; } #pageContainer.about #mainContent dl.award dd.description, #pageContainer.about #mainContent dl.award dd.category, #pageContainer.about #mainContent dl.award dd.service { padding-left: 140px;} /*** 28. Quick Links / Sub Navigation ***/ #mainContent .quickLinks { background: #fff; margin: 0 10px 0 0; padding: 0; font-size: .9em; line-height: 1.1em; width: 12em; font-weight: bold; color: #194b80; border-width: 4px 1px 4px 0; border-style: solid; border-color: #ddd; background-color: #F5F8F9; float: left; } #mainContent .quickLinks a {font-weight: normal; display: block;} #mainContent .quickLinks h1{ font-size: 12px; font-weight: bold; background: #194B80; background-image: none; color: #fff; padding:2px; margin: 0; } #mainContent .quickLinks ul {margin: 0 0 0 1em; color: #333;} #mainContent .quickLinks ul li {list-style-type: circle; list-style-position: outside; margin: 0 0 .5em 10px; } #pageContainer.rex .lightblueContent .content, #pageContainer.info .lightblueContent .content, #pageContainer.resource .lightblueContent .content, #pageContainer .lightblueContent.toolbox, #pageContainer .lightblueContent.rex, #pageContainer.about .lightblueContent, #pageContainer.policies .lightblueContent { margin-left: 13em; } /*** 29. Subscribe Buttons ***/ .rexButton, .xmlButton, .podcastButton, .icsButton { font-weight: bold; text-decoration: none; padding: .2em .2em; margin: 0; font: bold 10px helvetica, sans-serif; color: #FFF; text-decoration: none; } .rexButton a, .xmlButton a, .xmlButton a, .icsButton a, .podcastButton a, #mainContent .rexButton a, .rexButton a:hover, #mainContent .xmlButton a, .xmlButton a:hover, #mainContent .icsButton a, .icsButton a:hover, #mainContent .podcastButton a, .podcastButton a:hover, #rightRail .rexButton a, #rightRail .xmlButton a, #rightRail .icsButton a, #rightRail .icsButton a, #rightRail .podcastButton a, #rightRail .podcastButton a { color: #fff; text-decoration: none; font-weight: bold; background-color: transparent; } .rexButton {border-color: #66A8CC #194b80 #194b80 #66A8CC;background: #3690BD;} .xmlButton {background: #FF7400 url(../img/icons/feed.png) 2% 50% no-repeat; } .podcastButton, a.podcastButton {background: #662D91 url(../img/icons/podcast.png) 2% 50% no-repeat;} .icsButton {border-color: #B5ED94 #41641C #41641C #B5ED94; background: #3D8821;} .xmlButton a, .podcastButton a, a.podcastButton {text-decoration: none; margin-left: 14px; } #pageContainer.rss #mainContent ul li {list-style-type: none; margin-left: 0em;} .subscribe {text-align: right; margin-top: .5em;} li.photographs .subscribe {float: right; margin-top: 0;} /*** 30. Splash Headers ***/ #splashHeader {margin: 0; padding: .5em 0 .5em 0; font-family:Georgia, "Times New Roman", Times, serif; } #mainContent #splashHeader h1, #mainContent #splashHeader h2 { font-size: 1.9em; font-weight: bold; color: #194b80; width: 100%; margin: 0; width: 100%; line-height: 1.1em; } #pageContainer.kids #splashHeader {background: url(../img/headers/kids.gif) top right no-repeat; height: 6.5em; margin-right: 6em;} #pageContainer.kids #splashHeader h2{color: #90278E; font-size: 2.5em;} #pageContainer.green #splashHeader h2 {background: url(../img/headers/green.gif) top left no-repeat; color: #006600; padding-top: 15px; margin: 0; padding-bottom: 0; padding-left: 56px;} #pageContainer.green #splashHeader p {color: #444; padding-left: 56px; } #pageContainer.socialmedia #splashHeader h2 {background: url(../img/headers/social.gif) bottom left no-repeat; padding-left: 100px; vertical-align: middle; min-height: 68px;} #pageContainer.askri #splashHeader h2 a { display: block; background: url(../img/headers/askri.gif) center left no-repeat; height: 85px; width: 171px; text-indent: -9999px; } #pageContainer.askri #splashHeader {width: auto; background-color: #fff; margin-bottom: 1em;} #pageContainer.askri #splashHeader p {color: #005743; padding: .5em;} #pageContainer.kids #splashHeader p {color: #003a67; padding-top: 0;} #pageContainer.edemocracy #splashHeader {background-color: #fff; width: 99%; margin-bottom: 1em;} /*** 31. Link Types ***/ a[href$=".pdf"], a[href$=".PDF"] { padding-left: 19px; background: url(../img/icons/pdf.gif) left no-repeat; } a[href$=".doc"], a[href$=".DOC"] { padding-left: 19px; background: url(../img/icons/word.gif) left no-repeat; } a[href$=".vcf"], a[href$=".VCF"] { padding-left: 19px; background: url(../img/icons/vcard.gif) left no-repeat; } a[href$=".ppt"], a[href$=".PPT"] { padding-left: 19px; background: url(../img/icons/ppt.gif) left no-repeat; } a[href$=".xls"], a[href$=".XLS"] { padding-left: 19px; background: url(../img/icons/xls.gif) left no-repeat;} a[href^="mailto"], a[href^="MAILTO"] { padding-left: 18px; background: url(../img/icons/email.gif) left no-repeat;} #rightRail .sidebarContent .content a.twitter { padding-left: 19px; background: url(../img/icons/twitter.png) top left no-repeat; margin-bottom: .3em; padding: .2em 0 .8em 19px;} a.rss, #rightRail .sidebarContent a.rss { padding-left: 19px; margin-bottom: .3em; padding-bottom: 8px; margin-right: .6em; background: url(../img/icons/rss.gif) 0% 4% no-repeat;} a.fr {background: url(../img/findicons/flickr.gif) left no-repeat;} ul li a.rss {display: block;} #rightRail .sidebarContent .content ul li a[href$=".rss"] {display: block; padding-left: 19px;} a.youtube { padding-left: 19px; background: url(../img/icons/youtube.png) left no-repeat;} a[href^="http://www.facebook.com"] { padding-left: 19px; background: url(../img/icons/facebook.png) left no-repeat;} a[href^="http://www.vimeo.com"] { padding-left: 19px; background: url(../img/icons/vimeo.png) left no-repeat;} /*** 32. Fieldset ***/ form.application fieldset, .application fieldset {margin-top: 2em; background: #fff url(../img/backgrounds/application.gif) bottom left repeat-x;} form.application legend, .application legend {padding: 10px 2px; font-weight: bold;} #mainContent form.application legend, #mainContent .application legend { padding: 0 8px 0 4px; font-weight: bold; color:#003a67; font-size: 1.1em; } #mainContent form.application label, #mainContent .application label { clear: both; display: inline-block; line-height: 1.5em; vertical-align: top; } #mainContent form.application fieldset label, #mainContent .application fieldset label { width: 14.5em; display:block; float:left; text-align:right; padding-right: 1em; } #mainContent form.application fieldset ul, #mainContent .application fieldset ul {margin: 0;padding: 0;list-style-type: none;} #mainContent form.application fieldset li, #mainContent .application fieldset li { list-style: none; padding: 5px; margin: 0; } #mainContent form.application fieldset fieldset, #mainContent .application fieldset fieldset { border: none; margin: 3px 0 0; } #mainContent form.application label, #mainContent .application label {width: 18em; } .buttons {text-align: center; margin: 1.5em; background: #fff; width: 100%; margin: 1em 0 0 0; padding: 1em 0;} .buttons img {margin: 0 .5em;} /*** 33. Spotlight ***/ .identity img {float: left; padding: .3em; background-color: #fff; height: 85px; width: 80px; margin: .3em;} .identity {background: #eee; width: 48%; padding: .1em; margin-bottom: 1em; } .identity dl {margin-left: 105px; margin-top: .5em;} .spotlight dl {margin-bottom: 1em; color: #333;} .spotlight dt {font-weight: bold; color: #003a67; padding: 0 0 .2em 0;} .spotlight dd {font-size: .85em; line-height: 1.6em;} .spotlight .map {float: right; width: 47%; font-size: .9em;} .spotlight .results {margin: 0; border-left: 0px solid #fff;} dl.adr dd {line-height: 1.1em; font-size: .85em;} dd.vcard {background: url(../img/icons/vcard.gif) left no-repeat; padding-left: 22px;} dd.rss {background: url(../img/icons/feed.png) left no-repeat; padding-left: 22px;} dd.facebook {background: url(../img/icons/facebook.png) left no-repeat; padding-left: 22px;} dd.twitter {background: url(../img/icons/twitter.png) left no-repeat; padding-left: 22px;} dd.youtube {background: url(../img/icons/youtube.png) left no-repeat; padding-left: 22px;} dd.flickr {background: url(../img/icons/flickr.png) left no-repeat; padding-left: 22px;} dd.vimeo {background: url(../img/icons/vimeo.png) left no-repeat; padding-left: 22px;} dd.blog {background: url(../img/icons/blog.png) left no-repeat; padding-left: 22px;} dd.url {background: url(../img/icons/site.png) left no-repeat; padding-left: 22px;} dd.site a {font-weight: bold;} dd.phone {background: url(../img/icons/phone.gif) left no-repeat; padding-left: 22px;} dd.hcal {background: url(../img/icons/calendar.png) left no-repeat; padding-left: 22px;} /*** 34. Share Menu ***/ #shareButtonWrapper {padding: 4px 0 2px 3px; margin-right: 0; display: inline;} #shareButton a {color: #003a67; padding: 0; margin: 0 0 4px 0; line-height: 1.7em;} #shareContainer {position:absolute; text-align: left; left: -500px; border: 2px solid #fff;} #shareButton a {padding: .2em 0 0 16px; background: url(../img/icons/share.gif) left no-repeat;} .sharelist {padding: 3px; } #topNav .sharelist ul li a {line-height: 1.9em; display: block; padding-left: 21px; padding-right: 22px; color: #fff;} .sharelist ul li a.facebook {background: url(../img/icons/facebook.png) 4% 50% no-repeat;} .sharelist ul li a.twitter {background: url(../img/icons/twitter.png) 4% 50% no-repeat;} .sharelist ul li a.delicious {background: url(../img/icons/delicious.png) 4% 50% no-repeat;} .sharelist ul li a.digg {background: url(../img/icons/digg.png) 4% 50% no-repeat;} .sharelist ul li a.google {background: url(../img/icons/google.png) 4% 50% no-repeat;} .sharelist ul li a.mslive {background: url(../img/icons/mslive.png) 4% 50% no-repeat;} .sharelist ul li a.google {background: url(../img/icons/google.png) 4% 50% no-repeat;} .sharelist ul li a.email {background: url(../img/icons/email.png) 4% 50% no-repeat;} .hoveredShareBox a {color: #FE6D4C;} #topNav .hoveredShareBox .sharelist ul li a:hover {color: #fff; background-color: #194b80;} .hoveredShareBox #shareButton a {background: url(../img/icons/share_hover.gif) left no-repeat;} /*** 35. Accordian CSS ***/ .accordion { margin: 0 auto 1em auto; width: 156px; } .accordion h3{ background: none; ; color: #E6E6E6; font-weight: bold; width: 100%; } .accordion h3 a {margin: 2px auto 0 auto; color: #fff; background-color: #888; display: block; padding: 3px; padding-left: 18px; width: 133px;} .accordion h3.ui-state-active a {background: #808080 url(../img/icons/accordion_on.gif) center left no-repeat;} .accordion h3.ui-state-default a {color: #222; background: #CDCDCD url(../img/icons/accordion_off.gif) center left no-repeat;} .accordion h3 a:hover {background-color: #8C8C8C; color: #fff;} .accordion .expandcontent {margin-bottom: .2em; border: none; background: #fff; margin: 0 auto; width: 146px; padding: 5px; overflow: hidden;} #mainContent .accordion {width: 100%; padding: 0;} #mainContent .accordion h3 a {width: 100%; padding: .5em 0 .5em 0px;} #mainContent .accordion h3 a em {padding-left: 15px; font-style: normal;} #mainContent .accordion .expandcontent {width: 100%; padding: 0;} #mainContent .accordion .expandcontent .subscribe {padding: .6em;} #mainContent .accordion .expandcontent .rssheadline, #mainContent .accordion .expandcontent .rsspubdate{margin: 0 .5em; font-size: .9em;} .accordion .expandcontent p, .accordion .expandcontent ul li {padding: .5em; font-size: .9em; } .accordion .expandcontent ul li {margin: 0; padding: 0 0 0 .5em;} .accordion .expandcontent ul li a {display: block; padding: 0; margin: 0;} .accordion .expandcontent ul li a:hover {background: #eee;} .accordion a {cursor:pointer;} /*** 36. Skip Links ***/ span.skip a {display: block; float: left; text-indent: -9999px; height: 0; background: url(../img/h1_seagullhover.gif) top left no-repeat;} /*** 37. Video Ratios - A List Apart ***/ #containingBlock {width: 75%;margin: 1em auto ;padding: 0;} .videoWrapper {position: relative; height: 0;} .videoWrapper div,.videoWrapper embed, .videoWrapper object {position: absolute; width: 100%; height: 100%; left: 0;top: 0;} .wideScreen {padding-bottom: 56.25%;} .fourBYthree {padding-bottom: 75%;} .chrome_25 {padding-top: 25px;} .chrome_35 {padding-top: 35px;} /*** 38. Alpha / Popular Tag sort ***/ .sortLink a {position: relative; top: 0; right: 0; float: right; background: #9A9C9F url(../img/icons/arrowdown.gif) 98% 40% no-repeat; padding: .2em 12px .2em .2em; text-decoration: none; font-weight: bold; color: #fff; font-size: 11px;} .sortLink a:hover {color: #fff;} /*** 39. Misc ***/ .businessForwardHeader {background:#fff url(../BusinessForward/img/skyline.jpg) top right no-repeat; height: 60px; margin-bottom: 0; margin-top: 15px;} #pageContainer.calendar #mainContent .lightblueContent {overflow: hidden;} #mainContent .tagContent h4 {margin-top: .8em;} #pageContainer #mainContent .tagContent span {clear: left; display: block; border-top: 1px solid #eee; padding: .4em 0 .4em 0; color: #248FB5;} #pageContainer #mainContent .tagContent span#last {border-bottom: 1px solid #eee;} #pageContainer #mainContent .tagContent ul li a {font-size: .95em; padding: 0; margin: 0; font-family: Helvetica, Arial, sans-serif; font-weight: normal; display: block; } #pageContainer #mainContent .tagContent .taglist ul{padding: 0; margin: 0; display: block; } #pageContainer #mainContent .tagContent ul.taglist li {display: inline; float: left; padding: .2em 1em .2em .1em; margin: 0;} #pageContainer #mainContent .tagContent .taglist {background-color: #eee;} #pageContainer #mainContent .tagContent ul.taglist li a {color: #222;} #pageContainer #mainContent .tagContent ul.taglist li a:hover {color: #111;} #pageContainer #mainContent .tagContent ul li a em {color: #666; text-decoration: none; background-color: #fff; font-style: normal;} #mainContent .tagContent ul li a:hover em {color: #222;} #pageContainer #mainContent .tagContent ul {margin: 0; padding: 0;} #pageContainer.guide #splashHeader h2 {font-size: 1em; color: #444; font-weight: normal;} /*** 40. Footer ***/ #pageFooter { clear: both; width: 100%; background: #248FB5 url(../img/pageFooter/wave_new.gif) top center repeat-x; } .contentfooter { max-width: 1100px; margin: 0 auto; height: 17em; /* background: url(../img/pageFooter/dock.png) bottom right no-repeat; */ background: url(../img/pageFooter/dock.png) bottom right no-repeat; } #pageFooter .left {float: left; width: 170px; /* background: transparent url(../img/pageFooter/left2009.gif) top left no-repeat; */ background: transparent url(../img/pageFooter/left2009.gif) top left no-repeat; height: 17em;} #pageFooter .right {float: right; height: 100px; width: 200px;} #pageFooter .left a {width: 120px; height: 52px; text-indent: -9999px; position: relative; top: 75px; left: 25px;} #pageFooter .left a:hover {background: none;} #pageFooter a:hover { color: #fff; text-decoration: underline; background-color: #16598B;} #pageFooter a:visited {color: #fff;} a.twitter {background: url(../img/icons/twitter.png) center left no-repeat;} a.facebook {background: url(../img/icons/facebook.png) center left no-repeat;} a.flickr {background: url(../img/icons/flickr.png) center left no-repeat;} a.youtube {background: url(../img/icons/youtube.png) center left no-repeat;} a.linkedin {background: url(../img/icons/linkedin.png) center left no-repeat;} a.rss {background: url(../img/icons/feed.png) center left no-repeat;} #pageFooter dd a.help {font-weight: bold; color: #FDCA99;} #pageFooter dl {float: left; margin-top: 4.5em; color: #fff; text-align: left; width: 12%; padding: 0; background-color: #008EB9;} #pageFooter dt {font-weight: bold; font-size: .9em; padding-left: .1em; padding-bottom: .4em;} #pageFooter dd {font-size: .75em; line-height: 1.4em;} #pageFooter dl.about {padding: 0 0 0 1em;} #pageFooter dl.agencylist, #pageFooter dl.socialweb {padding: 0 2em;} #pageFooter dl.socialweb a {padding-left: 20px; margin-bottom: .3em;} #pageFooter a {color: #fff; display: block; padding: .1em;}