/* DOCUMENT Objective: DEA Cares Author: Rock Creek Strategic Marketing HISTORY: October 17 2007 Notes: Added Sidebar Y Scalable of Buttons for dynamic content under div.btn_sidebar October 4 2007 Notes: Commented out Proprietary Color Schemes for consistent look across the board. =========================================== COLOR SCHEME INHERITANCE: -All color scheme is dictated by the Body ID -Under "Proprietary Color Scheme" at the Bottom of the document, Add/Edit a color scheme using the respective Body ID -Exception is the Primary Navigation Menu NAVIGATION: //Primary Navigation Menu: Various States are affected by the Body ID. If the Body ID is not declared it resorts to default colors. //Secondary Navigation Menu: Class="selected" should be applied conditionally to indicate onstate for child and parent elements. "selected" class is available for
  • of the 1st Order Items and of 1st and 2nd order items. "selected" class for
  • applies a background that persist through all the nested items within the parent element. */ html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, dd, dt, img, blockquote, q, table, thead, tbody, tfoot, caption, th, tr, td, a, form, input, textarea, fieldset, pre { margin:0; padding:0;} h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;} a img, :link img, :visited img {border: none;} ul, ol, dl {list-style-type: none;} table {border-collapse: collapse;} body { color:#333; font:11px/1em Arial, Helvetica, sans-serif; background:url(../images/layout/layout_viewport_bg.gif) repeat-x top left; } a, a:link, a:visited {color:#0445a9; text-decoration:none;} a:hover, a:focus, a:active {color:#000; text-decoration:none;} /* HEADER ======================================================= =======================================================*/ #Stretcher {border:1px solid #999999;width:892px;margin:30px auto 0 auto;} #Canvas {border:1px solid #fff; width:890px;} #Header {} #Masthead {background:#979ba4 url(../images/layout/layout_header_masthead_bg.jpg) no-repeat top left;height:99px;} #Branding {width:410px; height:99px; float:left; display:inline;} #Branding h1 {margin:0; padding:0; width:100%; height:100%;} #Branding a {width:100%; height:100%; display:block;background:url(../images/layout/logo.jpg) no-repeat top left; text-indent:-9999px; overflow:hidden;} #Messaging {width:400px; height:99px; float:right; display:inline; } /* Utility Nav Menu -------------------------------------------------------*/ #Utility {font-size:11px; font-weight:bold; text-align:right; } #Utility ul {background: url(../images/utilitynavmenu/utility_bg.gif) repeat-x top left; float:right; display:inline;} #Utility ul li {border:1px solid #a9a9a9; border-width:0 0 1px 1px; float:left; display:block;} #Utility ul li a, #Utility ul li a:link, #Utility ul li a:visited {color:#000; height:26px; line-height:26px; border:1px solid #fff; border-width:0 1px 0px 1px; padding:0 10px 0 10px; float:left;display:block;} #Utility ul li a:hover, #Utility ul li a:focus, #Utility ul li a:active {color:#000;} #Utility ul li a.emailpage, #Utility ul li a.emailpage:link, #Utility ul li a.emailpage:visited {padding:0 22px 0 12px; background:url(../images/utilitynavmenu/utility_email.gif) no-repeat 74px 10px;} #Utility ul li a.emailpage:hover, #Utility ul li a.emailpage:focus, #Utility ul li a.emailpage:active {background-image:url(../images/utilitynavmenu/utility_email_on.gif);} #Utility ul li a.printpage, #Utility ul li a.printpage:link, #Utility ul li a.printpage:visited {padding:0 22px 0 12px; background:url(../images/utilitynavmenu/utility_print.gif) no-repeat 70px 8px;} #Utility ul li a.printpage:hover, #Utility ul li a.printpage:focus, #Utility ul li a.printpage:active {background-image:url(../images/utilitynavmenu/utility_print_on.gif);} #Utility ul li a.fontreset, #Utility ul li a.fontreset:link, #Utility ul li a.fontreset:visited {border-right:0; padding-right:3px;} #Utility ul li a.fontreset:hover, #Utility ul li a.fontreset:focus, #Utility ul li a.fontreset:active {} #Utility ul li a.fontplus, #Utility ul li a.fontplus:link, #Utility ul li a.fontplus:visited {border:0;padding:0; background:url(../images/utilitynavmenu/utility_fontplus.gif) no-repeat center left; width:9px; height:26px; padding-right:1px;} #Utility ul li a.fontplus:hover, #Utility ul li a.fontplus:focus, #Utility ul li a.fontplus:active {background-image:url(../images/utilitynavmenu/utility_fontplus_on.gif);} #Utility ul li a.fontminus, #Utility ul li a.fontminus:link, #Utility ul li a.fontminus:visited {border:0;padding:0;background:url(../images/utilitynavmenu/utility_fontminus.gif) no-repeat center left; width:9px; height:26px; padding-right:20px;} #Utility ul li a.fontminus:hover, #Utility ul li a.fontminus:focus, #Utility ul li a.fontminus:active {background-image:url(../images/utilitynavmenu/utility_fontminus_on.gif);} /* Primary Navigation Menu ---------------------------------------------------------*/ #Primarynavmenu {background:#0d4462 url(../images/primarynavmenu/pnm_bar_bg.gif) repeat-x top left; height:34px; border:1px solid #fff; border-width:0 0 1px 0;} #Primarynavmenu ul {margin:0 0 0 15px; padding:0;} #Primarynavmenu ul li {float:left;background:transparent url(../images/primarynavmenu/pnm_item_divider.gif) no-repeat 100% 50%;} #Primarynavmenu ul li a, #Primarynavmenu ul li a:link, #Primarynavmenu ul li a:visited {color:#abafb8; font:bold 12px/1em Arial, Helvetica, sans-serif; float:left; display:block; padding:0 16px 0 16px; height:34px; line-height:34px; margin-left:-1px;} #Primarynavmenu ul li a:hover, #Primarynavmenu ul li a:focus, #Primarynavmenu ul li a:active {color:#fff; margin-left:-1px;} #Primarynavmenu li.pnm_lastitem {background:none;} /* Searchbox */ #Primarynavmenu #pnm_searchbox {background:none;} #Primarynavmenu #pnm_searchbox form {} #Primarynavmenu #pnm_searchbox input {} #Primarynavmenu #pnm_searchbox input span {} #Primarynavmenu #pnm_searchbox_inputtext {background:#fff url(../images/primarynavmenu/pnm_searchbox_input_bg.gif) no-repeat top left; border:none; font-size:12px; padding:2px 2px 3px 3px;margin:6px 5px 0 20px; width:200px;} #Primarynavmenu #pnm_searchbox_inputsubmit {margin:6px 5px 0 0;padding:0;} /* Unique Action States for Menu Items #Primarynavmenu #pnm_home a:hover, #Primarynavmenu #pnm_home a:focus, #Primarynavmenu #pnm_home a:active {background-color:#006094;} #Primarynavmenu #pnm_identify a:hover, #Primarynavmenu #pnm_identify a:focus, #Primarynavmenu #pnm_identify a:active {background-color:#803659;} #Primarynavmenu #pnm_prevent a:hover, #Primarynavmenu #pnm_prevent a:focus, #Primarynavmenu #pnm_prevent a:active {background-color:#4f8716;} #Primarynavmenu #pnm_help a:hover, #Primarynavmenu #pnm_help a:focus, #Primarynavmenu #pnm_help a:active {background-color:#006094;} #Primarynavmenu #pnm_hottopics a:hover, #Primarynavmenu #pnm_hottopics a:focus, #Primarynavmenu #pnm_hottopics a:active {background-color:#006094;} #Primarynavmenu #pnm_pplofdea a:hover, #Primarynavmenu #pnm_pplofdea a:focus, #Primarynavmenu #pnm_pplofdea a:active {background-color:#006094;} #Primarynavmenu #pnm_contactus a:hover, #Primarynavmenu #pnm_contactus a:focus, #Primarynavmenu #pnm_contactus a:active {background-color:#006094;} */ /* Selected Menu States Dictated by Body ID */ body#Home #Primarynavmenu #pnm_home a, body#Home #Primarynavmenu #pnm_home a:link, body#Home #Primarynavmenu #pnm_home a:visited, body#Home #Primarynavmenu #pnm_home a:hover, body#Home #Primarynavmenu #pnm_home a:focus, body#Home #Primarynavmenu #pnm_home a:active {color:#fff; background-image:url(../images/primarynavmenu/pnm_bar_bg_hover.gif);} body#Identify #Primarynavmenu #pnm_identify a, body#Identify #Primarynavmenu #pnm_identify a:link, body#Identify #Primarynavmenu #pnm_identify a:visited, body#Identify #Primarynavmenu #pnm_identify a:hover, body#Identify #Primarynavmenu #pnm_identify a:focus, body#Identify #Primarynavmenu #pnm_identify a:active {color:#fff; background-image:url(../images/primarynavmenu/pnm_bar_bg_hover.gif);} body#Prevent #Primarynavmenu #pnm_prevent a, body#Prevent #Primarynavmenu #pnm_prevent a:link, body#Prevent #Primarynavmenu #pnm_prevent a:visited, body#Prevent #Primarynavmenu #pnm_prevent a:hover, body#Prevent #Primarynavmenu #pnm_prevent a:focus, body#Prevent #Primarynavmenu #pnm_prevent a:active {color:#fff; background-image:url(../images/primarynavmenu/pnm_bar_bg_hover.gif);} body#Help #Primarynavmenu #pnm_help a, body#Help #Primarynavmenu #pnm_help a:link, body#Help #Primarynavmenu #pnm_help a:visited, body#Help #Primarynavmenu #pnm_help a:hover, body#Help #Primarynavmenu #pnm_help a:focus, body#Help #Primarynavmenu #pnm_help a:active {color:#fff; background-image:url(../images/primarynavmenu/pnm_bar_bg_hover.gif);} body#Hottopics #Primarynavmenu #pnm_hottopics a, body#Hottopics #Primarynavmenu #pnm_hottopics a:link, body#Hottopics #Primarynavmenu #pnm_hottopics a:visited, body#Hottopics #Primarynavmenu #pnm_hottopics a:hover, body#Hottopics #Primarynavmenu #pnm_hottopics a:focus, body#Hottopics #Primarynavmenu #pnm_hottopics a:active {color:#fff; background-image:url(../images/primarynavmenu/pnm_bar_bg_hover.gif);} body#Pplofdea #Primarynavmenu #pnm_pplofdea a, body#Pplofdea #Primarynavmenu #pnm_pplofdea a:link, body#Pplofdea #Primarynavmenu #pnm_pplofdea a:visited, body#Pplofdea #Primarynavmenu #pnm_pplofdea a:hover, body#Pplofdea #Primarynavmenu #pnm_pplofdea a:focus, body#Pplofdea #Primarynavmenu #pnm_pplofdea a:active {color:#fff; background-image:url(../images/primarynavmenu/pnm_bar_bg_hover.gif);} body#Contactus #Primarynavmenu #pnm_contactus a, body#Contactus #Primarynavmenu #pnm_contactus a:link, body#Contactus #Primarynavmenu #pnm_contactus a:visited, body#Contactus #Primarynavmenu #pnm_contactus a:hover, body#Contactus #Primarynavmenu #pnm_contactus a:focus, body#Contactus #Primarynavmenu #pnm_contactus a:active {color:#fff; background-image:url(../images/primarynavmenu/pnm_bar_bg_hover.gif);} /* TORSO ========================================================= ==========================================================*/ div#Torso {padding:25px; background:#fff url(../images/layout/layout_header_shadow.gif) repeat-x top left;} /* Homepage layout ----------------------------------------------------------*/ div#homefeature {} div#homefeaturemain {float:left; display:inline; width:550px; height:270px; background:#fff url(../images/content/home/home_feature_frame.gif) no-repeat top left;padding:2px 0 0 2px;} div#homefeaturesub {float:right; display:inline; width:265px;} div#homefeaturesub ul {margin:0; padding:0;list-style:none;} div#homefeaturesub ul li {margin:0 0 5px 0; padding:0; line-height:0;} div#homepanes {margin:0;padding:0;} div.homepanestyle1 {float:left; display:inline; width:260px; border-top:4px solid #092c44;padding:15px 0 0 0; margin:20px 25px 0 0;} div.homepanestyle2 {float:right; display:inline; width:230px; border-top:4px solid #092c44;padding:15px 15px 0 15px; margin:20px 4px 0 0; background:#f6f6f6 url(../images/layout/layout_sidebar_pane_bg.gif) no-repeat top left;} div.homepanestyle1 h2, div.homepanestyle2 h2 {font:normal 24px/1em "Times New Roman", Times, serif; margin:0 0 .6em 0; padding:0; color:#0d3c5a;} div.homepanestyle1 h2 img, div.homepanestyle2 h2 img {margin-top:25px; text-align:right; float:right;} div.homepanestyle1 p, div.homepanestyle2 p {margin:0 0 1em 0; padding:0;} div.homepanestyle1 div.latestnews ul li, div.homepanestyle2 div.latestnews ul li {margin:0 0 1em 0; padding:0;} /* Secondary Navigation Menu ---------------------------------------------------------------*/ div#Secondarynavmenu {width:118px; float:left;display:inline; border:1px solid #d2d2d2; border-width:1px 1px 0 0;} div#Secondarynavmenu ul {margin:0; padding:0;} div#Secondarynavmenu ul li {border:1px solid #d2d2d2; border-width:0 0 1px 0;} div#Secondarynavmenu ul ul {border:none; margin:0 0 4px 0;} div#Secondarynavmenu ul ul li {border:1px solid #d2d2d2; border-width:0 0 0 0;} /* Conditional class="selected" */ div#Secondarynavmenu li.selected {background:#fff url(../images/secondarynavmenu/snm_bg.gif) repeat-y top right;} div#Secondarynavmenu ul li a, div#Secondarynavmenu ul li a:link, div#Secondarynavmenu ul li a:visited {font:bold 11px/1em Arial, Helvetica, sans-serif; display:block; padding:8px 8px 8px 0;} div#Secondarynavmenu ul li a:hover, div#Secondarynavmenu ul li a:focus, div#Secondarynavmenu ul li a:active {color:#000; background:#fff url(../images/secondarynavmenu/snm_bg.gif) repeat-y top right;} /* Conditional class="selected" */ div#Secondarynavmenu ul li a.selected, div#Secondarynavmenu ul li a.selected:link, div#Secondarynavmenu ul li a.selected:visited, div#Secondarynavmenu ul li a.selected:hover, div#Secondarynavmenu ul li a.selected:focus, div#Secondarynavmenu ul li a.selected:active {color:#000;} /* Third order sub menu items ----------------------------------*/ div#Secondarynavmenu ul ul li a, div#Secondarynavmenu ul ul li a:link, div#Secondarynavmenu ul ul li a:visited {font-weight:normal; font-size:10px; padding:2px 4px 2px 7px; background:transparent url(../images/secondarynavmenu/snm_bullet_off.gif) no-repeat 0 4px;} div#Secondarynavmenu ul ul li a:hover, div#Secondarynavmenu ul ul li a:focus, div#Secondarynavmenu ul ul li a:active {background-image:url(../images/secondarynavmenu/snm_bullet_on.gif);} /* Conditional class="selected" */ div#Secondarynavmenu ul ul li a.selected, div#Secondarynavmenu ul ul li a.selected:link, div#Secondarynavmenu ul ul li a.selected:visited, div#Secondarynavmenu ul ul li a.selected:hover, div#Secondarynavmenu ul ul li a.selected:focus, div#Secondarynavmenu ul ul li a.selected:active {color:#000; background-image:url(../images/secondarynavmenu/snm_bullet_on.gif);} /* ------------------------------------------------------- Torso Layout options ---------------------------------------------------------*/ /* Layout Theme ---------------------------------------------------------*/ div#Torso.layout_1 div#Maincontent {width:690px;} div#Torso.layout_1 div#Sidebar {display:none;} div#Torso.layout_2 div#Maincontent {width:434px;} div#Torso.layout_2 div#Sidebar {width:236px;margin:0 0 0 25px;} /* Layout Global Styles */ div#Maincontent {float:left; display:inline; padding:0 0 0 25px; border:1px solid #d2d2d2; border-width:0 0 0 1px; margin-left:-1px;} div#Maincontent h1 {margin:0 0 .5em 0; font:normal 28px/1em "Times New Roman", Times, serif; color:#0d3c5a;} div#Maincontent h2 {margin:0 0 .75em 0; font:normal 20px/1em "Times New Roman", Times, serif; color:#0d3c5a;} div#Maincontent h3 {margin:0 0 .75em 0; font:bold 14px/1.2em Arial, Helvetica, serif; color:#0d3c5a;} div#Maincontent h4 {margin:0 0 .75em 0; font-size:11px; line-height:1.2em; color:#0d3c5a; letter-spacing:2px; text-transform:uppercase;} div#Maincontent h5 {margin:0 0 .75em 0; font-size:11px; line-height:1.2em; color:#0d3c5a; letter-spacing:1px;} div#Maincontent h6 {margin:0 0 .75em 0; font-weight:normal; font-size:10px; line-height:1.2em; color:#0d3c5a; letter-spacing:3px; text-transform:uppercase;} div#Maincontent p {margin-bottom:1.5em;color:#333; line-height:1.3em;} div#Maincontent ul {margin: 0 0 1em 25px; padding: 0; list-style: square outside /* url() */; } div#Maincontent ul ul, div#Maincontent ul ol, div#Maincontent ol ol, div#Maincontent ol ul {margin:.5em 0 1em 25px;} div#Maincontent ol {margin: 0 0 1em 25px; padding: 0; list-style: decimal outside /* url() */; } div#Maincontent li {margin-bottom:.75em;} /* Header for general page title. If the background image on the main content area expects custom underline borders remove the pageheader ID and apply the line to the image as appropriate */ div#Maincontent h1#pageheader {margin:0 0 .5em 0; border:4px solid #0d3c5a; border-width:0 0 4px 0; padding:0 0 .25em 0; background:transparent url(../images/layout/layout_pageheader_bg.gif) repeat-y top right;} /* Copy box with page header background image applied on the Main Content Area */ div#Maincontent div.calloutcopy {margin:0 0 30px 0;} div#Maincontent div.calloutcopy h3 {width:70%;} div#Maincontent div.calloutcopy p {font-size:12px;width:70%;} div#Maincontent div.calloutcopy a {font-weight:bold;} /* Copy Images */ div#Maincontent div.copyanchor {display:inline; float:right; margin:0 0 10px 10px; border:1px solid #ccc;} div#Maincontent div.copyanchor img {} div#Maincontent div.copyanchor span {display:block; border-top:1px solid #ccc; padding:5px;} /* Shared Textlink with Icon */ a.textlinkaction, a:link.textlinkaction, a:visited.textlinkaction {background:#fff url(../images/icons/icn_bullet_1b.gif) no-repeat 0 50%; padding-left:7px; font-weight:bold;} a:hover.textlinkaction, a:focus.textlinkaction, a:active.textlinkaction {background-image:url(../images/icons/icn_bullet_1a.gif)} /* Main Content Area Category Panes */ div#Maincontent div.categorypaneset {} div#Maincontent div.categorypane1, div#Maincontent div.categorypane2 {border:4px solid #0d3c5a; border-width:4px 0 0 0; width:205px; height:225px; font-size:11px; padding:12px 0 0 0; display:block; } * html div#Maincontent div.categorypane1, * html div#Maincontent div.categorypane2 {height:209px;} div#Maincontent div.categorypane1 {float:left;} div#Maincontent div.categorypane2 {float:right;} div#Maincontent div.categorypane1 h2, div#Maincontent div.categorypane2 h2 {font:normal 20px/1em "Times New Roman", Times, serif; margin:0 0 .6em 0; padding:0;} div#Maincontent div.categorypane1 div.panecontentimage, div#Maincontent div.categorypane2 div.panecontentimage {margin-bottom:10px; line-height:0;} div#Maincontent div.categorypane1 p, div#Maincontent div.categorypane2 p {margin-bottom:1em; color:#333; line-height:1.3em;} div#Maincontent div.categorypane1 a, div#Maincontent div.categorypane2 a {font-weight:bold;} /* Main Content Area Resource Panes */ div#Maincontent div.resourcepaneset {} div#Maincontent div.resourcepane1 {float:left; display:inline; width:220px; border-top:4px solid #092c44; padding:15px 0 0 0; margin:20px 12px 0 0;} div#Maincontent div.resourcepane2 {float:right; display:inline; width:190px; border-top:4px solid #092c44; padding:15px 15px 15px 15px; margin:20px 0 0 0; background:#fff url(../images/layout/layout_sidebar_pane_bg.gif) no-repeat top left;} div#Maincontent div.resourcepane1 h2, div#Maincontent div.resourcepane2 h2 {font:normal 20px/1em "Times New Roman", Times, serif; margin:0 0 .6em 0; padding:0;} div#Maincontent div.resourcepane1 div.panecontentimage, div#Maincontent div.resourcepane2 div.panecontentimage {margin-bottom:10px; line-height:0;} div#Maincontent div.resourcepane1 p, div#Maincontent div.resourcepane2 p {margin-bottom:1em; color:#333; line-height:1.3em;} div#Maincontent div.resourcepane2 a, div#Maincontent div.resourcepane2 a {font-weight:bold;} /* START Search Filter Content Area ------------------------------------------------*/ div.searchfilter {margin:-12px 0 15px 0;} div.searchfilter table {width:100%;} div.searchfilter thead th {border:1px solid #0d3c5a; border-width:0 0 1px 0;} div.searchfilter th {vertical-align:middle; padding:8px 0;} div.searchfilter td {padding:5px 0;} div.searchfilter th.viewbytype a, div.searchfilter th.viewbytype a:link, div.searchfilter th.viewbytype a:visited {background:transparent url(../images/icons/icn_bullet_2a.gif) no-repeat 0 50%; padding-left:5px;} div.searchfilter th.viewbytype a:hover, div.searchfilter th.viewbytype a:focus, div.searchfilter th.viewbytype a:active {background-image:url(../images/icons/icn_bullet_2b.gif);} div.searchfilter th.viewbytype span.selected {background:transparent url(../images/icons/icn_bullet_2b.gif) no-repeat 0 50%; padding-left:5px;} th.viewbytype {width:50%; text-align:left;} th.viewbytype span {padding:0 10px 0 0;} th.viewbytype img {margin-right:3px;} th.filterlistby {width:50%; text-align:right;} th.filterlistby form {margin:0; padding:0;} th.filterlistby form label {font-weight:bold;} th.filterlistby select {font-size:11px; vertical-align:middle;} td.searchfilterresults table {width:100%;border-collapse:separate;} td.searchfilterresults table td {width:33%; font-weight:bold; margin:0px 5px 1px 0;} td.searchfilterresults table td a {font-weight:bold;} td.searchfilterresults table td.highlight {background-color:#eee;} /* END Search Filter Content Area ------------------------------------------------------------*/ /* START Search Filter inside Page Header ----------------------------------------------------*/ div#Maincontent div.searchstoriesfilter {float:right; display:inline; width:400px; font:12px/1em Arial, Helvetica, sans-serif; text-align:right; padding:8px 5px 0 0; color:#000;} div#Maincontent div.searchstoriesfilter form {margin:0; padding:0} div#Maincontent div.searchstoriesfilter span {margin-left:10px;} div#Maincontent div.searchstoriesfilter label {font-weight:bold; margin-right:5px;} div#Maincontent div.searchstoriesfilter select {font-size:11px; vertical-align:middle;} /* Prevent Stories Listings */ div#Maincontent div.storylisting {border:1px solid #285628; border-width:1px 0 0 0; margin:0;} div#Maincontent div.storylisting ul {margin:0; padding:0;list-style:none;} div#Maincontent div.storylisting ul li {padding:0; margin:0;} div#Maincontent div.storylisting ul li:after {color:#fff; content:""; display:block; height:0; clear:both;} div#Maincontent div.storylisting ul li {display:inline-tables; zoom:1;} /*\*/ * html div#Maincontent div.storylisting ul li {height:1%;} div#Maincontent div.storylisting ul li {display:block;padding:22px 0 10px 0;border:1px solid #285628; border-width:0 0 1px 0; margin:0;} div#Maincontent div.storylisting div.storyprofile {width:120px; float:left; display:inline;} div#Maincontent div.storylisting div.storybrief {width:570px; float:left; display:inline; padding:0 0 15px 0;} div#Maincontent div.storylisting div.storybrief h2 {margin-bottom:5px;} div#Maincontent div.storylisting div.storybrief .byline {margin-bottom:7px;}; div#Maincontent div.storylisting div.storybrief a.textlinkaction {margin-bottom:10px;}; div#Maincontent div.storylisting div.pagebrowse {font-weight:bold;} div#Maincontent div.storylisting div.pagebrowse div.numbers {float:left;display:inline; width:500px;} div#Maincontent div.storylisting div.pagebrowse div.numbers a {margin-right:5px;} div#Maincontent div.storylisting div.pagebrowse div.backnext {float:right; display:inline;width:100px; text-align:right;} div#Maincontent div.storylisting div.pagebrowse div.backnext a {margin-left:5px;} /* END Search Filter inside Page Header ----------------------------------------------------*/ /* Sidebar ----------------------------------------------------------*/ div#Sidebar {float:right; display:inline; margin:0 0 0 25px;} div.focuslinks {margin-bottom:1.5em;} div.focuslinks ul {margin:0; padding:0; list-style:none;} div.focuslinks ul li {margin:0 0 5px 0; padding:0;} /* Sidebar Button 1 ---------------------------------- */ div.btn1_sidebar {background:#fff url(../images/buttons/btn1_interior_sidebar_yscale_bg.gif) repeat-y top left; margin:0 0 .6em 0;} div.btn1_sidebar_header {background-color:transparent; background-image:url(../images/buttons/btn1_interior_sidebar_yscale_header.gif); background-repeat:no-repeat; background-position:top left;} div.btn1_sidebar_content {background:transparent url(../images/buttons/btn1_interior_sidebar_yscale_footer.gif) no-repeat bottom left;padding:10px 20px 10px 15px;} div.btn1_sidebar h3 {font-weight:normal; margin:0 0 .8em 0; font-size:17px; line-height:1.2em; font-family:Georgia, "Times New Roman", Times, serif; color:#0d3c5a;} div.btn1_sidebar h3 span {color:#d17828; font-family:Arial, Helvetica, sans-serif;} div.btn1_sidebar p {margin:0 0 .8em 0; padding:0; line-height:1.2em;} div.btn1_sidebar a {} /* Sidebar Button 1 Header Instances */ div#Sidebar .terms div.btn1_sidebar_content {padding:10px 20px 10px 50px;} div#Sidebar .terms div.btn1_sidebar_header {background-image:url(../images/buttons/btn1_interior_sidebar_yscale_header_terms.gif);} div#Sidebar .didyouknow div.btn1_sidebar_content {padding:10px 90px 10px 15px;} div#Sidebar .didyouknow div.btn1_sidebar_header {background-image:url(../images/buttons/btn1_interior_sidebar_yscale_header_didyouknow.gif);} /* Sidebar Button 2 ----------------------------------- */ div.btn2_sidebar {background:#fff url(../images/buttons/btn2_interior_sidebar_yscale_bg.gif) repeat-y top left; margin:0 0 .6em 0;} div.btn2_sidebar_header {background-color:transparent; background-image:url(../images/buttons/btn2_interior_sidebar_yscale_header.gif); background-repeat:no-repeat; background-position:top left;} div.btn2_sidebar_content {background:transparent url(../images/buttons/btn2_interior_sidebar_yscale_footer.gif) no-repeat bottom left;} div.btn2_sidebar a, div.btn2_sidebar a:link, div.btn2_sidebar a:visited {display:block; font-size:17px; line-height:1.2em; font-family:Georgia, "Times New Roman", Times, serif; color:#0445a9; padding:15px; text-align:center;} div.btn2_sidebar a:hover, div.btn2_sidebar a:focus, div.btn2_sidebar a:active {color:#000;} /* Sidebar Button 2 Header Instances */ div#Sidebar .voicesofparents a {padding:20px 75px 35px 15px; text-align:left;} div#Sidebar .voicesofparents div.btn2_sidebar_header {background-image:url(../images/buttons/btn2_interior_sidebar_yscale_header_voicesofparents.gif);} /* Sidebar Focus Pane ---------------------------------------------*/ div.focuspane {border-top:4px solid #0d3c5a; padding:15px 15px 15px 15px; margin:0 0 1.5em 0; background:#f6f6f6 url(../images/layout/layout_sidebar_pane_bg.gif) no-repeat top left;} div.focuspane h2 {font:normal 20px/1em "Times New Roman", Times, serif; margin:0 0 .6em 0; padding:0; color:#0d3c5a;} div.focuspane p {margin:0 0 1em 0; padding:0;line-height:1.3em;} div.focuspane ul li {margin:0 0 1em 0; padding:0;} div.focuspane a {font-weight:bold;} /* Proprietary color scheme =========================================================== -All color scheme is dictated by the Body ID -Exceptions is the Primary Navigation Menu =========================================================== */ /* Identify Section----------------------------------------- body#Identify h1, body#Identify h2, body#Identify h3, body#Identify h4, body#Identify h5, body#Identify h6 {color:#6f2745;} body#Identify a, body#Identify a:link, body#Identify a:visited {color:#6f2745;} body#Identify a:hover, body#Identify a:focus, body#Identify a:active {color:#000;} body#Identify div.focuspane, */ /* Sidebar Panes */ /* body#Identify div.categorypane1, /* /* Main Content Panes body#Identify div.categorypane2, body#Identify h1#pageheader {border-color:#6f2745;} */ /* Prevent Section ------------------------------------------ body#Prevent h1, body#Prevent h2, body#Prevent h3, body#Prevent h4, body#Prevent h5, body#Prevent h6 {color:#336633;} body#Prevent a, body#Prevent a:link, body#Prevent a:visited {color:#336633;} body#Prevent a:hover, body#Prevent a:focus, body#Prevent a:active {color:#000;} body#Prevent div.focuspane, */ /* Sidebar Panes body#Prevent div.categorypane1, */ /* Main Content Panes body#Prevent div.categorypane2, body#Prevent div.resourcepane1, body#Prevent div.resourcepane2, body#Prevent h1#pageheader {border-color:#285628;} */ /* One off Instances -------------------------------------------------- ----------------------------------------------------------------------*/ /* Main Section Pages have a feature background image behind the page header and the following are instances declared for each case. Remember to apply a unique class in the div#Maincontent for each case. */ body#Identify div.identifymain {background:#fff url(../images/content/identify/identify_header_bg.jpg) no-repeat top right;} body#Identify div.identifymain h1#pageheader {} /* When needed to override the page header to accommodate the background feature image */ body#Identify div.identifymain div.learnthefacts {padding:0 0 10px 0;} body#Prevent div.ifonlyihadknown {background:#fff url(../images/content/prevent/prevent_ifonlyihadknown_feature.jpg) no-repeat top right;} body#Prevent div.ifonlyihadknown h1#pageheader {background-image:none; width:75%; margin-top:10px;} /* When needed to override the page header to accommodate the background feature image */ body#Prevent div.ifonlyihadknown div.calloutcopy h2 {font-size:24px;} /* Remove page header background for search filter */ body#Prevent div#Maincontent h1.stories {background-image:none;} /* FOOTER ======================================================= ========================================================*/ div#Footer {width:895px; margin:5px auto 0 auto; color:#66676b;font-size:9px; padding:0 0 20px 0;} div#Footer p {margin:0; padding:0; line-height:1.3em;} div#Footer a, div#Footer a:link, div#Footer a:visited {color:#617ea8;} div#Footer a:hover, div#Footer a:focus, div#Footer a:active {color:#0445a9;} div#footernavmenu {float:left; display:inline; width:250px;padding:6px 0 0 0;} div#copyright {float:right; display:inline; width:550px; text-align:right;padding:6px 0 0 0;} div#deafootermark {float:right; display:inline; width:40px; margin:1px 0 5px 3px;} /* Filters =========================================================*/ /* Float Clear Fix --------------------------------------------------------*/ .clearfix:after {color:#fff;content:"";display:block;height:0;clear:both;} .clearfix {display:inline-table;zoom:1;} /*\*/ * html .clearfix {height:1%;} .clearfix {display:block;} /* */