/* YUI Reset version: 3.0.0 build: 1549 - Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;} /* * General comments * * * -Text-indent: visually hides the text and allows us to use an image in it's place, but a screen reader will still read it; * -Images with -hires have a Low-res version available in the images folder. Names are the same, minus '-hires' * -Nav & Contact images are utilizing CSS sprites. Background position is important */ /* * * * * * * * * * BASICS * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ html, body {font:13px/1.6em Helvetica, Arial, sans-serif; background:url(../images/body-bkg-hires.jpg) 50% 0 no-repeat #004279;} /* Low Res img in Images folder */ strong {font-weight:bold;} em {font-style:italic;} p { margin-bottom:0.9em; padding: 0; margin: 0; text-indent: 15px; font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #333; } .bold { margin-bottom:0.9em; padding: 0; margin: 0; text-indent: 15px; font-weight: bold; } .hide {display:none;} h1,h2,h3,h4 { font-family:Verdana, Geneva, sans-serif; color:#000; text-transform:none; } h1 {font-size:15px;} h2 {font-size:13px;} h3 {font-size:11px;} h4 {font-size:11px; color:#004279;} .red { margin-bottom:0.9em; padding: 0; margin: 0; text-indent: 15px; color: #F00; font-weight: bold; } #content h1 { margin:.75em 0em .25em 0em; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; background-color: #E2EAF5; } #content h2 { margin:.75em 0em .25em 0em; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: bold; background-color: #E2EAF5; } #content h4 { margin:0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; } #content a, #press-releases a{ color:#004279; text-decoration:none; } #content a:hover, #press-releases a:hover{ color:#5280B1; text-decoration:none; } #content h3,#content h5,#content h6 { margin:.75em 0em .25em 0em; font-family: Verdana, Geneva, sans-serif; font-size: 10px; font-weight: bold; } /* * * * * * * * * * BASE GRID * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ #outer-wrapper {width:875px; margin:0 auto; overflow:hidden;} #outer-wrapper #inner-wrapper {width:845px; margin:0 auto; overflow:hidden; background:url(../images/inner-wrapper-bkg-rpt.gif) 0 0 repeat-y;} /* Faux Columns to make it look as if they both stretch to the footer */ #inner-wrapper #content-wrapper {overflow:hidden; width:845px;} /* Width + Overflow triggers box model in IE6 to clear floats (for the footer)*/ #side-col {width:213px; overflow:hidden; float:left; background:#b9cce8;} #primary-col {width:632px; overflow:hidden; float:right;} .contentpadding {padding:10px;} /* This is used so we don't 'stretch' our measurments when assigning a width & padding to an element with a measurement. /* * * * * * * * * * SIDE COLUMN (hd, nav, press) * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* Header */ #hd {height:160px; overflow:hidden; background:url(../images/hd+nav-sprites-hires.jpg) 0 0 no-repeat;text-indent:-9999px;} #hd h1 a {display:block; height:150px; margin:5px 0px 0px 25px; width:160px;} /* Nav (using IMG/CSS sprites) */ #nav {} #nav ol {} #nav ol li {} #nav ol li a {display:block; height:20px; width:213px; background:url(../images/hd+nav-sprites-hires.jpg) -213px 0px no-repeat; text-indent:-9999px;} /* Nav rollover/active states (IMG/CSS sprites) */ #nav ol li#nav-home a {background-position:-213px 0px;} #nav ol li#nav-home a:hover {background-position:-426px 0px;} #nav ol li#nav-home.active a, #nav ol li#nav-home.active a:hover {background-position:-639px 0px;} #nav ol li#nav-about a {background-position:-213px -20px;} #nav ol li#nav-about a:hover {background-position:-426px -20px;} #nav ol li#nav-about.active a, #nav ol li#nav-about.active a:hover {background-position:-639px -20px;} #nav ol li#nav-howwecanhelp a {background-position:-213px -40px;} #nav ol li#nav-howwecanhelp a:hover {background-position:-426px -40px;} #nav ol li#nav-howwecanhelp.active a, #nav ol li#nav-howwecanhelp.active a:hover {background-position:-639px -40px;} #nav ol li#nav-careers a {background-position:-213px -60px;} #nav ol li#nav-careers a:hover {background-position:-426px -60px;} #nav ol li#nav-careers.active a, #nav ol li#nav-careers.active a:hover{background-position:-639px -60px;} #nav ol li#nav-caselookup a {background-position:-213px -80px;} #nav ol li#nav-caselookup a:hover {background-position:-426px -80px;} #nav ol li#nav-caselookup.active a, #nav ol li#nav-caselookup.active a:hover {background-position:-639px -80px;} #nav ol li#nav-press a {background-position:-213px -100px;} #nav ol li#nav-press a:hover {background-position:-426px -100px;} #nav ol li#nav-press.active a, #nav ol li#nav-press.active a:hover {background-position:-639px -100px;} #nav ol li#nav-links a {background-position:-213px -120px;} #nav ol li#nav-links a:hover {background-position:-426px -120px;} #nav ol li#nav-links.active a, #nav ol li#nav-links.active a:hover {background-position:-639px -120px} #nav ol li#nav-contact a {background-position:-213px -140px;} #nav ol li#nav-contact a:hover {background-position:-426px -140px;} #nav ol li#nav-contact.active a, #nav ol li#nav-contact.active a:hover{background-position:-639px -140px;} /* Press Release */ #press-releases {background:url(../images/press-bkg-rpt.gif) 0 0 repeat-x #b9cce8;} #press-releases h2 {height:44px; width:143; margin-left:10px; background:url(../images/press-h2.jpg) 0 0 no-repeat; text-indent:-9999px;} #press-releases .item h3 {font-size:13px; font-weight:bold; font-family: Helvetica, Arial, Sans-Serif; text-transform:capitalize;} #press-releases .item {font-size:12px; line-height:1.3em; margin-bottom:5px; overflow:hidden;} /* * * * * * * * * * PRIMARY COLUMN (content, contact)* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* Title (IMG) - "Sate Attorney's office for the fourth ... */ #office-title {height:66px; width:632px; overflow:hidden; background:url(../images/office-title-hires.jpg) 0 0 no-repeat; border-bottom:3px solid #000; text-indent:-9999px;} #office-title p {height:66px; width:632px; overflow:hidden; border-bottom:3px solid #000; text-indent:-9999px;} /* Banner / slideshow */ #banner-wrapper {border-bottom:5px solid #000;} #banner-slideshow {height:193px; width:632px; overflow:hidden;} #banner-wrapper h2 {height:90px;} #banner-wrapper h2#about {background:url(../images/subpage-h2/about-bkg.jpg) 0 0 no-repeat;} #banner-wrapper h2#howwecanhelp {background:url(../images/subpage-h2/howcanwehelp-bkg.jpg) 0 0 no-repeat;} #banner-wrapper h2#careers {background:url(../images/subpage-h2/careers-bkg.jpg) 0 0 no-repeat;} #banner-wrapper h2#caselookup {background:url(../images/subpage-h2/caselookup-bkg.jpg) 0 0 no-repeat;} #banner-wrapper h2#press {background:url(../images/subpage-h2/press-bkg.jpg) 0 0 no-repeat;} #banner-wrapper h2#links {background:url(../images/subpage-h2/links-bkg.jpg) 0 0 no-repeat;} #banner-wrapper h2#contact {background:url(../images/subpage-h2/contact-bkg.jpg) 0 0 no-repeat;} #banner-wrapper h2#about,#banner-wrapper h2#howwecanhelp, #banner-wrapper h2#careers,#banner-wrapper h2#caselookup, #banner-wrapper h2#press,#banner-wrapper h2#links, #banner-wrapper h2#contact {text-indent:-9999px;} /* Text-indent: visually hides text. But a screen reader will still read it */ /* Main content area */ #bd #content {background:url(../images/content-bkg.jpg) 0 0 no-repeat #fff; overflow:hidden; padding-bottom:15px;} #bd #content h2#welcome {height:71px; width:348px; margin-bottom:10px; background:url(../images/welcome-to-FL-state-attorney.jpg) 0 0 no-repeat; text-indent:-9999px;} .signature {width:223px; height:39px; background:url(../images/signature.gif) 0 0 no-repeat; float:right; text-indent:-9999px;} /* County Contact boxes */ #bd #county-contact {width:632px; clear:both; float:none; overflow:hidden;} #county-contact .contentpadding {padding:5px;} #county-contact h1,#county-contact h2,#county-contact h3,#county-contact h4,#county-contact h5,#county-contact h6 {margin:0;} #county-contact .single-county {float:left; overflow:hidden; font-size:12px; line-height:1.3em; height:190px;} .adr, .hours-of-operation {margin-bottom:7px;} .hours-of-operation {font-weight:bold;} #clay .hours-of-operation, #nassua .hours-of-operation {margin-top:22px;} /* Bring Hours of Operation down to the same baseline as Duval */ .single-county .tel {clear:both; float:none; overflow:hidden; margin-bottom:1px;} #ie6 .single-county .tel {height:15px;}/* IE6 didn't seem to like line-height:1.3em above. Height created the same effect. */ .single-county .tel .type {width:115px; float:left;} #nassua .tel .type {width:114px; float:left;} .single-county .tel .value {width:86px; float:left;} /* Contact h3 background sprites (IMG/CSS sprites) */ #county-contact h3 {font-size:13px; background:url(../images/contact-bkg-sprites.jpg) 0 0 no-repeat; font-family: Helvetica, Arial, Sans-Serif; font-weight:bold; text-transform:capitalize; margin-bottom:5px;} /* Low Res img in Images folder */ #county-contact #duval { width:211px; background:#fdb0b8; bottom: 0px; position: relative; } #county-contact #duval h3 {background-position:0px 0px;} #county-contact #duval h4 {font-family:Helvetica, Arial, Sans-Serif; font-weight:bold; text-transform:capitalize; font-size:12px; color:#000;} #county-contact #clay {width:211px; background:#baf1c3;} #county-contact #clay h3 {background-position:0px -30px;} #county-contact #nassua {width:210px; background:#f9e9b3;} #county-contact #nassua h3 {background-position:0px -60px;} /* * * * * * * * * * FOOTER * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ #ft {height:40px; border:1px solid #fff; border-bottom:0px; background:url(../images/ft-bkg-rpt.gif) 0 0 repeat-x #4679e3;} #ft p {padding-top:10px; text-align:center; color:#fff; margin:0;} #ft p a {color:#fff; text-decoration:none;} #ft-shadow {width:875px; height:15px; margin:0 auto; overflow:hidden; background:url(../images/ft-shadow.png) 50% 0 no-repeat;} #ie6 #ft-shadow {background:none;} #ie6 #inner-wrapper {border-bottom:3px solid #003562;} /* PNG shadow won't work properly in IE6; we'll hide it (above) and just use a border. */ /* GSI New Ids and Classes */ .fltright { float:right; margin-right: 0px; margin-bottom: 15px; } .fltleft { float:left; margin-right: 10px; margin-bottom: 15px; } #pageList li { list-style-position: inside; list-style-type: disc; font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #333; }