/* --------------------- SB -------------------------------------------- */ /* --------------------- L7 -------------------------------------------- */ ul,ol { list-style:none; } h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; } ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; } a img,:link img,:visited img,fieldset { border:none; } /* ------------------ global elements----------------------------------- */ body { background:#faf4eb url(../images/bg-body.jpg) top repeat-x; text-align:center; font:13px/16px Arial, Helvetica, sans-serif; color:#534e4f; } blockquote { margin-left:10px; margin-right:10px; } h1 { font-size:1.2em; color:#534e4f; } h2 { font-size:1.1em; color:#534e4f; } h3 { font-size:17px; color:#534e4f; } h4 { font-size:17px; color:#534e4f; } h5 { font-size:17px; color:#534e4f; } h1 span,h2 span,h3 span,h4 span { display:none; } a:link,a:visited { color:#d15220; text-decoration:none; outline:none; } a:hover,a:active { color:#ad441a; text-decoration:none; outline:none; } div.clear { clear:both; height:.01em; overflow:hidden; } img.img-left { float:left; margin:0px; } img.img-left-eoe { float:left; margin-top:40px; } img.img-right { float:right; margin:0px; } #footer-divide {background:url(../images/img-footer-divide.jpg) no-repeat; width:875px; height:25px; float:left;} .divide-left {background:url(../images/img-divider-left.gif) no-repeat; width:547px; height:15px; float:left;} .divide-left2 {background:url(../images/img-divider-left2.gif) no-repeat; padding-bottom:4px;width:547px; height:15px; float:left;} .divide-btn {background:url(../images/btn-divide.jpg) no-repeat; width:328px; height:13px; float:right;} div.space {width:328px; height:30px;} p.answer {color:#656060; margin-bottom:10px;} .spacer2 {width:100%; height:15px;} .back-to-top {font-size:12px;margin-bottom:10px;} #space-notices {height:200px;} /* -------- wraps-containers ------------------------------------------------------------ */ #wrap { background:url(../images/bg-wrap.jpg) repeat-y; width:875px; margin:0 auto; text-align:left; } #masthead { position:relative; background:url(../images/masthead.jpg); height:90px; } #print {font-size:12px;padding-left:3px; font-weight:normal;} .14 { line-height:20px; font-size:17px;color:#534e4f; font-weight:bold; } .checklist li {list-style:url(../images/bullet-checklist.jpg);} .indent {margin-left:20px;} .indent2 {margin:0 0 15px 60px;} /* ----- column-left ----- */ #column-left { background:url(../images/bg-column-left.jpg) no-repeat; width:547px; float:left; } #column-left p { padding:0px 30px 8px 40px; line-height:18px; } #column-left h3 { padding:0px 30px 10px 40px; line-height:20px; } #column-left h4 { padding:8px 30px 5px 40px; line-height:20px; } #column-left h5 { padding:8px 30px 5px 40px; line-height:20px; } #column-left ul { padding:0px 30px 8px 60px; list-style:disc; list-style-position:outside;} #column-left ul li {padding:0px 30px 10px 0; } #column-left ol { padding:0px 30px 8px 60px; list-style:decimal; list-style-position:outside;} #column-left ol li {padding:0px 30px 10px 0; } /* ----- column-right ----- */ #column-right { width:328px; float:left; } #column-right p { padding:0px; } #notebook {background:url(../images/bg-column-right.jpg) no-repeat; width:328px; height:395px; float:left;} #btn-magnet {background:url(../images/btn-magnet.jpg) no-repeat; width:328px; height:56px; float:right; margin-top:339px;} #btn-magnet span {display:none;} #btn-magnet a {display:block; width:276px; height:56px;float:right;} #btn-adobe-reader {background:url(../images/btn-adobe-reader.jpg) no-repeat; width:163px; height:42px; float:right;} #btn-adobe-reader span {display:none;} #btn-adobe-reader a {display:block; width:132px; height:42px; float:left;} #btn-adobe-reader a:hover {background:url(../images/btn-adobe-reader.jpg) -0px -42px no-repeat;} #btn-adobe-reader2 {background:url(../images/btn-adobe-reader2.jpg) no-repeat; width:328px; height:42px; float:right; margin-top:3px;} #btn-adobe-reader2 span {display:none;} #btn-adobe-reader2 a {display:block; width:328px; height:42px; float:left;} #btn-adobe-reader2 a:hover {background:url(../images/btn-adobe-reader2.jpg) -0px -42px no-repeat;} #btn-corporate-services {background:url(../images/btn-corporate-services.jpg) no-repeat; width:328px; height:50px; float:right;} #btn-corporate-services span {display:none;} #btn-corporate-services a {display:block; width:328px; height:50px; float:left;} #btn-corporate-services a:hover {background:url(../images/btn-corporate-services.jpg) -0px -50px no-repeat;} #btn-pph-map {background:url(../images/btn-pph-map.jpg) no-repeat; width:328px; height:50px; float:right;} #btn-pph-map span {display:none;} #btn-pph-map a {display:block; width:328px; height:50px; float:left;} #btn-pph-map a:hover {background:url(../images/btn-pph-map.jpg) -0px -50px no-repeat;} #btn-pph-medcenter {background:url(../images/btn-pph-medcenter.jpg) no-repeat; width:328px; height:50px; float:right;} #btn-pph-medcenter span {display:none;} #btn-pph-medcenter a {display:block; width:328px; height:50px; float:left;} #btn-pph-medcenter a:hover {background:url(../images/btn-pph-medcenter.jpg) -0px -50px no-repeat;} #btn-parking {background:url(../images/btn-parking.jpg) no-repeat; width:328px; height:50px; float:right;} #btn-parking span {display:none;} #btn-parking a {display:block; width:328px; height:50px; float:left;} #btn-parking a:hover {background:url(../images/btn-parking.jpg) -0px -50px no-repeat;} #btn-shuttle {background:url(../images/btn-shuttle.jpg) no-repeat; width:328px; height:50px; float:right;} #btn-shuttle span {display:none;} #btn-shuttle a {display:block; width:328px; height:50px; float:left;} #btn-shuttle a:hover {background:url(../images/btn-shuttle.jpg) -0px -50px no-repeat;} #btn-che {background:url(../images/btn-che.jpg) no-repeat; width:328px; height:50px; float:right;} #btn-che span {display:none;} #btn-che a {display:block; width:328px; height:50px; float:left;} #btn-che a:hover {background:url(../images/btn-che.jpg) -0px -50px no-repeat;} #btn-cna {background:url(../images/btn-cna.jpg) no-repeat; width:328px; height:50px; float:right;} #btn-cna span {display:none;} #btn-cna a {display:block; width:328px; height:50px; float:left;} #btn-cna a:hover {background:url(../images/btn-cna.jpg) -0px -50px no-repeat;} #btn-checklist {background:url(../images/btn-checklist.jpg) no-repeat; width:328px; height:50px; float:right;} #btn-checklist span {display:none;} #btn-checklist a {display:block; width:328px; height:50px; float:left;} #btn-checklist a:hover {background:url(../images/btn-checklist.jpg) -0px -50px no-repeat;} #btn-disability-provisions {background:url(../images/btn-disability-provisions.jpg) no-repeat; width:328px; height:50px; float:right;} #btn-disability-provisions span {display:none;} #btn-disability-provisions a {display:block; width:328px; height:50px; float:left;} #btn-disability-provisions a:hover {background:url(../images/btn-disability-provisions.jpg) -0px -50px no-repeat;} #btn-family-leave {background:url(../images/btn-family-leave.jpg) no-repeat; width:328px; height:50px; float:right;} #btn-family-leave span {display:none;} #btn-family-leave a {display:block; width:328px; height:50px; float:left;} #btn-family-leave a:hover {background:url(../images/btn-family-leave.jpg) -0px -50px no-repeat;} #btn-harassment {background:url(../images/btn-harassment.jpg) no-repeat; width:328px; height:50px; float:right;} #btn-harassment span {display:none;} #btn-harassment a {display:block; width:328px; height:50px; float:left;} #btn-harassment a:hover {background:url(../images/btn-harassment.jpg) -0px -50px no-repeat;} /* ----- bottom-wrap ----- */ .bottom-wrap { background:url(../images/bottom-wrap.jpg); height:5px; clear:both; width:100%; } /* ------- headers ----------------------------------------------------------- */ #header { height:277px; width:875px; } body#index #header { background:url(../images/header-index.jpg) no-repeat; } body#getting-started #header { background:url(../images/header-int.jpg) no-repeat; } body#mac #header { background:url(../images/header-int2.jpg) no-repeat; } body#corporate-health #header { background:url(../images/header-int2.jpg) no-repeat; } body#orientations #header { background:url(../images/header-int3.jpg) no-repeat; } body#benefits #header { background:url(../images/header-index.jpg) no-repeat; } body#faqs #header { background:url(../images/header-int.jpg) no-repeat; } body#contact #header { background:url(../images/header-int2.jpg) no-repeat; } body#sitemap #header { background:url(../images/header-int.jpg) no-repeat; } body#notices #header { background:url(../images/header-int3.jpg) no-repeat; } #header span {display:none;} #header a { display: block; width:324px; height:101px; float:left;} /* ------ subhead framework ------------------------------------------------- */ #subhead { height:73px; width:547px; } body#index #subhead { background:url(../images/subhead-index.jpg) no-repeat; } body#getting-started #subhead { background:url(../images/subhead-getting-started.jpg) no-repeat; } body#corporate-health #subhead { background:url(../images/subhead-corporate-health.jpg) no-repeat; } body#orientations #subhead { background:url(../images/subhead-orientations.jpg) no-repeat; } body#benefits #subhead { background:url(../images/subhead-benefits.jpg) no-repeat; } body#faqs #subhead { background:url(../images/subhead-faqs.jpg) no-repeat; } body#contact #subhead { background:url(../images/subhead-contact.jpg) no-repeat; } body#notices #subhead { background:url(../images/subhead-notices.jpg) no-repeat; } body#sitemap #subhead { background:url(../images/subhead-sitemap.jpg) no-repeat; } /* ------- nav -------------------------------------------------------------- */ #nav { background:url(../images/nav.jpg) no-repeat; width:875px; height:67px; margin:0; padding:0; } #nav span { display: none; } #nav li, #nav a { height:67px; display:block; } /* change height here also */ #nav li { float:left; list-style:none; display:inline; } #nav-01 { width: 98px; margin-left: 19px;} #nav-02 { width: 132px;margin-left: 10px;} #nav-03 { width: 121px;margin-left: 10px;} #nav-04 { width: 89px;margin-left: 10px;} #nav-05 { width: 67px;margin-left: 10px;} #nav-06 { width: 84px;margin-left: 10px;} #nav-07 { width: 87px;margin-left: 10px;} #nav-01 a:hover { background:url(../images/nav.jpg) -19px -67px no-repeat; } #nav-02 a:hover { background:url(../images/nav.jpg) -127px -67px no-repeat; } #nav-03 a:hover { background:url(../images/nav.jpg) -269px -67px no-repeat; } #nav-04 a:hover { background:url(../images/nav.jpg) -400px -67px no-repeat; } #nav-05 a:hover { background:url(../images/nav.jpg) -499px -67px no-repeat; } #nav-06 a:hover { background:url(../images/nav.jpg) -576px -67px no-repeat; } #nav-07 a:hover { background:url(../images/nav.jpg) -670px -67px no-repeat; } body#index #nav-01 { background:url(../images/nav.jpg) -19px -67px no-repeat; } body#getting-started #nav-02 { background:url(../images/nav.jpg) -127px -67px no-repeat; } body#orientations #nav-03 { background:url(../images/nav.jpg) -269px -67px no-repeat; } body#benefits #nav-04 { background:url(../images/nav.jpg) -400px -67px no-repeat; } body#faqs #nav-05 { background:url(../images/nav.jpg) -499px -67px no-repeat; } body#contact #nav-06 { background:url(../images/nav.jpg) -576px -67px no-repeat; } body#notices #nav-07 { background:url(../images/nav.jpg) -670px -67px no-repeat; } /* -------------- footer --------------------------------------------------- */ #footer { width:875px; margin:0 auto; text-align:center; color:#5a585a; } #footer p { color:#5a585a; margin-bottom:10px; font-size:12px;} #footer a:link, #footer a:visited { color:#d15220; } #footer a:hover, #footer a:active { color:#ad441a; } #l7-tag {background:url(../images/img-l7-tag.jpg) no-repeat; width:99px; height:36px;margin:0 auto; } #l7-tag span {display:none;} #l7-tag a {display:block; width:99px; height:36px;}