/* revised : 03/19/2009 : dw */ /* all media */ @media all { /* global */ * { margin:0; padding:0; } html { overflow-y:scroll; } body { background:url(/graphics/layout/uber-background.jpg) center 0 no-repeat #fff; font:12px arial, helvetica, sans-serif; color:#444; } ol, ul { padding:0 0 10px 15px; } #pane-2 ol, #pane-2 ul { padding:0 0 10px 35px; } #pane-3 ol, #pane-3 ul { padding:0 0 10px 15px; } /* layout: general */ #body { } #wrap { width:975px; margin:0 auto; min-height:500px; } * html #wrap { height:500px; } /* layout: header */ #header { height:110px; position:relative; } #logo { position:absolute; top:18px; left:0; } #social { position:absolute; top:18px; left:318px; } #social a { margin-right:4px; float:left; } #facebook { text-indent:-5000px; background:url(/graphics/layout/facebook.jpg) 0 0 no-repeat; width:16px; height:16px; display:block; } #twitter { text-indent:-5000px; background:url(/graphics/layout/twitter.jpg) 0 0 no-repeat; width:16px; height:16px; display:block; } #rss { text-indent:-5000px; background:url(/graphics/layout/rss.jpg) 0 0 no-repeat; width:16px; height:16px; display:block; } #search { position:absolute; top:50px; left:316px; width:308px; height:49px; background:url(/graphics/layout/search.jpg) 0 0 no-repeat; } #search-input { font-size:11px; border:0; position:absolute; top:15px; left:17px; width:195px; color:#888576; } #search-button { position:absolute; top:11px; left:222px; width:59px; height:26px; display:block; text-decoration:none; } #search-button span { } #language { display:block; color:#444; text-decoration:none; position:absolute; top:65px; left:640px; font-weight:bold; background:url(/graphics/layout/arrow.gif) 0 5px no-repeat; padding:0 0 0 10px; } #language span { display:block; padding:0 0 0 25px; background:url(/graphics/layout/spanish-flag.jpg) 0 2px no-repeat; } #language:hover { text-decoration:underline; } #header-contact { position:absolute; top:53px; left:844px; text-align:right; color:#786159; } #header-contact span { color:#c7542b; font-size:20px; font-weight:bold; } #header-tabs { position:absolute; top:1px; left:383px; } #header-tabs ul { position:relative; padding:0; list-style-type:none; } #header-tabs ul li { float:left; } #header-tabs ul li a { display:block; background-repeat:repeat-x; text-decoration:none; position:absolute; background-position:right 0; text-align:center; } #header-tabs ul li a span { display:block; height:22px; padding:7px 0 3px 0; margin-left:-75px; cursor:pointer; background-repeat:no-repeat; background-position:left 0; } #header-tabs ul li a:hover { background-position:right -33px; text-decoration:none; } #header-tabs ul li a:hover span { background-position:left -33px; } #header-tabs ul li a.header-tabs-grey { background-image:url(/graphics/layout/tabDownLeft_tan2.png); color:#000; } #header-tabs ul li a.header-tabs-grey span { background-image:url(/graphics/layout/tabDownRight_tan2.png); color:#000; } #header-tabs ul li a.header-tabs-blue { background-image:url(/graphics/layout/tabDownLeft_blue2.png); color:#fff; } #header-tabs ul li a.header-tabs-blue span { background-image:url(/graphics/layout/tabDownRight_blue2.png); color:#fff; } a#header-tabs-patient { z-index:2; left:68px; width:90px; padding-left:45px; } a#header-tabs-directions { z-index:3; left:209px; width:90px; padding-left:46px; } a#header-tabs-contact { z-index:4; left:353px; width:68px; padding-left:46px; } a#header-tabs-online { z-index:5; left:476px; width:47px; padding-left:43px; } /* layout: navigation */ #navigation { height:42px; margin:6px 0 0 1px; background:url(/graphics/layout/nav-bottom.png) 5px bottom no-repeat; } #navigation ul { padding:0; list-style-type:none; } #navigation ul li { float:left; } #navigation ul li a { display:block; background-repeat:repeat-x; text-decoration:none; position:absolute; top:4px; font-size:14px; } #navigation ul li a span { display:block; height:24px; padding:8px 0 0 0; margin-right:-32px; cursor:pointer; background-repeat:no-repeat; background-position:right 0; } *+ html #navigation ul li a span { margin-right:-31px; } #navigation ul li a:hover { background-position:0 -33px; } #navigation ul li a:hover span { background-position:right -33px; } /* by color */ #navigation ul li a.navigation-grey { background-image:url(/graphics/layout/tabLeft_tan.png); color:#000; } #navigation ul li a.navigation-grey span { background-image:url(/graphics/layout/tabRight_tan.png); color:#000; } #navigation ul li a.navigation-red { background-image:url(/graphics/layout/tabLeft_red.png); color:#fff; } #navigation ul li a.navigation-red span { background-image:url(/graphics/layout/tabRight_red.png); color:#fff; } #navigation ul li a.navigation-orange { background-image:url(/graphics/layout/tabLeft_orange.png); color:#fff; } #navigation ul li a.navigation-orange span { background-image:url(/graphics/layout/tabRight_orange.png); color:#fff; } #navigation ul li a.navigation-yellow { background-image:url(/graphics/layout/tabLeft_yellow.png); color:#fff; } #navigation ul li a.navigation-yellow span { background-image:url(/graphics/layout/tabRight_yellow.png); color:#fff; } #navigation ul li a.navigation-green { background-image:url(/graphics/layout/tabLeft_green.png); color:#fff; } #navigation ul li a.navigation-green span { background-image:url(/graphics/layout/tabRight_green.png); color:#fff; } * html #navigation ul li a { height:32px; font-size:12px; } /* * html #navigation ul li a span { float:left; display:block; width:100%; padding-left:25px; padding-right:29px; position:absolute; top:0; right:0; left:0; } */ * html #navigation ul li a span { margin-right:-31px; } /* individual navigation items */ a#navigation-home { z-index:10; left:5px; width:55px; padding-left:18px; } a#navigation-find { z-index:9; left:84px; width:95px; padding-left:32px; } a#navigation-patients { z-index:8; left:215px; width:57px; padding-left:27px; } a#navigation-visitors { z-index:7; left:305px; width:53px; padding-left:24px; } a#navigation-classes { z-index:6; left:388px; width:115px; padding-left:27px; } a#navigation-services { z-index:5; left:536px; width:63px; padding-left:31px; } a#navigation-clinics { z-index:4; left:638px; width:65px; padding-left:36px; } a#navigation-donate { z-index:3; left:747px; width:58px; padding-left:29px; } a#navigation-about { z-index:2; left:841px; width:65px; padding-left:28px; } #navigation ul li a.navigation-active { background-position:0 -66px; z-index:800; } #navigation ul li a.navigation-active:hover { background-position:0 -66px; } #navigation ul li a.navigation-active span { background-position:right -66px; } /* ie ftl */ * html #header-tabs ul li a span { float:left; padding-left:30px; display:inline; } * html #navigation ul li a.navigation-active, * html #navigation ul li a.navigation-active:hover { background-position:0 -67px; top:5px; } * html #navigation ul li a.navigation-active span { background-position:right -67px; } /* color stuff */ body.section-4 { } /* find a doctor */ body.section-4 #navigation { background:url(/graphics/layout/nav-bottom-red.png) 5px bottom no-repeat; } body.section-4 a#navigation-find { z-index:200; } body.section-5 { } /* patients */ body.section-5 #navigation { background:url(/graphics/layout/orange-back.png) 5px bottom no-repeat; } body.section-5 a#navigation-patients { z-index:200; } body.section-6 { } /* visitors */ body.section-6 #navigation { background:url(/graphics/layout/yellow-back.png) 5px bottom no-repeat; } body.section-6 a#navigation-visitors { z-index:200; } body.section-7 { } /* classes and events */ body.section-7 #navigation { background:url(/graphics/layout/green-back.png) 5px bottom no-repeat; } body.section-7 a#navigation-classes { z-index:200; } /* cookie crumb */ #crumb { margin:-9px 0 10px -7px; background:url(/graphics/layout/crumb-back.png) center 0 no-repeat #eae8e1; color:#444; font-size:11px; padding:8px 10px;width:940px; } * html #crumb { margin-left:-7px; } #crumb a { color:#444; } #crumb span { font-size:11px; padding:0 5px; } /* layout: content area */ #content-wrapper { /*background:url(/graphics/layout/top-background.jpg) 1px 0 no-repeat; */ padding:9px 0 0 0; width:960px; margin:0 0 0 6px; } #content { margin:0 0 0 8px; } /* layout: footer */ #footer { background:url(/graphics/layout/footer-back.jpg) 0 0 repeat-x #4cc6f4; color:#fff; padding:45px 0 20px 0; } #footer2 { background:url(/graphics/layout/footer-top.jpg) center 0 no-repeat; min-height:600px; width:975px; margin:0 auto; } #footer-links { padding:20px 0; background:url(/graphics/layout/footer-bottom.jpg) center bottom no-repeat; } #footer-links ul { padding:0; list-style-type:none; } #footer-links ul.main { float:left; margin:0 0 0 10px; width:229px; } * html #footer-links ul.main { margin-left:5px; } #footer-links ul li a { background:url(/graphics/layout/footer-arrow-bold.jpg) 0 5px no-repeat; font-weight:bold; padding:0 0 0 10px; font-size:14px; } #footer-links ul li ul { margin:15px 0; float:none; } #footer-links ul li ul li { margin:0; } #footer-links ul li ul li a { background:url(/graphics/layout/footer-arrow.jpg) 0 5px no-repeat; font-weight:normal; font-size:12px; } #footer-links a:link, #footer-links a:visited { color:#041e28; text-decoration:none; } #footer-links a:active, #footer-links a:hover { color:#041e28; text-decoration:underline; } #footer-copy { text-align:center; font-size:11px; padding:15px 0 0 0; } #footer-copy span { padding:0 10px; } #footer-copy a:link, #footer-copy a:visited { color:#fff; text-decoration:none; } #footer-copy a:active, #footer-copy a:hover { color:#fff; text-decoration:underline; } /* templates: 3-column */ #pane-1 { width:224px; float:left; margin:0 8px 0 0; } .focus { border:1px solid #cac8c2; padding:8px; background:url(/graphics/layout/home-focus-background.jpg) 0 0 repeat-x #eae8e1; } .focus h4 { font-weight:bold; color:#fff; font-size:18px; padding:10px 11px 8px 11px; margin-bottom:8px; } #pane-3 .focus ul, .focus ul { list-style-type:none; padding:0px; } .focus ul li { border-bottom:1px solid #cbc9c3; margin:0; padding:3px 0; } .focus ul li a:link, .focus ul li a:visited { text-decoration:none; color:#3c3b36; } .focus ul li a:hover, .focus ul li a:active { text-decoration:underline; color:#3c3b36; } .focus ul.arrow { margin-left:7px; } .focus ul.arrow li a { background:url(/graphics/layout/focus-arrow.jpg) 0 7px no-repeat; padding:0 0 0 6px; display:block; } .focus ul.arrow li a.pdf { background:url(/graphics/pdf.gif) 0 1px no-repeat; padding-left:20px; } .focus ul.arrow.no-lines li { border:0; padding:1px 0; } .focus-image { display:block; margin:0 0 10px 0; } #pane-2 { width:480px; float:left; margin:0 8px 0 0; } #pane-3 { width:224px; float:left; } #pane-3 .content-padding.f { /*padding-top:47px;*/ border-left:1px solid #cacaca; } #pane-3 .content-padding.f img {margin-top:-15px} #pane-23 { width:688px; float:left; margin:0 8px 0 0; padding:12px; position:relative; } /* templates: homepage */ #homepage-slideshow { position:relative; height:351px; } #homepage-slideshow-images, .homepage-slideshow-images-item { width:480px; height:275px; position:absolute; top:0; left:0; z-index:1; overflow:hidden; } #homepage-slideshow-description { width:480px; height:89px; position:absolute; top:231px; left:0; z-index:2; background:url(/graphics/layout/slideshow-logo.png) 0 bottom no-repeat; } .homepage-slideshow-description-item { position:absolute; top:0; left:0; z-index:12; width:480px; } .homepage-slideshow-description-item p { padding:54px 20px 0 20px; color:#fff; width:270px; } .homepage-slideshow-description-buttons { position:absolute; top:0; right:0px; margin:56px 2px 0 0; width:160px; z-index:3; } .homepage-slideshow-description-buttons a.button { font-size:11px; margin:0 10px 0 0; float:right } .homepage-slideshow-description-buttons a span { } #homepage-slideshow-tabs { position:absolute; top:320px; left:0; height:31px; width:480px; background:url(/graphics/layout/home-tabs-background.png) 0 0 repeat-x; } #homepage-slideshow-tabs ul { list-style-type:none; padding:0px 0px 0px 0px; } #homepage-slideshow-tabs ul li { float:left; cursor:pointer; } #homepage-slideshow-tabs ul li a { width:110px; padding:0 0 0 27px; display:block; background-repeat:repeat-x; text-decoration:none; position:absolute; top:0; font-size:14px; background-image:url(/graphics/layout/tabDownLeft_tan.png); color:#000; } #homepage-slideshow-tabs ul li a span { display:block; height:24px; padding:8px 0 0 0; margin-right:-32px; cursor:pointer; background-repeat:no-repeat; background-position:right 0; background-image:url(/graphics/layout/tabDownRight_tan.png); color:#000; } * html #homepage-slideshow { z-index:999999 } * html #homepage-slideshow-tabs ul li a { height:25px; margin-right:2px; } * html #homepage-slideshow-tabs ul li a span { background:transparent; } *+ html #homepage-slideshow-tabs ul li a span { margin-right:-31px; } #homepage-slideshow-tabs ul li a:hover { background-position:0 -33px; } #homepage-slideshow-tabs ul li a:hover span { background-position:right -33px; cursor:pointer; } #homepage-slideshow-tabs ul li a.active { background-image:url(/graphics/layout/tabDownLeft_blue.png); color:#fff; background-position:0 -67px; } #homepage-slideshow-tabs ul li a.active span { background-image:url(/graphics/layout/tabDownRight_blue.png); color:#fff; background-position:right -67px; padding-top:7px; } * html #homepage-slideshow-tabs ul li a.active span {background:url(/graphics/layout/tabDownRight_blue.png) right -67px no-repeat; } #homepage-find { margin:8px 0 20px 0; height:205px; background:url(/graphics/layout/find-background.gif) 0 0 no-repeat; } #home-featured-video { position:relative; margin:0 0 9px 0; } #play { width:72px; height:72px; position:absolute; left:76px; top:39px; display:block; } #home-featured-video a.block { display:block; background:url(/graphics/layout/dark-arrow.jpg) 7px 12px no-repeat #444; color:#fff; padding:7px 17px; text-decoration:none; } #home-featured-video a.block:hover { background-color:#666; } #home-news { padding:20px 10px; color:#444; } .home-news-item { margin:0 0 20px 0; } .home-news-item h3 { color:#c13418; } .home-news-item h3 a { color:#c13418; text-decoration:none; } .home-news-item span { display:block; font-size:11px; } .home-news-item a.read { color:#016489; background:url(/graphics/layout/blue-arrow.gif) 0 5px no-repeat; padding:0 0 0 5px; } /* mini templates: focus box */ .focus-box { border:1px solid #cac8c2; background:url(/graphics/layout/box-background.gif) 0 0 repeat-x #eae8e1; position:relative; } .focus-box h4 { font-weight:bold; color:#fff; font-size:18px; padding:8px 11px 6px 11px; } .focus-box h4 span { background:url(/graphics/layout/box-arrow.gif) 0 4px no-repeat; display:block; padding:0 0 0 10px; } .focus-box h4 a { font-size:11px; display:block; float:right; font-weight:normal; color:#fff; } .focus-box h4 a:link, .focus-box a:visited { text-decoration:none; } .focus-box h4 a:hover, .focus-box a:active { text-decoration:underline; } .focus-box-class { padding:8px 10px; color:#444; } .focus-box-class span { font-size:11px; } .focus-box-class a { color:#016489; background:url(/graphics/layout/blue-arrow.gif) 0 5px no-repeat; padding:0 0 0 5px; } .focus-box-class a:hover, .focus-box-class a:hover { text-decoration:underline; } h4.blue { background:url(/graphics/layout/nav-blue-back.png) 0 0 repeat-x; } h4.green { background:url(/graphics/layout/green.png) 0 0 repeat-x; } h4.grey { background:url(/graphics/layout/grey.gif) 0 0 repeat-x; color:#444; } h4.grey span { background-image:url(/graphics/layout/grey-arrow.gif); } h4.orange { background:url(/graphics/layout/orange.png) 0 0 repeat-x; } * html #focus-image-right { display:none; } h4.red { background:url(/graphics/layout/nav-red-back.png) 0 0 repeat-x; } h4.yellow { background:url(/graphics/layout/yellow.png) 0 0 repeat-x; } /* messages */ ul.messages { list-style:none; margin:0; padding:0; } ul.messages li { background:url(/graphics/icons/info.gif) 5px 50% no-repeat #d9e9f8; border:1px solid #a1c1e7; color:#1554a0; line-height:27px; margin:0 0 5px; padding:0 10px 0 26px; } ul.messages .notice { background-image:url(/graphics/icons/notice.gif); background-color:#fffbf0; border-color:#ffd967; color:#000; } ul.messages .success { background-image:url(/graphics/icons/success.gif); background-color:#eff5ea; border-color:#95a486; color:#3d6611; } ul.messages .error { background-image:url(/graphics/icons/error.gif); background-color:#faebe7; border-color:#f16048; color:#df280a; } /* masthead */ .masthead { padding: 15px 15px 15px 15px; } .content-padding { padding:12px; } /* articles */ .article { padding:5px 0; } .article h3 a { text-decoration:none; } /* events */ .event {border-top:3px solid#ccc; margin-bottom:10px} /* tags */ h2.red, h2.orange, h1 {font-size:20px; color:#cd3719; font-weight:normal } h2.red, h2.orange {padding-top:0px} span.phone {font-size: 16px; color: rgb(208, 68, 40);} table tr td strong {font-weight:normal} .redArrow {background:transparent url(/graphics/layout/orange-arrow.gif) no-repeat scroll 2px 5px; display: block; color: rgb(205, 55, 25); font-size: 11px; padding-left: 10px; padding-bottom:8px; margin-top:0px} h1 { margin:0 0 12px 0; } h2 { font-size:16px; font-weight:normal; color:#01658a; padding-top:10px} h3 { font-size:12px; font-weight:normal; color: rgb(208, 68, 40); padding-bottom:5px } label,select,input[type='submit'],.point { cursor:pointer; } li { } li,p { line-height:19px; margin-top:5px; } p { margin:5px 0 14px 0; } select { font-size:11px; padding:2px; } textarea,input { font:12px arial, helvetica, sans-serif; padding:3px; } /* custom */ .alphaDoctors { position:absolute; right:12px; top:-10px; } .alphaDoctors a:link, .alphaDoctors a:visited { background:#fff; border:1px solid #cac8c2; border-top:0; color:#444; display:block; float:left; font-size:11px; line-height:16px; margin:0 0 0 2px; text-align:center; text-decoration:none; width:20px; } .alphaDoctors a:hover, .alphaDoctors a:active { border-color:#a4a39e; } .alphaDoctors a.a:link, .alphaDoctors a.a:visited, .alphaDoctors a.a:hover, .alphaDoctors a.a:active { background:#eae8e1; border-color:#a4a39e; } .b { font-weight:bold; } .block { display:block; } .clear { clear:both; } .disabled { color:#999; } #employee-testimonials { position:relative; } .employee-testimonial { position:absolute; float:left; top:0px; border-top:1px solid #ccc; padding-top:10px; margin-top:5px; } .employee-testimonial .photo { float:left; padding:0 10px 0 0; } .employee-testimonial .info { float:left; width:346px; } .employee-testimonial h3 { } .employee-testimonial p { font-style:italic; color:#666; padding:0; margin:0; } .error { color:#f00; } .highlight { background:yellow; } .i { font-style:italic; } ul.icon-list { list-style-type:none; padding-left:0; margin-left:0; } ul.icon-list li { padding-left:0; margin-left:0; } .input { border:1px solid #ccc; padding:3px; } .message-box { padding:5px; border:1px solid #fc0; background:#fffea1; margin:0 0 15px 0; } .page-break,.print-only { display:none; } .rel { position:relative; } .spinner { background:url(/graphics/spinner.gif) 0 0 no-repeat; width:16px; height:16px; float:left; margin:0 0 0 5px; visibility:hidden; } /* colors */ .orange { color:#cd3719; } .red { color:#cd3719; } /* links */ a { color:#016489; } a:link, a:visited { text-decoration:underline; } a:hover, a:active { text-decoration:none; } a img { border:0; } a span { cursor:pointer; } a.all { font-size:11px; color:#f27c14; } a.all:link, a.all:visited { text-decoration:none; } a.all:hover, a.all:active { text-decoration:underline; } a.arrow { background:url(/graphics/blue-arrow.jpg) 3px 5px no-repeat; padding:0 0 0 12px; } a.arrow:link, a.arrow:visited { text-decoration:none; } a.arrow:hover, a.arrow:active { text-decoration:underline; } a.pdf { background:url(/graphics/pdf.gif) 0 0 no-repeat; padding-left:20px; display:block; } a.pdf:link, a.pdf:visited { text-decoration:none; } a.pdf:hover, a.pdf:active { text-decoration:underline; } /* button */ a.button { background:url(/graphics/layout/btnLeft_blue.png) left 0 no-repeat; height:25px; display:block; float:left; color:#fff; text-decoration:none; } a.button span { background:url(/graphics/layout/btnRight_blue.png) right 0 no-repeat; height:25px; margin-right:-3px; color:#fff; text-decoration:none; padding:0 10px; display:block; line-height:24px; } a.button:hover { background-position:0 -26px; } a.button:hover span { background-position:right -26px; } * html .button span { float:left; cursor:pointer; } } /* print media */ @media print { /* global */ * { font-family:arial, helvetica, sans-serif; } body { color:#000; font-size:9pt; } /* layout */ #wrap,#footer { width:600px; margin:0; } #header, #navigation, .no-print { display:none; } /* custom */ .print-only { display:block; } .page-break { page-break-before:always; } /* links */ a { text-decoration:underline; color:#999; } a:link:after, a:visited:after { content:" [" attr(href) "] "; } }