/* Theme Name: Trupiano Law Description: Trupiano Law Version: 1.0 */ html { font-size: 62.5%; } #ie html { font-size: 1em; } body { margin: 0; padding: 0; background: #FFFFFF; color: #000000; } body, input, textarea, option, select { font-family: "Times New Roman", Times, serif; } table, input, textarea, option, select { font-size: 1em; } ul, ol { margin: 0; padding: 0 0 0 2.75em; } h1, h2, h3, h4, h5, h6, p, ul, ol { padding-top: 0; padding-bottom: 1.2em; margin: 0; } ul ul, ul ol, ol ol, ol ul { padding-bottom: 0; } address { font-style: normal; } a img { border: 0; } /* DEFINE BASE FONT SIZE -- 1.1em = 11px, etc. */ body { font-size: 1.1em; } /* DEFINE CONTENT LINE HEIGHT */ #content p, #content ul, #content ol, #content li, #content blockquote { line-height: 1.45em; } /* DEFINE CONTENT COLOR */ #content, #content td { color: #000; } /* DEFINE LINK COLOR */ a:link { color: #900; } a:visited { color: #900; } a:hover, a:focus { color: #c33; } a:active { color: #900; text-decoration: none; } /* HEADERS AND FS CONTROL LEGACY HEADER CLASSES */ h1, .cfont7 { font-size: 1.4em; font-weight: bold; } h2, .cfont6, #content big.profiletopname { font-size: 1.2em; font-weight: bold;} h3, .cfont5, .cbodyhdr1, .cbodyhdr2, .profilecommtextUpr, .profilecommtexthdr, .profileheader { font-size: 1.1em; font-weight: bold; padding-bottom: .3em; } h4, .cfont4, .cbodyhdr4 { font-size: 1em; font-weight: bold; padding-bottom: .3em; } h5, .cfont3 { font-size: .9em; font-weight: bold; padding-bottom: .3em; } h6, .cfont1 { font-size: .8em; font-weight: bold; padding-bottom: .3em; } /* DEFAULT ATTORNEY PROFILE XSL STYLESHEET */ #attorneyList { padding-bottom: 1.2em; } #attorneyList ul { padding: 0; list-style: none; margin: 0; } #content big { font-size: 1em; } .profilecommtexthdr { margin: 0 5px 0 0; } big .profileheader { font-size: .91em; } /* USED BY DEFAULT IN ALL FORMS */ .asterisk { color: #FF0000; } /* CONTACT FORM - DEFAULT CONTACT US PAGE */ #containerIntakeFormI { width: 32.5em; } #containerIntakeFormI .intakeFormINote { margin: 0; padding: 0 0 1em 0; } #ie #containerIntakeFormI .intakeFormINote { margin: 0; padding: 0; } #intakeFormI legend, #intakeFormI ol, #intakeFormI ol li, #intakeFormI p, #intakeFormI select { margin: 0; padding: 0; } #intakeFormI fieldset { border: none; border-top: 1px solid black; padding-left: 10px; } #intakeFormI legend { font-weight: bold; font-size: 1.2em; color: #000; } #ie #intakeFormI legend { margin-left: -6px; } #ie #intakeFormI .intakeFormIHelp { margin-bottom: .5em; } #intakeFormI ol { list-style: none; line-height: 1em; } #ie #intakeFormI .intakeFormIInline { margin-bottom: .5em; } #intakeFormI ol li { line-height: 1em; } #intakeFormI .intakeFormIFirst { margin-top: .5em; } #ie #intakeFormI .intakeFormIFix { display: inline-block; } #intakeFormI .intakeFormIInline li { display: inline; } #intakeFormI label { cursor: pointer; } #intakeFormI .intakeFormIInline label { margin-right: 10px; } #intakeFormI input { display: block; width: 20.5em; margin-bottom: .5em; } #intakeFormI .intakeFormIInline input { display: inline; width: 25px; margin-bottom: 0; } #intakeFormI .intakeFormIInline label input { } #intakeFormI select { display: block; width: 21em; margin-bottom: .5em; } #intakeFormI textarea { width: 20.5em; margin: .5em 0; } #intakeFormI .intakeFormIHover:hover, #intakeFormI .intakeFormIHover:focus { border: 2px solid #000; } #intakeFormI .intakeFormIDisclaimer { float: left; margin-right: 10px; } #intakeFormI p { margin-bottom: .5em; } #ie #intakeFormI p { margin-top: .5em; } #intakeFormI .intakeFormISubmit { width: 13.5em; height: 2.5em; } /* AUTOFILL CONTACT FORM - IN THE DESIGN */ /* RESET */ #containerIntakeFormShort, #containerIntakeFormShort p, #intakeFormShort, #intakeFormShort fieldset, #intakeFormShort legend, #intakeFormShort ol, #intakeFormShort ol li { margin: 0; padding: 0; } /* COMMONLY EDITABLE */ #containerIntakeFormShort { } #containerIntakeFormShort p { padding: 0 0 .5em; } #intakeFormShort { } #intakeFormShort .intakeFormShortDesign { width: 150px; border: 1px solid #ccc; margin: 0 0 .5em 0; } #intakeFormShort .intakeFormShortDesign:focus, #intakeFormShort .intakeFormShortDesign:hover { border-color: #000; } #intakeFormShort .intakeFormShortSubmit { margin: 1em 0 0 0; width: 75px; height: 25px; } #intakeFormShort a:link, #intakeFormShort a:visited { } #intakeFormShort a:hover, #intakeFormShort a:focus { } /* FRAMEWORK */ #intakeFormShort fieldset { border: none; } #intakeFormShort legend { } #intakeFormShort legend span { position: absolute; left: -5000px; } #intakeFormShort ol { list-style: none; line-height: 1em; } #intakeFormShort ol li { line-height: 1em; } #ie #intakeFormShort .intakeFormShortFix { display: inline-block; } #intakeFormShort .intakeFormShortDisclaimer { font-weight: bold; } #intakeFormShort label { cursor: pointer; } #intakeFormShort label strong, #intakeFormShort .intakeFormShortDisclaimer { line-height: 1.4em; } #intakeFormShort label span { position: absolute; left: -5000px; } #intakeFormShort .formLabelHide { position: absolute; left: -5000px; } #intakeFormShort .intakeFormShortDesign { display: block; } #intakeFormShort #intakeFormShortDisclaimerCheck { width: auto; } #intakeFormShort label input { display: inline; margin: 0 5px 0 0; } /* AUTOFILL SEARCH FORM - IN THE DESIGN */ /* RESET */ #containerSearchFormDesign, #cse-search-box { margin: 0; padding: 0; } /* COMMONLY EDITABLE */ #containerSearchFormDesign { float:right; width:130px; background:url(images/bg-searchForm.gif) no-repeat; padding:0 0 0 5px; margin:19px 0 0; } #cse-search-box {} #cse-search-box label { position: absolute; left: -5000px; } #cse-search-box .searchFormDesignDesign { float:left; font-size:.82em; color:#333; width: 98px; height:1.6em; background:url(images/bg-searchInput.gif) repeat-x; border: none; padding:5px 7px 4px 2px;} #cse-search-box .searchFormDesignDesign:focus, #cse-search-box .searchFormDesignDesign:hover { border-color: #768497; } #cse-search-box #cse-search-boxSubmit { float:left; width: 19px; _width: 19.5px; height: auto; margin:0; vertical-align:middle; } /* FRAMEWORK */ #cse-search-box .formLabelHide { position: absolute; left: -5000px; } /* FAQ - IN THE DESIGN */ #designFAQ { } #designFAQ h3 { } #designFAQ ul { list-style-type: none; margin: 0 0 1.2em 0; padding: 0; } #designFAQ li { padding-bottom: .6em; } #designFAQ a { } /* NEWS FEED - IN THE DESIGN */ #designNewsFeed { } #designNewsFeed h3 { } #designNewsFeed h4 { } #designNewsFeed ul { list-style-type: none; margin: 0 0 1.2em 0; padding: 0; } #designNewsFeed li { padding-bottom: .6em; } #designNewsFeed li span.date { } #designNewsFeed li a { display: inline; } #designNewsFeed a { display: block; } /* EMAIL OBFUSCATION FORM - POPUP WINDOW */ .emailObfuscationBody { color: #000000; } #emailObfuscation { padding: 5px; } #emailObfuscation h4 { margin-top: 0; margin-bottom: 16px; } #emailObfuscation table { margin: 10px; } #emailObfuscation td { height: 24px; } #emailObfuscation td.cellLeft { padding: 2px; } #emailObfuscation td.cellRight { padding: 2px; } #emailObfuscation td.cellColspan2 { padding: 2px; } #emailObfuscation input { width: 230px; } #emailObfuscation textarea { width: 300px; } #emailObfuscation input.RadioButtonPrefferredEmail { width: 15px; } #emailObfuscation input.RadioButtonPrefferredPhone { width: 15px; } #emailObfuscation input.CheckBoxSendCopy { width: 15px; } #emailObfuscation input.ButtonSubmit { width: 100px; } #emailObfuscation input.ButtonReset { width: 100px; } #emailObfuscation p.closeWindow { text-align: right; } .emailObfuscationBody a { color: #0000FF; text-decoration: underline; } #containerIntakeFormI { width: 32.5em; } #containerIntakeFormI .intakeFormINote { margin: 0; padding: 0 0 1em 0; } #ie #containerIntakeFormI .intakeFormINote { margin: 0; padding: 0; } #intakeFormI legend, #intakeFormI ol, #intakeFormI ol li, #intakeFormI p, #intakeFormI select { margin: 0; padding: 0; } #intakeFormI fieldset { border: none; border-top: 1px solid black; padding-left: 10px; } #intakeFormI legend { font-weight: bold; font-size: 1.2em; color: #000; } #ie #intakeFormI legend { margin-left: -6px; } #ie #intakeFormI .intakeFormIHelp { margin-bottom: .5em; } #intakeFormI ol { list-style: none; line-height: 1em; } #ie #intakeFormI .intakeFormIInline { margin-bottom: .5em; } #intakeFormI ol li { line-height: 1em; } #intakeFormI .intakeFormIFirst { margin-top: .5em; } #ie #intakeFormI .intakeFormIFix { display: inline-block; } #intakeFormI .intakeFormIInline li { display: inline; } #intakeFormI label { cursor: pointer; } #intakeFormI .intakeFormIInline label { margin-right: 10px; } #intakeFormI input { display: block; width: 20.5em; margin-bottom: .5em; } #intakeFormI .intakeFormIInline input { display: inline; width: 25px; margin-bottom: 0; } #intakeFormI .intakeFormIInline label input { } #intakeFormI select { display: block; width: 21em; margin-bottom: .5em; } #intakeFormI textarea { width: 20.5em; margin: .5em 0; } #intakeFormI .intakeFormIHover:hover, #intakeFormI .intakeFormIHover:focus { border: 2px solid black; } #intakeFormI .intakeFormIDisclaimer { float: left; margin-right: 10px; } #intakeFormI p { margin-bottom: .5em; } #ie #intakeFormI p { margin-top: .5em; } #intakeFormI .intakeFormISubmit { width: 13.5em; height: 2.5em; } /* sIFR STYLES */ .sIFR-flash { visibility: visible; margin: 0; padding: 0; } .sIFR-replaced, .sIFR-ignore { visibility: visible !important; } .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; color: #333333; } .sIFR-active h1 { padding-bottom: 0; visibility: hidden; line-height: 1em; } /* STANDARD ELEMENTS */ .printElement { display: none; } .screenElement { } .handheldElement { display: none; } #skipToLinks { position: absolute; left: 0; top: -9000px; z-index: 100; list-style: none; text-align: left; margin: 0; padding: 0; } #skipToLinks li { position: relative; z-index: 100; overflow: hidden; } #content .callOut { padding: 1em; background: #fffbf5; border:1px solid #f2e6d3; margin-bottom: 1.2em; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0; } #ie .clearfix { height: 1%; } /* CUSTOM DESIGN ELEMENTS */ body.design{ background-color:#fff7ea; text-align:center;} #banner img, #navigationMain img, #columnSide img{ border-width:0;} #mainWrap{ background:#332313 url(images/bg-mainWrap.gif) repeat-x;} #navigationMain{ font-size: 1.2em; position:relative; z-index:5; width:916px; padding:0 51px 0 33px; margin:0 auto; text-align:left;} #containerSearchFormDesign{} #bannerWrap{ background:url(images/bg-bannerWrap.gif) repeat-x;} .home #bannerWrap{ background:url(images/bg-bannerWrap-home.gif) repeat-x;} #banner{ position:relative; width:1000px; height:122px; background:url(images/bg-banner.jpg) 325px 29px no-repeat; margin:0 auto; text-align:left;} .home #banner{ height:121px; background:url(images/bg-banner-home.jpg) 245px 17px no-repeat;} #logo{ position:absolute; top:17px; left:45px;} #cta1{ position:absolute; top:22px; left:802px;} #headerWrap{ background:#b59d75 url(images/bg-headerWrap.jpg) repeat-x;} .home #headerWrap{ background:#a58e6a url(images/bg-headerWrap-home.jpg) repeat-x; border-bottom:1px solid #a08862;} #header{ width:1000px; margin:0 auto; text-align:left;} #pageTitle{ font-style:italic; font-weight:normal; font-size:2.4em; font-family: "Times New Roman", Times, serif; color:#fff; padding:20px 70px 75px;} .home #criminalTitle{ position:absolute; top:23px; left:94px;} .home #xconsanalyzeTitle{ position:absolute; top:258px; left:275px;} .home #ximmigrationTitle{ position:absolute; top:81px; left:65px;} .home #practiceWrap{ background:url(images/bg-practiceWrap.gif) repeat-y; margin:0 522px 0 50px;} .home #navigationPractice{ font-size: 1.1em; background:url(images/bg-n-prac.jpg) no-repeat; border-bottom:1px solid #827054; padding:0 0 9px;} #navigationPractice a{ display:block; width:190px; font-size:.91em; padding:2px 0;} #navigationPractice a:link, #navigationPractice a:visited{ color:#e3d3b1; text-decoration:underline;} #navigationPractice a:hover, #navigationPractice a:focus, #navigationPractice a.active, #navigationPractice a.active:link, #navigationPractice a.active:visited, #navigationPractice a.active:hover, #navigationPractice a.active:focus{ color:#fff; text-decoration:underline;} #navigationPractice ul{ list-style:none; padding:0; margin:0;} #navigationPractice ul li{ display:inline;} #practiceImmigration{ display:inline; float:left; width:190px; margin:75px 25px 0 15px;} #practiceImmigration a{ padding:5px 0;} #practiceCriminal{ float:left; width:190px; margin:43px 0 0;} #practiceConsultations{ float:left; width:190px; margin:0px 0 0 0;} .lock{ clear:both; position:relative;} #sectionWrap{ width:1000px; height:108px; margin:0 auto; text-align:left;} .home #sectionWrap{ height:0;} #sectionImage{ position:absolute; top:-59px; left:69px; background-color:#fff; border:1px solid #d5d3d1; padding:5px;} .home #sectionImage{ top:-11px; left:478px;} #containerPage{ width:1000px; padding:0 0 20px; margin:0 auto; text-align:left;} .home #containerPage{ background:url(images/bg-containerPage-home.jpg) 37px 0 no-repeat;} #containerColumns{ float:left; width:1000px;} #columnMain{ float:left; width:704px; overflow:hidden;} .home #columnMain{ width:479px; padding:40px 0 0;} #tagline{ position:relative; background:url(images/bg-tagline-img.jpg) no-repeat; padding:22px 0 11px 68px; margin:0 0 0 27px;} #tagline1{ display:block;} .crim #tagline{ position:relative; background:url(images/bg-tagline-crim.jpg) no-repeat; padding:35px 0 11px 68px; margin:0 0 0 27px;} .home #tagline1{ margin:0 0 22px 107px;} #content{ padding:8px 6px 16px 51px; font-size: 1.4em;} .home #content{ padding-right:22px;} .bgLinks{} .bgLinks a{ padding:1px;} .bgLinks a:hover, .bgLinks a:focus, .bgLinks td a:hover, .bgLinks td a:focus{ color:#fff; text-decoration:underline; background-color:#cfc0a8;} #columnSide{ float:right; width:296px;} .home #columnSide{ width:521px; padding:40px 0 0;} #introImmigration{ font-size: 1.2em; display:none; background:url(images/bg-intro-immi.jpg) no-repeat;} .crim #introImmigration{ display:block;} .immi #introImmigration{ display:block;} .home #introImmigration{ float:left; width:225px; background:none;} #introCriminal{ font-size: 1.2em; display:block; } .crim #introCriminal{ display:none;} .immi #introCriminal{ display:block;} .home #introCriminal{ display:block; float:left; width:225px; background:none; margin:0 20px 0 0;} .intro{ color:#000; line-height:1.65em; padding:21px 48px 20px 21px;} .home .intro{ padding:0 0 20px;} .introTitle{ margin:0 0 16px 41px;} .home .introTitle{ margin-bottom:28px;} .introLink{ text-align:right;} #practiceTitle{ display:block; margin:39px 0 19px 20px;} #practiceArea{ font-size: 1.2em; background-color:#fff; border:1px solid #ebdec8; padding:9px 9px 8px; margin:0 48px 30px 20px;} #practiceArea p{ color: #66543f; font-weight:bold; margin: 0 10px 0 0;} #practiceArea a { color: #900; } #practiceArea a:visited { color: #900; text-decoration:underline;} #practiceArea a:hover, #practiceArea a:focus { color:#fff; text-decoration:underline; background-color:#cfc0a8;} #practiceArea a:active { color: #900; text-decoration: underline; } #practiceArea ul{ list-style:none; padding:0 0 15px 0; margin:0;} #practiceArea ul li{line-height: 1.8em;} #practiceArea li a { } #spanishTitle{ display:block; margin:0 0 19px 20px;} .home #spanishTitle{ clear:both; float:left; margin:0 20px 19px 0;} #spanish{ font-size: 1.1em; background-color:#fff; border:1px solid #ebdec8; padding:9px 9px 8px; margin:0 48px 30px 20px;} .home #spanish{ clear:both; float:left; width:207px; margin:0 20px 0 0;} #spanish a{ display:block; width:198px; text-transform:uppercase; font-weight:bold; font-size:.91em; border-bottom:1px solid #fffbf5; padding:10px 5px; text-align:center;} .home #spanish a{ width:198px;} #spanish a{ color:#fff; text-decoration:underline;} #spanish a span{ color:#e3d3b1;} #spanish a:hover, #spanish a:focus, #spanish a.active, #spanish a.active:hover, #spanish a.active:focus{ color:#fff; text-decoration:underline;} #spanish a:hover span, #spanish a:focus span, #spanish a.active span, #spanish a.active:hover span, #spanish a.active:focus span{ color:#e3d3b1;} #spanish ul{ list-style:none; padding:0; margin:0;} #spanish ul li{ display:inline;} a.spanish1{ background-color:#66543f;} a.spanish1:hover, a.spanish1:focus, a.spanish1.active, a.spanish1.active:hover, a.spanish1.active:focus{ background-color:#483827;} a.spanish2{ background-color:#8a7456;} a.spanish2:hover, a.spanish2:focus, a.spanish2.active, a.spanish2.active:hover, a.spanish2.active:focus{ background-color:#6b553a;} a.spanish3{ background-color:#a58e6a;} a.spanish3:hover, a.spanish3:focus, a.spanish3.active, a.spanish3.active:hover, a.spanish3.active:focus{ background-color:#886f4b;} #contactTitle{ display:block; margin:0 0 0 20px;} .home #contactTitle{ float: left; margin: 19px 0 0; display: block; } #contactInformation{ font-size: 1.1em; color:#000; line-height:1.6em; padding:19px 0 14px 20px; } .home #contactInformation{ float: left; padding:19px 0 14px; display:block; background:none; } #footer{ clear:both; width:900px; font-size:.9em; color:#666; line-height:1.4em; background-color:#fff; border:1px solid #ede0ca; margin:0 50px; } #footerLeft{ display:inline; float:left; width:395px; margin:15px 0 0 20px;} #finePrint{} #finePrint a:link, #finePrint a:visited{ color:#666; text-decoration:underline;} #finePrint a:hover, #finePrint a:focus, #finePrint a.active, #finePrint a.active:link, #finePrint a.active:visited, #finePrint a.active:hover, #finePrint a.active:focus{ color:#900; text-decoration:underline;} #copyright{ padding:0;} #branding{} #geographicalFooter{ padding:0 0 4px;} #geographicalFooter p{ line-height:1.3em;} #footerRight{ display:inline; float:right; width:325px; margin:15px 20px 0 0;} #navigationTools{ padding:0 0 25px 3px;} #navigationTools a{ display:block; float:left; font-family:tahoma,geneva,sans-serif; padding:.1em 0 .1em 17px; margin:0 0 0 13px;} #navigationTools a:link, #navigationTools a:visited{ color:#666; text-decoration:underline;} #navigationTools a:hover, #navigationTools a:focus{ color:#900; text-decoration:underline;} #navigationTools strong{ float:left; font-size:1.1em; color:#867155;} a#tEmai{ background:url(images/bg-tool-emai.gif) 0 .3em no-repeat;} a#tEmai:hover, a#tEmai:focus{ background:url(images/bg-tool-emai-o.gif) 0 .3em no-repeat;} a#tPrin{ background:url(images/bg-tool-prin.gif) 0 .3em no-repeat;} a#tPrin:hover, a#tPrin:focus{ background:url(images/bg-tool-prin-o.gif) 0 .3em no-repeat;} a#tSave{ background:url(images/bg-tool-save.gif) 0 .3em no-repeat;} a#tSave:hover, a#tSave:focus{ background:url(images/bg-tool-save-o.gif) 0 .3em no-repeat;} #groups{ position:relative; height:85px;} #sealTorch{ position:absolute; top:2px; left:155px;} #uacdl{ position:absolute; top:0; left:245px;} /* START HIERARCHICAL MENU - HORIZONTAL */ /* set colors and styles */ #menu { width:775px; margin:0; padding:0; list-style: none; float: left; } #menu ul { width: 25.5em; background: #66543f; float: left; margin: 0; padding: 0; list-style: none; } #menu li { position: relative; float: left; display: block; } #menu li a { display: block; text-transform:uppercase; font-weight:bold; color:#e3d3b1; text-decoration:none; padding:24px 7px;} #menu li a:hover, #menu li a:focus, #menu li a.active{ color:#6d5b44; text-decoration:none;} #menu li li { float: none; clear: left; } #menu img { display: block; } #ie #menu li { display: inline; } #menu li ul a { text-transform:none; color: #e3d3b1; text-decoration: none; padding: .5em 12px; display: block; } #menu li ul ul.immigration a { font-weight: normal; } #menu li ul a.hierMore{ background:#66543f url(images/bg-hierMore.gif) right .7em no-repeat;} #menu li ul a:hover, #menu li ul a:focus, #menu li ul a.active { color: #e3d3b1; background: #806d56; } #menu li ul a.hierMore:hover, #menu li ul a.hierMore:focus{ background:#806d56 url(images/bg-hierMore-o.gif) right .7em no-repeat;} /* position sub-level drop-downs */ #menu ul ul { top: 0; margin:0; } /* special classes */ #menu li ul.scroll { height: 20em; overflow: auto; } #menu li ul.sublist { background: #000; position: relative; left: 0; border: 0; } #menu li ul.sublist a { padding: .5em .5em .5em 2em; color: #fff; } #menu li ul.sublist a:hover, #menu li ul.sublist a:focus, #menu li ul.sublist a.active { color: #000; } #menu li:hover ul.sublist, #menu li:focus ul.sublist, #menu li.hierover ul.sublist, #menu li li.hierover ul.sublist { position: relative; left: 0; } /* the magic - only edit where notated */ #menu li:hover { z-index: 5; } #ie #menu li li a { height: 1%;} /* allows IE to use block hovers */ #ie6 li.hierover { z-index: 5; } /* overlay fix for IE6 */ /* hides/shows all levels */ /* hides 1st */ #menu ul, /*2nd*/#menu li:hover ul ul, #menu li:focus ul ul, #menu li.hierover ul ul, /*3rd*/ #menu li:hover ul ul ul, #menu li:focus ul ul ul, #menu li.hierover ul ul ul { position: absolute; left: -9999px; z-index: 99; } /* shows 1st */ #menu li:hover ul, #menu li:focus ul, #menu li.hierover ul, #menu li li.hierover ul, /*2nd*/ #menu li li:hover ul, #menu li li:focus ul, #menu ul li.hierover ul, /*3rd*/ #menu li li li:hover ul, #menu li li li:focus ul, #menu li li li.hierover ul { position: absolute; display: block; /* adjust position for left or right positioning here*/ left: 0; } /* shows 2nd */ #menu ul li:hover ul, #menu ul li:focus ul, #menu ul li.hierover ul, #menu ul li li.hierover ul, /*2nd*/ #menu ul li li:hover ul, #menu ul li li:focus ul, #menu ul ul li.hierover ul, /*3rd*/ #menu ul li li li:hover ul, #menu ul li li li:focus ul, #menu ul li li li.hierover ul { position: absolute; display: block; /* adjust position for left or right positioning here*/ left: 25.5em; } /* END HIERARCHICAL MENU - HORIZONTAL */ /* START HIERARCHICAL FOOTER MENU - HORIZONTAL */ /* set colors and styles */ #footermenu { width:775px; margin:0; padding:0 0 0 80px; list-style: none; } #footermenu ul { width: 25.5em; background: #66543f; float: left; margin: 0; padding: 0; list-style: none; } #footermenu li { position: relative; float: left; display: block; } #footermenu li a { display: block; text-transform:uppercase; font-weight:bold; color:#66543f; text-decoration:none; padding:24px 7px;} #footermenu li a:hover, #footermenu li a:focus, #footermenu li a.active{ color:#A7211F; text-decoration:none;} #footermenu li li { float: none; clear: left; } #footermenu img { display: block; } #ie #footermenu li { display: inline; } #footermenu li ul a { text-transform:none; color: #e3d3b1; text-decoration: none; padding: .5em 12px; display: block; } #footermenu li ul a.hierMore{ background:#66543f url(images/bg-hierMore.gif) right .7em no-repeat;} #footermenu li ul a:hover, #footermenu li ul a:focus, #footermenu li ul a.active { color: #e3d3b1; background: #806d56; } #footermenu li ul a.hierMore:hover, #footermenu li ul a.hierMore:focus{ background:#806d56 url(images/bg-hierMore-o.gif) right .7em no-repeat;} /* position sub-level drop-downs */ #footermenu ul ul { top: 0; margin:0; } /* special classes */ #footermenu li ul.scroll { height: 20em; overflow: auto; } #footermenu li ul.sublist { background: #000; position: relative; left: 0; border: 0; } #footermenu li ul.sublist a { padding: .5em .5em .5em 2em; color: #fff; } #footermenu li ul.sublist a:hover, #footermenu li ul.sublist a:focus, #footermenu li ul.sublist a.active { color: #000; } #footermenu li:hover ul.sublist, #footermenu li:focus ul.sublist, #footermenu li.hierover ul.sublist, #footermenu li li.hierover ul.sublist { position: relative; left: 0; } /* the magic - only edit where notated */ #footermenu li:hover { z-index: 5; } #ie #footermenu li li a { height: 1%;} /* allows IE to use block hovers */ #ie6 li.hierover { z-index: 5; } /* overlay fix for IE6 */ /* hides/shows all levels */ /* hides 1st */ #footermenu ul, /*2nd*/#footermenu li:hover ul ul, #footermenu li:focus ul ul, #footermenu li.hierover ul ul, /*3rd*/ #footermenu li:hover ul ul ul, #footermenu li:focus ul ul ul, #footermenu li.hierover ul ul ul { position: absolute; left: -9999px; z-index: 99; } /* shows 1st */ #footermenu li:hover ul, #footermenu li:focus ul, #footermenu li.hierover ul, #footermenu li li.hierover ul, /*2nd*/ #footermenu li li:hover ul, #footermenu li li:focus ul, #footermenu ul li.hierover ul, /*3rd*/ #footermenu li li li:hover ul, #footermenu li li li:focus ul, #footermenu li li li.hierover ul { position: absolute; display: block; /* adjust position for left or right positioning here*/ left: 0; } /* shows 2nd */ #footermenu ul li:hover ul, #footermenu ul li:focus ul, #footermenu ul li.hierover ul, #footermenu ul li li.hierover ul, /*2nd*/ #footermenu ul li li:hover ul, #footermenu ul li li:focus ul, #footermenu ul ul li.hierover ul, /*3rd*/ #footermenu ul li li li:hover ul, #footermenu ul li li li:focus ul, #footermenu ul li li li.hierover ul { position: absolute; display: block; /* adjust position for left or right positioning here*/ left: 25.5em; } /* END HIERARCHICAL FOOTER MENU - HORIZONTAL */ #disclaimerSpanish { text-align: center; font-size: .9em; font-style: italic; border-top: 1px solid #cccccc; padding-top: 5px; }