/* Base Styles ---------------------------------------------------*/ html { background:transparent; } body { background:#008ECE url(../images/bg_Body.jpg) top repeat-x; color:#333939; } /* Hide ADA Content ---------------------------------------------------*/ .ADA { display:none; } /* Page Wrapper ---------------------------------------------------*/ #pageWrapper { width:940px; background:transparent url(../images/bg_PageWrap.jpg) top center no-repeat; margin:0 auto; position:relative; } /* Header ---------------------------------------------------*/ #header { position:relative; height:140px; } /*Logo*/ #logoBox { float:left; position:absolute; top:61px; left:120px; } #logoBox h1, #logoBox p { display:none; } #logoBox p.logo { text-indent:0; display:block; margin:0; } /*Contact Button*/ #contactBox { float:left; position:absolute; top:67px; left:510px; vertical-align:middle; } body a.contactButton { display:block; float:left; font-size:12px; height:27px; color:#fff; margin-right:6px; padding-right:24px; background:transparent url(../images/bg_IconButton.gif) no-repeat right top; text-decoration:none; text-transform:uppercase; font-weight:bold; } a.contactButton span { display:block; float:left; line-height:14px; padding:6px 8px 7px 10px; /*-------------------------------- ie.css */ background:transparent url(../images/bg_IconButton.gif) no-repeat left top; cursor:pointer; } body a.contactButton:hover { color:#fff; text-decoration:none; background:transparent url(../images/bg_IconButton.gif) no-repeat scroll right bottom; } body a.contactButton:hover span { color:#fff; background:transparent url(../images/bg_IconButton.gif) no-repeat scroll left bottom; } /*Search Box*/ #searchBox { float:left; position:absolute; top:65px; left:675px; background: transparent url(../images/bg_Search.png) no-repeat; height:32px; width:197px; } #searchBox label { display:none; } #searchBox input.text { border:1px solid #fff; position:absolute; top:4px; left:5px; width:150px; height:18px; padding:2px 0; } a.searchButton { display:block; position:absolute; top:4px; right:3px; overflow:hidden; text-indent:-23230px; background:#fff; height:24px; width:34px; background: transparent url(../images/bg_Search.png) -160px -4px no-repeat; } a.searchButton:hover { background-position:-220px -4px; } /* Primary Navigation ---------------------------------------------------*/ #navigation { position:relative; width:800px; margin:0 auto; } #primaryNav { background:transparent url(../images/bg_PrimaryNav-24.gif) top right no-repeat; margin-left:413px;} /*ie6*/ #primaryNav ul { } #primaryNav ul li { display:block; float:left; margin:0; padding:0; } #primaryNav ul li a { display:block; float:left; margin:0; padding:0; } #primaryNav ul li a span { display:none; } #primaryNav ul li.HealthcareProviders a { width:266px; height:48px; margin-right:1px; background:transparent url(../images/bg_PrimaryNav-24.gif) 0px 0px no-repeat; } #primaryNav ul li.HealthcareProviders a:hover, #primaryNav ul li.current a.HealthcareProviders { width:266px; background:transparent url(../images/bg_PrimaryNav-24.gif) 0px -48px no-repeat; } #primaryNav ul li.Women a { width:120px; height:48px; background:transparent url(../images/bg_PrimaryNav-24.gif) -267px 0px no-repeat; } #primaryNav ul li.Women a:hover, #primaryNav ul li.current a.Women { width:120px; background:transparent url(../images/bg_PrimaryNav-24.gif) -267px -48px no-repeat; } /*Hide Sub Pages*/ #primaryNav ul ul, #primaryNav ul ul li { display:none; } /*Bread Crumbs ---------------------------------------------------*/ #breadCrumbs { } .bcTopCap { position:relative; font-size:0px; } .bread-Home .bcTopCap { background:transparent url(../images/bg_Bread-TopCap.gif) top center; height:10px; } .bread-HealthcareProviders .bcTopCap { background:transparent url(../images/bg_Bread-TopCap.gif) 0px -20px; height:10px; } .bread-Women .bcTopCap { background:transparent url(../images/bg_Bread-TopCap.gif) 0px -10px; height:10px; } .breadText { height:28px; padding:2px 0 0 14px } .bread-Home .breadText { background:url(../images/bg_BreadText-Home.gif) repeat-y;} .bread-HealthcareProviders .breadText, .bread-Women .breadText { background:url(../images/bg_BreadText-SubPage.gif) repeat-y;} body .breadText a.breadLink { color:#fff; font-weight:bold; font-size:14px; } .breadText span { color:#fff; font-weight:bold; font-size:14px; padding:0 3px; } /*Font Control ---------------------------------------------------*/ #fontControl { position:absolute; top:59px; right:14px; color:#fff; line-height:20px;} #fontControl span { display:none; } #fontControl p { margin:0; } /*Secondary Navigation ---------------------------------------------------*/ #secondaryNav { background:url(../images/bg_SubNav_borders.gif) repeat-y; padding:10px 3px 0; } ul.level2List { margin:0; padding:28px 0 0 21px; background:url(../images/bg_SubNav.gif) bottom repeat-x; } ul.level2List li { list-style-type:none; float:left; width:226px; margin:0 36px 0px 0; padding:0 0 30px 0; background:none; } ul.alt li { width:260px; } ul.level2List li.last { margin-right:0; } ul.level2List h3 { font-size:1em; font-weight:normal; margin-bottom:8px; } ul.level2List p { font-size:.8em; line-height:1.2em; margin:0; color:#fff; letter-spacing:-.05em; } ul.level2List p.linkBox { padding-left:0; margin-top:10px; } ul.level2List p.snippetPhotoBox { line-height:0; font-size:1px; } ul.level2List p.snippetPhotoBox img { padding:0 10px 25px 0; margin:0; float:left; } /* Featured Area ---------------------------------------------------*/ #featuredArea {margin:0 auto; width:824px; position:relative; } #faTopCap { font-size:0px; height:10px; background:transparent url(../images/bg_FeaturedArea-Caps.png) bottom no-repeat; } #faBody { background:#E7F4F9; padding:0px 0 0 25px; } /*Only used on Home Page and Level 1 pages*/ #faText { float:left; margin:0 25px 0 0; width:359px; padding:10px 0 0 0;} #faText p { font-size:1.25em; } /*Used on all Level 2 Pages*/ #faTitle { padding:10px 0; } #faTitle h2 { margin:0; } #faPhoto { float:left; position:relative; background:transparent url(../images/bg_FeaturedArea-Photo.png) no-repeat scroll 0 10px; height:195px; width:390px; overflow:hidden; padding:15px 0 0 16px; } #photoNav { float:left; left:25px; position:absolute; top:165px; z-index:1000; } #photoNav a { display:block; float:left; overflow:hidden; height:12px; width:12px; outline:none; text-indent:50px; margin-right:3px; background:#333; opacity:.5;filter: alpha(opacity=50); -moz-opacity: 0.5; } #photoNav a.activeSlide { opacity:.75; filter:alpha(opacity=75); -moz-opacity: 0.75; background:#fff; } #photoBox { } /*ie.css*/ #faBottomCap { font-size:0px; height:10px; background:transparent url(../images/bg_FeaturedArea-Caps.png) top no-repeat; } /* Primary Content ---------------------------------------------------*/ #primaryContent { background:transparent url(../images/bg_PrimaryContent.gif) repeat-y; width:760px; margin:0 auto; padding:18px 23px 10px 23px; } /* Form Element Styles --------------------------------------------------- input.text, textarea { color:#333; font-size:12px; font-family:Trebuchet,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif; } input.text { vertical-align:middle; } input.text:focus, textarea:focus { background:#fff; border:2px solid #ccc; color:#333; }*/ /* Individual Page Styles ---------------------------------------------------*/ /*------Home------*/ #home_twoCol-Left { float:left; width:362px; margin:0 26px 0 6px; } #home_twoCol-Right { float:left; width:362px; } /*Module Link Box*/ p.moduleLinkBox { height:242px; margin-bottom:0;} p.moduleLinkBox a { display:block; text-decoration:none; height:242px; width:362px; background:url(../images/bg_moduleLinks.jpg); } p.mlbHealthcareProviders a { background-position:top left; } p.mlbHealthcareProviders a:hover { background-position:bottom left; } p.mlbWomen a { background-position:top right; } p.mlbWomen a:hover { background-position:bottom right; } p.moduleLinkBox a span { left:284px; position:relative; top:209px; text-decoration:underline; } p.moduleLinkBox a span:hover { text-decoration:none; } /*------Level 2------*/ p.backNav {position:absolute; right:30px; top:13px;} #twoCol-Left { float:left; width:487px; margin-right:15px; } #twoCol-Right { float:left; width:255px; padding:0 8px; width:238px; } /* Footer ---------------------------------------------------*/ #footer { height:160px; background:url(../images/bg_footer.gif) top center no-repeat; height:80px; padding:76px 25px 0; width:760px; margin:auto; } #colophon { font-size:10px; float:left; width:540px; margin:0 20px 0 0; } #sponsor { float:left; } /* Copyright Info ---------------------------------------------------*/ #extras { margin:0 auto; padding:0 25px; width:770px } p.fLinks { float:left; margin-right:50px } p.fLinks span { padding:0 5px; } p.fLinks a { color:#fff; } p.fLinks a:visited { color:#fcede0; } p.fCopyright { color:#fcede0; text-align:right; } /* Utilities ---------------------------------------------------*/ /* slightly enhanced, universal clearfix hack */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-block; } /* start commented backslash hack \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* close commented backslash hack */