/* Stylesheet for FBI CIUS Web Site - Wrapper -------------------------------------------------------- File Name: cius_main.css Media: Screen Version: 1.1 Created: 13 July 2006 Last-Modified: 13 May 2009 Caldwell Weglicki -------------------------------------------------------- */ /* HTML Elements ---------------------------------------------------------- */ /* --- Document Elements --- */ * { margin: 0; padding: 0; } body { color: #010101; margin: 0; font-family: Arial, Helvetica, sans-serif; background: #FFFFFF; } /* --- Block Elements --- */ br {} hr { } img {} a img {border: 0 none;} /* --- Header Text --- */ h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; } h1 { font-size: 36px; color: #1b528e; margin-bottom: 14px; line-height: 38px; } h2 { font-size: 12px; color: #FFFFFF; margin-bottom: 2px; padding: 3px; } h3 { font-size: 14px; color: #010101; margin-bottom: 2px; } h4 { font-size: 12px; color: #010101; margin-bottom: 2px; } h5 { font-size: 11px; color: #010101; margin-bottom: 2px; } h6 { font-size: 10px; color: #010101; 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: #4a4949; } a:hover { color: #289fe4; } 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 0 10px 20px; } dt { font-weight: bold; margin: 10px 0 0 0; } 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 { display: block; clear: both; overflow: hidden; width: 1px; height: 1px; margin: 0 -1px -1px 0; border: 0; font-size: 0; line-height: 0; } .hide { display: none; } .textcenter { text-align: center; } .alignright { text-align: right !important; } .alignleft { text-align: left !important; } /* Body Triggers ---------------------------------------------------------- */ body.homepage { } body.primary { } body.secondary { } body.interior_content { } body.interior_table { } /* HEADER ---------------------------------------------------------- */ #page_header { width: 970px; height: 178px; font-size: 12px; border-bottom: 3px solid #FFFFFF; background: transparent url(../images/backgrounds/page_header.jpg) no-repeat 0 0; } #page_header:after { content: ""; display: block; height: 178px; clear: both; } #page_header { height: 178px; } #nav_extlinks { color: #FFFFFF; font-size: 12px; margin: 9px 30px 16px 0; padding: 0; list-style-type: none; float: right; position: relative; z-index: 1; } #nav_extlinks li { float: left; padding: 0 0 0 27px; background: transparent url(../images/lists/extlink_pipe.gif) no-repeat 9px 2px; } html[xmlns*=""] body:last-child #nav_utility li { background-position: 4px 2px; } /* Safari hack */ #nav_extlinks li.first { padding: 0; background: none; } #nav_extlinks li a { color: #FFFFFF; text-decoration: none; } #nav_extlinks li a:hover { color: #F4E0AA; } #nav_utility { float: right; margin: -5px 30px 0 0; padding: 0; font-size: 11px; } #nav_utility li { font-family: "Arial Narrow", Helvetica, sans-serif; float: left; list-style-type: none; padding: 0 0 0 12px; background: url(../images/lists/pipe_utility.gif) no-repeat 4px 3px; } #nav_utility .selected a { font-weight: bold; text-decoration: none; } #nav_utility li.first { padding: 0; background: none; } #nav_utility a { color: #ffffff; text-transform: uppercase; text-decoration: none; } #nav_utility a:hover { color: #F4E0AA; } #indexlink { display: block; position: absolute; height: 160px; left: 8px; top: 15px; width: 155px; } /* Changed 9/20/10 */ /* PRIMARY NAVIGATION ---------------------------------------------------------- */ #nav_1 { width: 970px; height: 41px; padding: 0; font-size: 12px; background: #c6c2a8; border-bottom: 4px solid white; } body.interior_table #nav_1 { border-bottom: none; } #nav_1:after { content: ""; display: block; height: 100%; clear: both; } #nav_1 { height: 41px; } #nav_1 li { float: left; height: 30px; list-style-type: none; padding: 11px 11px 0 11px; background: url(../images/lists/pipe_nav_1.gif) no-repeat 0 14px; font-weight: bold; font-size: 12px; } #nav_1 a { color: #FFFFFF; text-decoration: underline; } #nav_1 a:hover, #nav_1 .selected a:hover { color: #1b528e; } #nav_1 .selected { border-left: 1px solid white; border-right: 1px solid white; background: #eae5c4 none; } #nav_1 .selected a { color: #4a4949; text-decoration: none; } #nav_1 .selected a:hover { color: #4a4949; text-decoration: none; } #nav_1 li.first { background: none; padding-left: 6px; padding-right: 9px; } #nav_1 li.last { padding-right: 6px; padding-left: 9px; } .nopipe { background: none !important; } .about { border-right: none !important; padding-right: 10px !important; } html[xmlns*=""] body:last-child .about { padding-right: 10px !important; } /* Safari hack */ /* "RETURN TO" NAVIGATION ---------------------------------------------------------- */ #nav_return { width: 930px; height: 20px; padding: 5px 20px 5px 20px; font-size: 12px; background: #f0ecd4; } #nav_return:after { content: ""; display: block; height: 12px; clear: both; } #nav_return { height: 12px; } #nav_return li { float: left; list-style-type: none; padding: 0 0 0 15px; background: url(../images/lists/pipe_nav.gif) no-repeat 7px 3px; } #nav_return li.first { padding: 0; background: none; } #nav_return li a { padding-left: 10px; background: url(../images/icons/more_arrow2.gif) no-repeat 0 5px; } body.interior_table #nav_return { padding: 12px 20px 25px 20px; } /* CONTENT AREA ---------------------------------------------------------- */ #page_content { padding: 0 0 10px 20px; font-size: 12px; line-height: 20px; color: #4A4949; background: #ffffff url(../images/backgrounds/page_content.gif) repeat-x 0 0; } #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: 0 0 10px 17px; list-style-type: square; } #page_content h1.secondary { font-size: 22px; } #page_content h1.standard { font-size: 30px; } #page_content h2 { padding: 0; margin: 0; color: #B86E0D; font-size: 16px; background: none; } #page_content h2.tableguide { padding: 0; margin: 0 0 10px 0; } #page_content h2.tablesubguide { padding: 0; margin: 10px 0 10px 0; color: #df8b21; } body.interior_content #page_content { width: 950px; background-image: none; } body.primary #page_content { width: 970px; padding: 0; font-size: 12px; line-height: 20px; } body.secondary #page_content { width: 970px; padding: 0; font-size: 12px; line-height: 20px; } body.homepage #page_content { width: 970px; padding: 0; font-size: 12px; line-height: 20px; } body.interior_table #page_content { width: 950px; background: #ffffff url(../images/backgrounds/table_content_background.gif) repeat-x 0 -45px; } body.interior_table #page_content h1 { margin-bottom: 22px; } body.okle #page_content { background-image: url(../images/backgrounds/page_content.gif); } #col_1 { float: left; width: 559px; } #content_main { float: left; width: 524px; padding: 25px 20px 10px 20px; color: #4A4949; } #content_main a { color: #4A4949; } #content_main a:hover { color: #289fe4; } #content_main h1 { color: #1b528e; font-size: 36px; margin-bottom: 40px; } #content_main h2 { padding: 0; margin: 0; color: #1b528e; font-size: 16px; background: none; } #content_main h2.incidents { margin-bottom: 10px; } /* Added 9/20/10 */ /* Corrections - 8/15/07 */ #content_main ul li { margin-top: 0; margin-bottom: 10px; list-style-type: square; } #content_main ol { padding-left: 5px; } #content_main ol li { margin-top: 0; margin-bottom: 10px; list-style-type: decimal; } a.more { display: block; padding-left: 10px; background: url(../images/icons/more_arrow.gif) no-repeat 0 5px; } #content_main a.more { background: url(../images/icons/more_arrow2.gif) no-repeat 0 5px; } body.interior_content #content_main { width: 544px; padding: 0 20px 10px 0; float: none; } body.interior_content #content_main h2 { padding: 7px 12px; margin: 25px 0 15px 0; color: #feec62; font-size: 16px; background: #2089cc url(../images/backgrounds/bkg-dataheader.gif) repeat-x 0 0; } 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 0 10px 20px; padding: 0 12px 7px 12px; border: 1px solid #e1e1e1; line-height: 20px; } #page_content .content_sub a { color: #6A6969; } #page_content .content_sub a:hover { color: #289fe4; } #page_content .content_sub h2 { margin: 0 -12px 12px -12px; color: #1b528e; font-size: 16px; line-height: 18px; padding: 15px 12px; background: #faf9ed; border-bottom: 1px dashed #e1e1e1;} #page_content .content_sub p { margin: 0 0 5px 0; } #col_2 { float: left; width: 410px; padding: 32px 0 0 0; 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 0 5px; } a:hover.download_primary { color: #2F4A9C; } /* Added 8/1/07 */ p.download_primary { margin: 0; padding: 3px 0 10px 0; } p.download_primary a { color: #FFFFFF; padding-left: 10px; font-weight: bold; background: url(../images/icons/more_arrow2.gif) no-repeat 0 5px; margin-bottom: 10px; } p.download_primary a:hover { color: #2F4A9C; } #ab_wrapper { color: #4A4949; margin-top: 0; border: 1px solid #7D7B7B; background: #FFFFFF url(../images/backgrounds/ab_wrapper.gif) repeat-y 203px 0; } #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: 0 0 5px 0; list-style-type: none; line-height: normal; } #ab_wrapper a { color: #4A4949; } #ab_wrapper a:hover { color: #289fe4; } #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 0 0 15px; line-height: 16px; } .col_header, .col_header_long { width: 185px; height: 43px; font-size: 16px; padding: 6px 10px 0 10px; border-bottom: 4px solid #02529d; font-weight: bold; color: #FFFFFF; background: transparent url(../images/backgrounds/col_header.gif) no-repeat 100% 0; line-height: 20px; margin: -1px 0 0 0; position: relative; } .col_header_long { width: 390px; background:transparent url(../images/backgrounds/col_header_long.gif) no-repeat 100% 0; } .col_header2 { width: 185px; height: 43px; font-size: 16px; padding: 6px 10px 0 10px; border-bottom: 4px solid #02529d; font-weight: bold; color: #FFFFFF; background: transparent url(../images/backgrounds/col_header2.gif) no-repeat 100% 0; line-height: 20px; margin: -1px 0 0 0; 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: 700px; padding: 10px 0 15px 5px; font-size: 12px; line-height: 20px; } .supporting_info a { color: #1b528e; } .supporting_info a:hover { color: #010101; } .supporting_info h1 { font-size: 16px; margin: 0 0 10px 0 !important; padding: 0; color: #4a4949; line-height: 16px; } .supporting_info h2 { font-size: 16px; margin: 15px 0 2px 0 !important; padding: 0; color: #1b528e !important; background: transparent; } a.download_doc { color: #6A6969; font-weight: bold; padding: 0 0 0 20px; background: url(../images/icons/more_arrow2.gif) no-repeat 5px 5px; } a:hover.download_doc { color: #289fe4; } #ab_wrapper #col_a li { padding-left: 10px; background: url(../images/lists/arrow_col_a.gif) no-repeat 0 3px; list-style:none; } #ab_wrapper #col_a li li { padding-left: 0; background: none; list-style-type :none; } p.moreinfo { background: url(../images/lists/arrow_col_a.gif) no-repeat 0 7px; padding-left: 10px; padding-bottom: 10px; } /* Secondary Nav & Wrapper */ .secondarywrapper { margin: 10px 0; 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 0 10px 0; } #page_content .secondarywrapper .secondarylist li { list-style-type: none; margin: 0; padding: 0 0 2px 10px; background: url(../images/lists/arrow_col_a.gif) no-repeat 0 7px; } .secondarywrapper .secondarylist a { color: #4A4949; } .secondarywrapper .secondarylist a:hover { color: #289fe4; } /* 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: #010101; background: #d7d7d7; border-bottom: 1px solid #FFFFFF; padding: 5px 10px; text-align: left; vertical-align: top; } #data.guide td.indent1 { padding-left: 25px; } /*add jn 10-25-10*/ .hcact_p_indent1 {padding-left: 35px; } .hcact_p_indent2 {padding-left: 55px; } .indent {text-indent: 45px;} /* 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: 0; padding: 0; } #nav_area_1 { width: 741px; margin: 6px; padding: 0; color: #4a4949; border: 0px solid #A4A4A4; background: #FFFFFF; } #nav_area_1 h1 { /*color: #C5832F; font-size: 25px; line-height: normal; margin: 15px 25px 5px 0; float: left; */ position: absolute; z-index: -1; visibility: hidden; } #nav_area_1 h2 { font-size: 25px; line-height: 20px; } #nav_area_1 h2 a { color: #1b528e; } #nav_area_1 p { font-size: 12px; margin: 10px 0 10px 12px; } #nav_area_1 a { color: #289fe4; } #nav_area_1 a.data { color: #1b528e; font-size: 16px; background: transparent url(../images/lists/data_caret.gif) no-repeat 0 3px; padding: 0 10px 0 10px; font-weight: bold; } #nav_area_1 a:hover { color: #289fe4; } #nav_area_2 { float: left; width: 181px; height: 581px; padding: 10px 15px 0 15px; background: #ded8b8 none; margin: 6px 0 0 0; } /* Changed 9/9/10 */ #nav_area_2 a { color: #4a4949; } #nav_area_2 a.more { color: #4a4949; margin-top: 5px; } #nav_area_2 a:hover { color: #289fe4; } #nav_area_2 h2 { color: #1b528e; font-size: 13px; line-height: 18px; margin: 15px 0 5px 0; background: none; } #nav_area_2 p { color: #4a4949; font-size: 12px; margin: 0 0 10px 0; line-height: 15px; } .navbox { padding: 20px 5px 20px 5px; margin: 0 0 5px 0; } .ciusnavbox { width: 308px !important; } .hcsnavbox { width: 393px !important; } #top.navbox { border-bottom: none; margin: 0 0 0 0; } #top.navbox p { margin: -22px 105px 0 0; padding: 0 0 5px 0; float: right; } #top.navbox a:hover { color: #289fe4; } #additional_data .navbox { padding: 10px; margin: 0 0 5px 0; width: 340px; float: left; } #nav_primaryitems { border-bottom: 1px solid #FFFFFF; color: #010101; margin: 0; padding: 0; } #nav_primaryitems p { margin-left: 6px; margin-top: 0; margin-bottom: 20px; padding: 0; } #nav_primaryitems li { float: left; width: 145px; padding: 0; height: 49px; list-style-type: none; border-bottom: 4px solid #02529d; background: transparent url(../images/backgrounds/nav_primaryitems_background.gif) no-repeat -39px 0; margin-right: 3px; } #nav_primaryitems li.last { margin-right: 0; } #nav_primaryitems li a { display: block; width: 164px; height: 39px; padding: 8px 10px 0 10px; font-size: 14px; font-weight: bold; color: #FFFFFF; text-decoration: none; line-height: 17px; } #nav_primaryitems li a:hover { color: #feec62; text-decoration: underline; background: transparent url(../images/lists/navlink_caret.gif) no-repeat 126px 10px; } #nav_primaryitems li#ok a:hover { background-position: 275px 10px; } /*#nav_primaryitems li a#eod:hover { background-position: 52% 10px; }*/ #nav_primaryitems li a#pa:hover { background-position: 139px 10px; } #nav_primaryitems li#ok { width: 367px; background: transparent url(../images/backgrounds/ok_primaryitems_background.gif) no-repeat -3px 0; } #nav_primaryitems li#ok a { width: 347px; } #nav_primaryitems li.first { width: 145px; border-left: none; } #nav_subitems { margin-bottom: 10px; margin-top: 2px; } #nav_subitems p { margin-left: 0; margin-top: 0; } #nav_subitems a { color: #010101; } #nav_subitems a:hover { color: #289fe4; } .subitem { float: left; width: 125px; height: 140px; font-size: 12px; padding: 10px 10px 20px 10px; margin-right: 3px; background: #f0ecd4; color: #010101; } .okitem { width: 347px; } .okitem ul { float: left; margin-right: 10px; /* 08.03.09 - changed the margin-right from 35 to 10 to allow for new text to be added */ } .subitemlast { float: left; width: 125px; height: 140px; font-size: 12px; padding: 10px 10px 20px 10px; margin-right: 0; background: #f0ecd4; color: #010101; } .subitem li, .subitemlast li { padding: 2px 0 2px 10px; list-style-type: none; background: url(../images/lists/subitem_caret.gif) no-repeat 0 6px; } #additional_data { background: #FFFFFF; width: 743px; margin: 6px; font-size: 12px; } #additional_data h2 { background: #f0ecd4; color: #1b528e; font-size: 18px; padding: 10px; } #additional_data h3 { margin-bottom: 7px; } #additional_data h3 a { color: #1b528e; font-size: 16px; font-style: italic; } #additional_data a.data { background: transparent url(../images/lists/data_caret.gif) no-repeat 0 3px; padding: 0 10px 0 10px; } #additional_data a:hover { color: #289fe4; } #additional_data p { margin-left: 10px; } #quick_finds { width: 741px; margin: 6px; border-top: 1px solid #C4C4C4; background: transparent url(../images/backgrounds/bkg-quick_finds.gif) repeat-y 148px 0; } /* Changed 9/9/10 */ #quick_finds:after { content: ""; display: block; height: 100%; clear: both; } #quick_finds { height: 100%; } #quick_finds h2 { color: #1b528e; font-size: 16px; padding: 10px; margin: 0; background: #ffffff none; }/* Changed 9/9/10 */ .qfind_item { float: left; width: 123px; padding: 0 15px 10px 10px; font-size: 12px; color: #010101; /*background: transparent url(../images/backgrounds/quick_items_background.gif) repeat-y 100% 0; height: 107px;*/ }/* Changed 9/9/10 */ .qfind_item a { padding-right: 3px; 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: #010101; 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: 0 0 10px 0; margin: 0; color: #2F4A9C; font-size: 16px; background: none; } body.secondary #content_main li { margin-top: 0; margin-bottom: 5px; } body.secondary a.more { display: block; padding-left: 10px; background: url(../images/icons/more_arrow.gif) no-repeat 0 5px; } body.secondary #col_2 { float: left; width: 403px; padding: 48px 0 0 0; color: #FFFFFF; background: #FFFFFF; } body.secondary #ab_wrapper { color: #010101; margin-top: 0; 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 0; } 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% 0*/; } a.download_secondary { display: block; color: #FFFFFF; padding-left: 10px; font-weight: bold; background: url(../images/icons/download_doc.gif) no-repeat 0 5px; } a:hover.download_secondary { color: #f6c73e; } /* FOOTER - Changed 8/6/09 ---------------------------------------------------------- */ #page_footer { width: 950px; margin: 10px 0 20px 0; padding: 5px 10px 5px 10px; font-size: 12px; border-top: 2px solid #02529d; background: #FFFFFF; } #homepage #page_footer { margin: 2px 0 20px 0; } #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 { width: 50%; float: right; text-align: right; } #pub_date { font-weight: bold; color: #6A6969; } #page_footer em { display: block; width: 50%; float: left; } /* Display Tables*/ td.numbers { text-align: right; padding-right: 2px; } /* PRIMARY PAGE ---------------------------------------------------------- */ body.primary #page_header, body.interior_content #page_header { border-bottom: 3px solid #FFFFFF; } body.interior_content #page_content h1 { margin: 0 0 15px -20px; background: #f0ecd4; padding: 10px 0 15px 20px; color: #1b528e; } /*Homocide Page */ ul.generic li {color: #000000; margin-bottom:0px !important; list-style-type:none; } /* Feedback Form - Added 9/13/10 */ #feedback .buttonWell { margin: 10px 0 30px 20px; } #q01text { width: 200px; } /* State Tables - Added 9/29/10 */ #page_content .stateTableView { margin: 30px 0 5px; font-size: 13px; color: #333333; }