/* Stylesheet for FBI CIUS Web Site - Wrapper -------------------------------------------------------- File Name: cius_main.css Media: Screen Version: 1.1 Created: 13 July 2006 Last-Modified: 17 July 2007 -------------------------------------------------------- */ /* HTML Elements ---------------------------------------------------------- */ /* --- Document Elements --- */ * { margin: 0px; padding: 0px; } body { color: #000000; margin: 0px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; background: #ffffff; } /* --- Block Elements --- */ br {} hr { } img {} a img {border: 0px none;} /* --- Header Text --- */ h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; } h1 { font-size: 36px; color: #B46E0D; margin-bottom: 14px; line-height: 38px; } h2 { font-size: 12px; color: #ffffff; margin-bottom: 2px; padding: 3px; } h3 { font-size: 14px; color: #000000; margin-bottom: 2px; } h4 { font-size: 12px; color: #000000; margin-bottom: 2px; } h5 { font-size: 11px; color: #000000; margin-bottom: 2px; } h6 { font-size: 10px; color: #000000; margin-bottom: 2px; } /* --- Block Text --- */ p, blockquote, caption, div { font-family: Arial, Helvetica, sans-serif; } p {} blockquote {} caption {} div {} /* --- Text Elements --- */ a pre span sup small address{ font-family: Arial, Helvetica, sans-serif; } a { color: #000000; } a:hover { color: #2f4a9c; } pre {} span {} sup {} small {} address {} /* --- List Items --- */ ul, ol, li { font-family: Arial, Helvetica, sans-serif; } ul {} ul li {} ol {} /* --- Definition Elements --- */ dl, dt, dd { font-family: Arial, Helvetica, sans-serif; } dl { margin: 20px 0px 10px 20px; } dt { font-weight: bold; margin: 10px 0px 0px 0px; } dd {} /* --- Table Elements --- */ table { font-family: Arial, Helvetica, sans-serif; } table a {} table a:hover {} th { } thead {} tbody {} tr {} td { } tfoot {} legend {} /* --- Inputs --- */ input, select, button, textarea { font-family: Arial, Helvetica, sans-serif; } fieldset {} legend {} form {} input {} select {} button {} textarea {} /* Utility ID's ---------------------------------------------------------- */ .clear { clear: both; overflow: hidden; width: 1px; height: 1px; margin: 0 -1px -1px 0; border: 0; font-size: 0px; line-height: 0px; } .hide { display: none; } /* Body Triggers ---------------------------------------------------------- */ body#homepage { } body#primary { } body#secondary { } body#interior_content { } body#interior_table { } /* HEADER ---------------------------------------------------------- */ #page_header { width: 970px; height: 171px; font-size: 12px; border-bottom: 2px solid #999999; background: transparent url(../images/backgrounds/page_header.gif) no-repeat 0px 0px; } #page_header:after { content: ""; display: block; height: 171px; clear: both; } #page_header { height: 171px; } #nav_extlinks { color: #ffffff; font-family:"Times New Roman", Times, serif; font-size: 10px; margin: 10px 15px 30px 0px; padding: 0px 0px 0px 0px; list-style-type: none; float: right; } #nav_extlinks li { color: #ffffff; font-family:"Times New Roman", Times, serif; float: left; padding: 0px 0px 0px 17px; background: transparent url(../images/lists/extlink_pipe.gif) no-repeat 4px 1px; } #nav_extlinks li.first { padding: 0px; background: none; } #nav_extlinks li a { color: #ffffff; font-family:"Times New Roman", Times, serif; text-decoration: none; } #nav_extlinks li a:hover { color: #f6c73e; } #nav_utility { float: right; padding: 20px 50px 0px 0px; } #nav_utility li { float: left; list-style-type: none; padding: 0px 0px 0px 11px; background: url(../images/lists/pipe_utility.gif) no-repeat 4px 4px; } #nav_utility #selected a { font-weight: bold; text-decoration: none; } #nav_utility li.first { padding: 0px 0px 0px 0px; background: none; } #nav_utility a { color: #ffffff; text-transform: uppercase; font-size: 11px; text-decoration: none; } #nav_utility a:hover { color: #f6c73e; } #indexlink { display: block; position: absolute; width: 460px; height: 170px; } /* PRIMARY NAVIGATION ---------------------------------------------------------- */ #nav_1 { width: 930px; padding: 14px 20px 14px 20px; font-size: 12px; background: #5F5F5F; } #nav_1:after { content: ""; display: block; height: 100%; clear: both; } #nav_1 { height: 100%; } #nav_1 li { float: left; list-style-type: none; padding: 0px 0px 0px 20px; background: url(../images/lists/pipe_nav_1.gif) no-repeat 10px 3px; font-weight: bold; font-size: 13px; } #nav_1 a { color: #ffffff; } #nav_1 a:hover { color: #FFD239; } #nav_1 #selected a { text-decoration: none; } #nav_1 li.first { padding: 0px 0px 0px 0px; background: none; } /* "RETURN TO" NAVIGATION ---------------------------------------------------------- */ #nav_return { width: 930px; height: 20px; padding: 5px 20px 5px 20px; font-size: 12px; background: #E4E4E4; } #nav_return:after { content: ""; display: block; height: 12px; clear: both; } #nav_return { height: 12px; } #nav_return li { float: left; list-style-type: none; padding: 0px 0px 0px 15px; background: url(../images/lists/pipe_nav.gif) no-repeat 7px 3px; } #nav_return li.first { padding: 0px 0px 0px 0px; background: none; } #nav_return li a { padding-left: 10px; background: url(../images/icons/more_arrow2.gif) no-repeat 0px 5px; } /* CONTENT AREA ---------------------------------------------------------- */ #page_content { padding: 20px 0px 10px 20px; font-size: 12px; line-height: 20px; color: #000000; background: #F7F7F7 url(../images/backgrounds/page_content.gif) repeat-x 0px -57px; } #page_content:after { content: ""; display: block; height: 100%; clear: both; } #page_content { height: 100%; } #page_content p { margin-bottom: 10px; padding-right: 20px; } #page_content ul { margin-bottom: 10px; } #page_content li { margin: 0px 0px 10px 17px; list-style-type: square; } #page_content h1.secondary { font-size: 22px; } #page_content h1.standard { font-size: 30px; } #page_content h2 { padding: 0px; margin: 0px; color: #B86E0D; font-size: 16px; background: none; } #page_content h2.tableguide { padding: 0px; margin: 0px 0px 10px 0px; } body#interior_content #page_content { width: 950px; color: #000000; background-position: 0px -80px; } body#primary #page_content { width: 970px; padding: 0px 0px 0px 0px; font-size: 12px; line-height: 20px; } body#secondary #page_content { width: 970px; padding: 0px 0px 0px 0px; font-size: 12px; line-height: 20px; } body#homepage #page_content { width: 970px; padding: 0px 0px 0px 0px; font-size: 12px; line-height: 20px; } body#interior_table #page_content { width: 950px; background: #F7F7F7 url(../images/backgrounds/table_content_background.gif) repeat-x 0px -13px; } #col_1 { float: left; width: 559px; } #content_main { float: left; width: 524px; padding: 42px 20px 10px 20px; color: #000000; /*background: #373d4f url(../images/backgrounds/content_main.gif) no-repeat 81px 0px;*/ } #content_main a { color: #000000; } #content_main a:hover { color: #2f4a9c; } #content_main h1 { color: #B46E0D; font-size: 36px; margin-bottom: 20px; } #content_main h2 { padding: 0px; margin: 0px; color: #B86E0D; font-size: 16px; background: none; } /* Corrections - 8/15/07 */ #content_main ul li { margin-top: 0px; margin-bottom: 10px; list-style-type: square; } #content_main ol { padding-left: 5px; } #content_main ol li { margin-top: 0px; margin-bottom: 10px; list-style-type: decimal; } a.more { display: block; padding-left: 10px; background: url(../images/icons/more_arrow.gif) no-repeat 0px 5px; } #content_main a.more { background: url(../images/icons/more_arrow2.gif) no-repeat 0px 5px; } body#interior_content #content_main { width: 544px; padding: 0px 20px 10px 0px; float: none; } body#interior_content #content_main h2 { padding: 7px 12px; margin: 25px 0px 15px 0px; color: #ffd239; font-size: 16px; background: #616161; } body#interior_content #content_main h2 span { color: #ffffff; font-weight: normal; font-size: 14px; } #page_content .content_sub { float: left; width: 501px; margin: 5px 0px 10px 20px; padding: 0px 12px 7px 12px; border: 1px solid #B3B3B3; } #page_content .content_sub a { color: #000000; } #page_content .content_sub a:hover { color: #2f4a9c; } #page_content .content_sub h2 { margin: 0px -12px 12px -12px; color: #B86E0D; font-size: 16px; line-height: 18px; padding: 15px 12px; background: #F3F3F3; border-bottom: 1px dashed #BFBFBF; } #page_content .content_sub p { margin: 0px 0px 5px 0px; line-height: 14px; } #col_2 { float: left; width: 410px; padding: 32px 0px 0px 0px; color: #ffffff; /*background: #373d4f;*/ } #col_2:after { content: ""; display: block; height: 100%; clear: both; } #col_2 { height: 100%; } a.download_primary { display: block; color: #ffffff; padding-left: 10px; font-weight: bold; background: url(../images/icons/more_arrow2.gif) no-repeat 0px 5px; } a:hover.download_primary { color: #2f4a9c; } /* Added 8/1/07 */ p.download_primary { margin: 0px; padding: 3px 0px 10px 0px; } p.download_primary a { color: #ffffff; padding-left: 10px; font-weight: bold; background: url(../images/icons/more_arrow2.gif) no-repeat 0px 5px; margin-bottom: 10px; } p.download_primary a:hover { color: #2f4a9c; } #ab_wrapper { color: #000000; margin-top: 10px; border: 1px solid #7D7B7B; background: #ffffff url(../images/backgrounds/ab_wrapper.gif) repeat-y 203px 0px; } #ab_wrapper:after { content: ""; display: block; height: 100%; clear: both; } #ab_wrapper { height: 100%; } #ab_wrapper ul { margin: 10px 10px 10px 10px; } #ab_wrapper li { margin: 0px 0px 5px 0px; list-style-type: none; line-height: normal; } #ab_wrapper a { color: #000000; } #ab_wrapper a:hover { color: #2f4a9c; } #col_a { float: left; width: 200px; padding-bottom: 15px; } #col_a:after { content: ""; display: block; height: 100%; clear: both; } #col_b { float: left; width: 199px; padding-bottom: 15px; } #col_b:after { content: ""; display: block; height: 100%; clear: both; } #col_b { height: 100%; } #col_b ul { margin: 10px 10px 10px 15px; } #col_b p { margin: 10px 0px 0px 15px; line-height: 16px; } .col_header, .col_header_long { width: 185px; height: 43px; font-size: 16px; padding: 6px 10px 0px 10px; border-bottom: 4px solid #C18D24; font-weight: bold; color: #ffffff; background: transparent url(../images/backgrounds/col_header.gif) no-repeat 100% 0px; line-height: 20px; margin: -1px 0px 0px 0px; position: relative; } .col_header_long { width: 390px; background:transparent url(../images/backgrounds/col_header_long.gif) no-repeat 100% 0px; } .col_header2 { width: 185px; height: 43px; font-size: 16px; padding: 6px 10px 0px 10px; border-bottom: 4px solid #C18D24; font-weight: bold; color: #ffffff; background: transparent url(../images/backgrounds/col_header2.gif) no-repeat 100% 0px; line-height: 20px; margin: -1px 0px 0px 0px; position: relative; } #col_b .col_header { margin-left: 4px; margin-right: -5px; } #col_a .col_header, #col_a .col_header2 { margin-left: -1px; } .supporting_info { width: 530px; padding: 15px 0px 15px 0px; } .supporting_info a { color: #2f4a9c; } .supporting_info a:hover { color: #000000; } .supporting_info h1 { font-size: 16px; margin: 0px 0px 2px 0px; color: #000000; } .supporting_info h2 { font-size: 16px; margin: 0px 0px 2px 0px; padding: 0px; color: #000000; background: transparent; } a.download_doc { color: #000000; font-weight: bold; padding: 0px 0px 0px 20px; background: url(../images/icons/more_arrow2.gif) no-repeat 5px 5px; } a:hover.download_doc { color: #2f4a9c; } #ab_wrapper #col_a li { padding-left: 10px; background: url(../images/lists/arrow_col_a.gif) no-repeat 0px 4px; list-style:none; } #ab_wrapper #col_a li li { padding-left: 0px; background: none; list-style-type :none; } p.moreinfo { background: url(../images/lists/arrow_col_a.gif) no-repeat 0px 7px; padding-left: 10px; padding-bottom: 10px; } /* Secondary Nav & Wrapper */ .secondarywrapper { margin: 10px 0px; padding-left: 12px; } .secondarywrapper:after { content: ""; display: block; height: 100%; clear: both; } .secondarywrapper { height: 100%; } .secondarywrapper .secondarylist { float: left; width: 200px; } .secondarywrapper .secondarylist ul { margin: 5px 0px 10px 0px; } #page_content .secondarywrapper .secondarylist li { list-style-type: none; margin: 0px; padding: 0px 0px 2px 10px; background: url(../images/lists/arrow_col_a.gif) no-repeat 0px 7px; } .secondarywrapper .secondarylist a { color: #2f4a9c; } .secondarywrapper .secondarylist a:hover { color: #000000; } /* Contactsd Table */ table.table_contacts { font-family: Arial, Helvetica, sans-serif; } table.table_contacts th { vertical-align: top; } table.table_contacts tr {} table.table_contacts td { border-top: 1px solid #6d799c; vertical-align: top; padding: 20px 15px 15px 10px; } #data.guide th { color: #ffffff; background: #6d799c; border-bottom: 1px solid #ffffff; padding: 10px 10px; text-align: left; vertical-align: bottom; font-size: 14px;} #data.guide td { color: #000000; background: #d7d7d7; border-bottom: 1px solid #ffffff; padding: 5px 10px; text-align: left; vertical-align: top; } #data.guide td.indent1 { padding-left: 25px; } /* HOME PAGE ---------------------------------------------------------- */ #nav_hp { width: 970px; } #nav_hp:after { content: ""; display: block; height: 100%; clear: both; } #nav_hp { height: 100%; } #maincolumn { width: 755px; float: left; background: transparent none; margin: 0px; padding: 0px; } #nav_area_1 { width: 741px; margin: 6px; padding: 0px; color: #5A543B; border: 1px solid #5E5E5E; background: #F0F0F0; } #nav_area_1 h1 { color: #C5832F; font-size: 25px; line-height: normal; margin: 15px 25px 5px 0px; float: left; } #nav_area_1 p { font-size: 12px; margin: 10px 0px 10px 12px; } #nav_area_1 a { color: #9B6715; } #nav_area_1 a.data { font-size: 16px; background: transparent url(../images/lists/data_caret.gif) no-repeat 0px 3px; padding: 0px 10px 0px 10px; font-weight: bold; } #nav_area_1 a:hover { color: #2f4a9c; } #nav_area_2 { float: left; width: 184px; height: 602px; padding: 10px 15px 25px 15px; background: #505050 url(../images/backgrounds/right_background.gif) no-repeat 0px 0px; margin: 6px 0px 0px 0px; } #nav_area_2 a { color: #2f4a9c; } #nav_area_2 a.more { color: #ffffff; } #nav_area_2 a:hover { color: #F6C73F; } #nav_area_2 h2 { color: #F6C73F; font-size: 13px; line-height: 20px; margin: 15px 0px 5px 0px; background: none; } #nav_area_2 p { color: #ffffff; font-size: 12px; margin: 0px 0px 10px 0px; line-height: 18px; } .navbox { padding: 5px 5px 0px 5px; margin: 0px 0px 5px 0px; } #top.navbox { border-bottom: none; margin: 0px 0px -13px 0px; } #top.navbox p { margin: 20px 0px 0px 0px; padding: 0px 0px 5px 0px; } #top.navbox a:hover { color: #2f4a9c; } #additional_data .navbox { padding: 10px; margin: 0px 0px 5px 0px; width: 340px; float: left; } #nav_primaryitems { border-bottom: 1px solid #ffffff; color: #000000; margin: 0px; padding: 0px; } #nav_primaryitems p { margin-left: 6px; margin-top: 0px; margin-bottom: 20px; padding: 0px; } #nav_primaryitems li { float: left; width: 183px; padding: 0px; height: 49px; list-style-type: none; border-bottom: 4px solid #C18D24; background: transparent url(../images/backgrounds/nav_primaryitems_background.gif) no-repeat 0px 0px; margin-right: 3px; } #nav_primaryitems li.last { margin-right: 0px; } #nav_primaryitems li a { display: block; height: 39px; padding: 5px 10px; font-size: 16px; font-weight: bold; color: #ffffff; text-decoration: none; line-height: 20px; } #nav_primaryitems li a:hover { color: #FFD239; text-decoration: underline; background: transparent url(../images/lists/navlink_caret.gif) no-repeat 79% 10px; } #nav_primaryitems li a#ok:hover { background-position: 79% 10px; } #nav_primaryitems li a#eod:hover { background-position: 52% 10px; } #nav_primaryitems li a#pa:hover { background-position: 83% 10px; } #nav_primaryitems li.first { width: 183px; border-left: none; } #nav_subitems { margin-bottom: 10px; margin-top: 2px; } #nav_subitems p { margin-left: 0px; margin-top: 0px; } #nav_subitems a { color: #000000; } #nav_subitems a:hover { color: #2f4a9c; } .subitem { float: left; width: 163px; height: 121px; font-size: 12px; padding: 10px 10px 20px 10px; margin-right: 3px; background: #C9C8C8; color: #000000; } .subitemlast { float: left; width: 163px; height: 121px; font-size: 12px; padding: 10px 10px 20px 10px; margin-right: 0px; background: #C9C8C8; color: #000000; } .subitem li, .subitemlast li { padding: 2px 0px 2px 10px; list-style-type: none; background: url(../images/lists/subitem_caret.gif) no-repeat 0px 6px; } #additional_data { background: #F3F3F3; width: 743px; margin: 6px; font-size: 12px; } #additional_data h2 { background: #EAEAEA; color: #C5832F; font-size: 18px; padding: 10px; } #additional_data h3 { margin-bottom: 7px; } #additional_data h3 a { color: #7D765B; font-size: 16px; font-style: italic; } #additional_data a.data { background: transparent url(../images/lists/data_caret.gif) no-repeat 0px 3px; padding: 0px 10px 0px 10px; } #additional_data a:hover { color: #2f4a9c; } #additional_data p { margin-left: 10px; } #quick_finds { width: 741px; margin: 6px; border-top: 1px solid #C4C4C4; } #quick_finds:after { content: ""; display: block; height: 100%; clear: both; } #quick_finds { height: 100%; } #quick_finds h2 { color: #C5832F; font-size: 16px; padding: 10px; margin: 0px; background: none; } .qfind_item { float: left; width: 123px; padding: 0px 15px 25px 10px; font-size: 12px; color: #000000; background: transparent url(../images/backgrounds/quick_items_background.gif) repeat-y 100% 0px; height: 107px; } .qfind_item a { padding-right: 12px; text-decoration: none; } .quickarrow { margin-left: 7px; } .qfind_item.last { background: none; } /* SECONDARY PAGE ---------------------------------------------------------- */ body#secondary #content_main { float: left; width: 524px; padding: 30px 20px 10px 20px; color: #000000; background: #ffffff; } body#secondary #content_main a { color: #2f4a9c; } body#secondary #content_main a:hover { color: #2f4a9c; } body#secondary #content_main h1 { color: #2f4a9c; font-size: 36px; } body#secondary #content_main h2, h2.orange{ padding: 0px 0px 10px 0px; margin: 0px; color: #2f4a9c; font-size: 16px; background: none; } body#secondary #content_main li { margin-top: 0px; margin-bottom: 5px; } body#secondary a.more { display: block; padding-left: 10px; background: url(../images/icons/more_arrow.gif) no-repeat 0px 5px; } body#secondary #col_2 { float: left; width: 403px; padding: 48px 0px 0px 0px; color: #ffffff; background: #ffffff; } body#secondary #ab_wrapper { color: #000000; margin-top: 0px; border-right: 2px solid #373d4f; border-left: 2px solid #373d4f; border-bottom: 2px solid #373d4f; border-top: 2px solid #373d4f; background: #ffffff url(../images/backgrounds/ab_wrapper.gif) repeat-y 200px 0px; } body#secondary .col_header { font-size: 16px; padding: 12px 10px 12px 10px; border-top: none; font-weight: bold; color: #ffffff; background: #6d799c /*url(../images/backgrounds/col_header.gif) no-repeat 100% 0px*/; } a.download_secondary { display: block; color: #ffffff; padding-left: 10px; font-weight: bold; background: url(../images/icons/download_doc.gif) no-repeat 0px 5px; } a:hover.download_secondary { color: #f6c73e; } /* FOOTER ---------------------------------------------------------- */ #page_footer { width: 950px; margin: 10px 0px 20px 0px; padding: 5px 10px 5px 10px; font-size: 12px; border-top: 2px solid #BFBFBF; background: #ffffff; } #homepage #page_footer { margin: 2px 0px 20px 0px; } #page_footer:after { content: ""; display: block; height: 100%; clear: both; } #page_footer { height: 100%; } #page_footer a { text-decoration: none; } #page_footer a:hover { text-decoration: underline; } #agency_name { float: right; position: relative; bottom: 15px; text-align: right; } #pub_date { font-weight: bold; color: #7D765B; } /* Display Tables*/ td.numbers { text-align: right; padding-right: 2px; } /* PRIMARY PAGE ---------------------------------------------------------- */ body#primary #page_header, body#interior_content #page_header { border-bottom: 2px solid #ffffff; } body#interior_content #page_content h1 { margin: 0px 0px 15px -20px; background: #E4E4E4; padding: 0px 0px 10px 20px; } /*Homocide Page */ ul.generic li {color: #000; margin-bottom:0px !important; list-style-type:none;}