/* -------------------------- */ /* -------- CSS Reset ------- */ /* -------------------------- */ * { margin:0px; padding:0px; } a { color:#5A495B; font-weight:bold; text-decoration:none; } a:visited { color:#5A495B; font-weight:bold; text-decoration:none; } a:hover { color:#5A495B; font-weight:bold; text-decoration:underline; } a:active { color:#5A495B; font-weight:bold; text-decoration:none; } a img { border:0px; } body { background:#b0ad7f url(../images/bodyBG.gif) repeat-y top center; color:#4D4D4D; font-size:62.5%; font-family:Verdana, Arial, sans-serif; font-weight:normal; text-align:left; } fieldset { border:1px solid #AAAAAA; margin:1em 0em 1em 0em; padding:1em; } legend { margin-left:1em; padding:0em .5em 0em .5em; border:1px solid #AAAAAA; } p { padding:.2em 0em .6em 0em; display:block; } select option{ padding:0 10px 0 0; } ul, ol { margin:0em 0em 0em 1.5em;} ul li, ol li { padding:0em .5em .5em .5em; } ul ul li, ol ol li { padding:0em .5em .5em .5em; } ul li { list-style-type:disc;} ul ul li { list-style-type:square;} #background { background:url(../images/bodyHeaderBG.jpg) no-repeat top center; height:398px; width:100%; display:table; } #content { } #content #breadcrumbs { color:#5A495B; padding:14px 0 12px 275px; } #breadcrumbs a { color:#5A495B; float:left; font-weight:normal; text-decoration:underline; } #breadcrumbs .separator { background:url(../images/breadcrumbs-arrow.gif) 4px 5px no-repeat; display:block; float:left; padding:0 5px; text-indent:-2000px; width:2px; } #content #copy { background-color:#FFF; font-family:Arial, sans-serif; font-size:1.1em; float:left; line-height:2em; padding:20px 30px; width:600px; } #content #copy big { font-size:1.18em; display:block; padding:10px 0; } #content #copy h1 { font-size:2.36em; padding:0 0 15px 0; } #content #copy h2 { font-size:1.1em; padding-top:5px; } #content #copy h3 { font-size:1em; padding-top:5px; } #content #copy small, .small { font-size:0.9em; line-height:1.7em; } #content #copy strong a { text-decoration:underline; } .faqCopy { padding:20px 0px!important; width:660px!important; } .faqCopy big, .faqCopy h1, .faqCopy h2, .faqCopy h3, .faqCopy p, .faqCopy ul, .faqCopy ol { padding-left:30px!important; padding-right:30px!important; } .faqCopy #backToTop, .faqCopy #readMore { margin-left:30px; margin-right:30px; width:600px; } #content #sidebar { float:left; margin:0 25px 0 35px; width:215px; } #sidebar h3 { color:#553B56; font-size:1.5em; } #sidebar h3 a { background:url(../images/sidebar-h3LinkArrow.gif) 100% 10px no-repeat; border-left:1px solid #c4c291; color:#66654B; font-size:.6em; font-weight:normal; padding:4px; } #sidebar img { margin-top:16px; } #sidebar #sidebarContact { line-height:1.4em; margin:16px 0; padding-left:16px; } #sidebar #sidebarContact strong { color:#404041; } #sidenav { font-size:1.5em; } #sidenav a { background:url(../images/sidenav-arrow.gif) 6px 11px no-repeat; color:#5A495B; display:block; font-weight:normal; padding:4px 4px 4px 12px; } #sidebar #sidenav a:hover, #sidebar #sidenav a.current { background:url(../images/sidenav-arrow-over.gif) 6px 11px no-repeat; } #sidenav a.current { background-color:#FFF!important; } #sidenav h3 { font-size:1em; margin:15px 0 0 0; padding:0 0 8px 8px; } #sidenav ul { margin:0 0 15px 0; } #readMore { margin-top:15px; } #readMore h4 { background:url(../images/content-readMoreBorder.gif) repeat-x bottom; color:#808080; font-size:1em; font-weight:normal; margin-bottom:10px; padding:4px 25px; } #readMore .callout { background:url(../images/readMore-calloutBG.gif) no-repeat top left; float:left; line-height:1.4em; margin:0; padding:9px 12px; width:270px; } #readMore .callout a { background:url(../images/home-bottomBoxArrow.gif) 100% 5px no-repeat; color:#774D77; font-size:.9em; font-weight:normal; padding:0 4px 0 0; text-decoration:none; } #readMore .callout a:hover { text-decoration:underline; } #readMore .callout h3 { color:#553B56; font-size:1.5em; } #readMore .callout h3 a { background:url(../images/sidebar-h3LinkArrow.gif) 100% 10px no-repeat; border-left:1px solid #c4c291; color:#66654B; font-size:.8em; font-weight:normal; padding:4px; } #readMore .calloutBorder { float:left; padding:0 1px; } #footer { background-color:#dbd991; clear:both; color:#66654B; text-align:center; } .copyright { background:url(../images/footer-copyrightBG.gif) repeat-x top center; font-size:.9em; line-height:1.8em; padding:15px; } .copyright a { color:#66654B; font-weight:normal; text-decoration:none; } .copyright a:hover { color:#66654B; cursor:text; font-weight:normal; text-decoration:none; } .footerNav { background:url(../images/footer-navBG.gif) repeat-x top center; color:#ffffff; font-size:1.2em; padding:15px; } .footerNav a { font-weight:bold; padding:0 10px; } .footerNav .footerSmall { font-size:0.75em; } .footerNav .footerSmall a { color:#66654B; font-weight:normal; padding:0 6px; } #header { background:url(../images/headerBG.jpg) no-repeat top center; border-top:10px solid #66654b; height:175px; position:relative; width:970px; } #logo { height:132px; left:25px; position:absolute; top:30px; width:513px; } #meetPublicGuardian { bottom:0px; height:40px; position:absolute; right:0px; width:389px; } #horizon { width:970px; margin:0px auto; position:relative; text-align:left; } #backToTop { font-size:.9em; margin:10px 0 0 0; text-align:right; } #backToTop a { color:#4D4D4D; font-weight:normal; } .faqQuestion { margin-top:10px; padding:20px 0; width:100%; } .faqQuestion th { padding-left:30px; } .faqQuestion td { padding-right:30px; } .faqQuestion p { padding:.2em 0em .6em 0em!important; } /* div.small { padding:0 40px; } */ .underline { text-decoration:underline; } .noUnderline { text-decoration:none!important; } /*** MENU STYLES ***/ #topnavContainer { background:url(../images/topnavBG.jpg) top right no-repeat; height:50px; width:970px; } #topnav, #topnav * { list-style:none; margin:0; padding:0; } #topnav { line-height:1.0; margin-left:205px; } #topnav li { float:left; height:50px; margin-left:40px; position:relative; } #topnav li a { color:#774D77; display:block; font-size:19px; font-weight:bold; padding:15px 15px; position:relative; white-space: nowrap; } #topnav li a:hover { text-decoration:none; } #topnav ul { border:1px solid #fff; display:none; margin:0px; padding:8px 0px 15px 15px; position:absolute; top:-999em; width:515px; z-index:99; } #topnav ul li { color:#774D77; font-size:1em; height:auto; margin:0px; padding:3px 10px 3px 0; width:240px; } #topnav ul li a { color:#774D77; background:none!important; font-size:1em; margin:0px; padding:3px 10px 3px 3px; } #topnav ul li a:hover { color:#5A495B; } #topnav ul ul { border:0; display:block; left:auto; margin:0px; padding:0px; position:relative; top:auto; width:auto; } #topnav ul ul li { background:url(../images/topnav-subnavBullet.gif) 2px 7px no-repeat; float:none; height:auto; margin:0px; padding:0 0 0 6px; width:215px; } #topnav ul ul li a { font-weight:normal; margin:0px; padding:3px; width:210px; } /* Menu Specific */ #topnav li.juvenile { padding:1px 1px 0 1px; } #topnav li.juvenile a { background:url(../images/topnav-juvenileBG.png) top no-repeat; } #topnav li.juvenile ul { background-color:#D4C3E2; } #topnav li.juvenile ul .arrow { border:0px; left:0px; position:absolute; top:-29px; } #topnav li.juvenile ul li a:hover { background:url(../images/topnav-juvenileLinkBG.gif) left repeat-y !important; } #topnav li.guardianship { padding:1px 1px 0 1px; } #topnav li.guardianship a { background:url(../images/topnav-guardianshipBG.png) top no-repeat; } #topnav li.guardianship ul { background-color:#d7ed7a; width:240px; } #topnav li.guardianship ul .arrow { border:0px; left:50px; position:absolute; top:-29px; } #topnav li.guardianship ul li a:hover { background:url(../images/topnav-guardianshipLinkBG.gif) left repeat-y !important; } #topnav li.domestic { padding:1px 1px 0 1px;} #topnav li.domestic a { background:url(../images/topnav-domesticBG.png) top no-repeat; } #topnav li.domestic ul { background-color:#fcd66d; width:240px; } #topnav li.domestic ul .arrow { border:0px; left:57px; position:absolute; top:-29px; } #topnav li.domestic ul li a:hover { background:url(../images/topnav-domesticLinkBG.gif) left repeat-y !important; } #topnav li ul li.arrow a:hover { background:none!important; } /* Alignment */ #topnav li:hover { visibility:inherit; /* fixes IE7 'sticky bug' */ z-index:99; } #topnav li:hover ul, #topnav li.sfHover ul { display:block; left:0; top:50px; /* match top ul list item height */ z-index:99; } #topnav li:hover ul ul, #topnav li.sfHover ul ul { display:inline; left:0; top:0; /* match top ul list item height */ } ul#topnav li li:hover ul, ul#topnav li li.sfHover ul { top:0; } ul#topnav li li:hover li ul, ul#topnav li li.sfHover li ul { top:-999em; } ul#topnav li li li:hover ul, ul#topnav li li li.sfHover ul { left:10em; /* match ul width */ top:0; } /* point right for anchors in subs */ #topnav ul .sf-sub-indicator { background-position:-10px 0; } #topnav ul a > .sf-sub-indicator { background-position:0 0; } /* apply hovers to modern browsers */ #topnav ul a:focus > .sf-sub-indicator, #topnav ul a:hover > .sf-sub-indicator, #topnav ul a:active > .sf-sub-indicator, #topnav ul li:hover > a > .sf-sub-indicator, #topnav ul li.sfHover > a > .sf-sub-indicator { background-position:-10px 0; /* arrow hovers for modern browsers*/ } /*** shadows for all but IE6 ***/ .sf-shadow ul { background:url('../images/topnav/shadow.png') no-repeat bottom right; padding:0 8px 9px 0; -moz-border-radius-bottomleft:17px; -moz-border-radius-topright:17px; -webkit-border-top-right-radius:17px; -webkit-border-bottom-left-radius:17px; } .sf-shadow ul.sf-shadow-off { background:transparent; }