/* Note: Currently, style.css and styleprint.css are the same. So if you change one, please "save as" to change the other. */ /* START GENERAL STYLES */ * { margin: 0; padding: 0 } html { } body { background: url(../a/tile.gif) repeat-x 0 0 #0f5879 } #container { position: relative; left: 0; top: 4px; margin: 0 auto; width: 963px; text-align: left; background: #fff; } #copyright { position: relative; left: 30px; top: 30px; float: left; margin: 0 30px 60px 0; width: 903px; text-align: left; background: #b4cad6; } #copyright p { font: 10px/14px verdana,sans-serif; color: #09556f; margin: 0 0 19px 0 } #copyright a:link, #copyright a:visited { color: #09556f; text-decoration: none } #copyright a:hover { color: #09556f; text-decoration: underline } #footer { background-color: #fff; position: relative; margin: 0; padding: 19px 0 23px 0; text-align: center; font: 10px/12px verdana,sans-serif; color: #09556f } #footer a:link, #footer a:visited { color: #09556f; text-decoration: none } #footer a:hover { color: #09556f; text-decoration: underline } #footer hr { width: 903px; height: 1px; color: #b4cad6; background-color: #b4cad6; border: none; margin: 0 auto 19px; } .clear { clear: both; line-height: 0; } /* END GENERAL STYLES */ /* START STYLES SPECIFIC TO MAIN PAGES, SUCH AS HOME PAGE */ #hedmain { position: relative; float: left; width: 100%; height: 110px; background: url(../a/hed-0608.gif) no-repeat 0 0 #3a88be; } #hedmain #logo { position: relative; float: left; } #hedmain #directory { position: relative; float: right; } #hometabs { border-collapse: collapse; margin: 16px 0 0 0 } #mainbox { width: 903px; background: #edf5cd; border-collapse: collapse } #mainbox td { border-bottom: 1px solid #fff; padding: 18px 6px 68px 8px; vertical-align: top; text-align: left; width: 20% } /* CHANGE TO THIS WHEN WE HAVE MORE LISTINGS: #mainbox td { border-bottom: 1px solid #fff; padding: 8px 6px 18px 8px; vertical-align: top; text-align: left; width: 20% } */ #mainbox p.mainstate { background: url(../a/bg-states-dk-grn-130x15.gif) no-repeat 0 2px; padding: 0 0 0 5px; font: 10px/15px verdana,sans-serif; text-transform: uppercase; color: #fff; font-weight: bold; margin: 10px 0 0 0 } #mainbox p.mainstate a:link, #mainbox p.mainstate a:visited, #mainbox p.mainstate a:hover { color: #fff; text-decoration: none } #mainbox ul.maincity { list-style: none; font: 10px/17px verdana,sans-serif; color: #4e4d4d ; margin: 0; padding: 0 0 0 6px } #mainbox ul.maincity li { background: none } #mainbox ul.maincity li a:link, #mainbox ul.maincity li a:visited { color: #4e4d4d; text-decoration: underline } #mainbox ul.maincity li a:hover { color: #4e4d4d; text-decoration: none } #maincontent { position: relative; left: 30px; top: 30px; float: left; margin: 0 30px 60px 0; width: 963px; w\idth: 903px; } #maincontent h1 { font: 18px/24px verdana,sans-serif; color: #105c74; font-weight: bold; margin: 0 0 18px 0 } #maincontent h2 { font: 13px/19px verdana,sans-serif; color: #105c74; font-weight: bold; margin: 0 } #maincontent h2 a:link, #maincontent h2 a:visited { color: #105c74; text-decoration: none } #maincontent h2 a:hover { color: #105c74; text-decoration: underline } #maincontent p { font: 11px/15px verdana,sans-serif; color: #4e4d4d; margin: 0 0 15px 0 } #maincontent a:link, #maincontent a:visited, #maincontent a:hover { color: #4e4d4d; text-decoration: underline } #maincontent ul, #maincontent ol { margin: 0 0 15px 40px } #maincontent hr { height: 1px; color: #b4cad6; background-color: #b4cad6; border: none; margin: 0 0 19px 0; } #maincontent #maintab { position: relative; width: 324px; margin: 0; list-style: none; } #maincontent #maintab li { position: relative; float: left; display: block; height: 24px; margin: 0; } #maincontent #maintab li a { position: relative; height: 24px; display: block; overflow: hidden; background: url(../a/main-tabs.png) no-repeat; cursor: pointer; } #maincontent #maintab li a:hover { text-decoration: none; } #maincontent #maintab li span { position: absolute; left: 0; top: 0; height: 24px; display: block; background: url(../a/main-tabs.png) no-repeat; } #maintab li#us, #maintab li#us a, #maintab li#us span { width: 136px; background-position: 0 -24px; } #maintab li#us a:hover span, #maintab li#us:hover a span { width: 136px; background-position: 0 0; } #maintab li#us.on a, #maintab li#us.on a:hover span, #maintab li#us.on span { width: 136px; background-position: 0 0; } #maintab li#ca, #maintab li#ca a, #maintab li#ca span { width: 93px; background-position: -137px -24px; } #maintab li#ca a:hover span, #maintab li#ca:hover a span { width: 93px; background-position: -137px 0; } #maintab li#ca.on a, #maintab li#ca.on a:hover span, #maintab li#ca.on span { width: 93px; background-position: -137px 0; } #maintab li#mx, #maintab li#mx a, #maintab li#mx span { width: 93px; background-position: -231px -24px; } #maintab li#mx a:hover span, #maintab li#mx:hover a span { width: 93px; background-position: -124px 0; } #maintab li#mx.on a, #maintab li#mx.on a:hover span, #maintab li#mx.on span { width: 93px; background-position: -231px 0; } #mainnote { position: relative; top: 15px; margin: 0 0 15px; width: 903px; background: #fff } #mainnote h2 { width: 873px; font: 11px/15px verdana,sans-serif; color: #105c74; font-weight: bold; margin: 0 0 15px } #mainnote p { width: 873px; margin: 0 0 15px; font: 11px/15px verdana,sans-serif; color: #4e4d4d; } #mainnote b { color: #105c74 } #mainnote a:link, #mainnote a:visited, #mainnote a:hover { color: #4e4d4d; text-decoration: underline } #mainnote2 a:link, #mainnote2 a:visited, #mainnote2 a:hover { color: #4e4d4d; text-decoration: none } #mainnote p.info { font: 11px/15px verdana,sans-serif; color: #4e4d4d; margin: 0 } #maincontainerbottom { position: relative; top: -1px; margin: -1px auto 0; width: 963px; text-align: left; background: #b4cad6; } /* END STYLES SPECIFIC TO MAIN PAGES, SUCH AS HOME PAGE */ /* START STYLES SPECIFIC TO CITY AND STATE PAGES */ #hedcity { width: 779px; height: 104px; position: relative } #citybox, #statebox { width: 903px; background: #edf5cd; border-collapse: collapse } #citybox td { border-bottom: 1px solid #fff; padding: 8px 0 8px 8px; vertical-align: top; text-align: left; font: 11px/15px verdana,sans-serif; color: #4e4d4d } #statebox td { border-bottom: 1px solid #fff; padding: 18px 0 18px 0; vertical-align: top; text-align: center; font: 11px/15px verdana,sans-serif; color: #4e4d4d } #citybox td a:link, #citybox td a:visited, #statebox td a:link, #statebox td a:visited { color: #105c74; text-decoration: none; font-weight: bold; font-size: 12px } #citybox td a:hover, #statebox td a:hover { color: #105c74; text-decoration: underline; font-weight: bold } #citycontent, #statecontent { position: relative; left: 30px; top: 30px; float: left; margin: 0 30px 60px 0; width: 963px; w\idth: 903px; } #citycontent h1, #statecontent h1 { font: 16px/24px verdana,sans-serif; color: #105c74; font-weight: bold; margin: 0 } #citycontent h1.tight, #statecontent h1.tight { font: 14px/20px verdana,sans-serif; color: #105c74; font-weight: bold; margin: 0 0 5px 0 } #citycontent h1.tighter, #statecontent h1.tighter { font: 13px/17px verdana,sans-serif; color: #105c74; font-weight: bold; margin: 0 0 5px 0 } #citycontent h2 { font: 13px/19px verdana,sans-serif; color: #105c74; font-weight: bold; margin: 0 } #citycontent h2.subcity { font: 11px/12px verdana,sans-serif; color: #105c74; font-weight: bold; margin: 4px 0 8px 0 } #statecontent h2 { font: 13px/19px verdana,sans-serif; color: #105c74; font-weight: bold; margin: 8px 0 8px 0 } #citycontent h2 a:link, #citycontent h2 a:visited, #statecontent h2 a:link, #statecontent h2 a:visited { color: #105c74; text-decoration: none } #citycontent h2 a:hover, #statecontent h2 a:hover { color: #105c74; text-decoration: underline } #citycontent p, #statecontent p { font: 11px/15px verdana,sans-serif; color: #4e4d4d; margin: 0 0 15px 0 } #citycontent a:link, #citycontent a:visited, #citycontent a:hover, #statecontent a:link, #statecontent a:visited, #statecontent a:hover { color: #4e4d4d; text-decoration: underline } #citycontent ul, #citycontent ol, #statecontent ul, #statecontent ol { margin: 0 0 15px 40px } #citycontent hr, #statecontent hr { height: 1px; color: #b4cad6; background-color: #b4cad6; border: none; margin: 0 0 19px 0; } #citydocphoto { float: left; margin: 0 8px 0 0 } #citynote, #statenote { position: relative; top: 15px; margin: 0 0 15px; width: 903px; background: #fff } #citynote h2, #statenote h2 { width: 873px; font: 11px/15px verdana,sans-serif; color: #105c74; font-weight: bold; margin: 0 0 15px 0 } #citynote p, #statenote p { width: 873px; font: 11px/15px verdana,sans-serif; color: #4e4d4d; margin: 0 0 15px; } #citynote b, #statenote b { color: #105c74 } #citynote a:link, #citynote a:visited, #citynote a:hover, #statenote a:link, #statenote a:visited, #statenote a:hover { color: #4e4d4d; text-decoration: underline } #citynote2 a:link, #citynote2 a:visited, #citynote2 a:hover, #statenote2 a:link, #statenote2 a:visited, #statenote2 a:hover { color: #4e4d4d; text-decoration: none } #citynote p.info, #statenote p.info { padding: 0 30px 0 0; font: 11px/15px verdana,sans-serif; color: #4e4d4d; margin: 15px 0 0 0 } #citycontainerbottom { position: relative; top: -1px; margin: 0 auto; width: 963px; text-align: left; background: #b4cad6; } /* END STYLES SPECIFIC TO CITY AND STATE PAGES */ /* START STYLES SPECIFIC TO WEIGHT LOSS SURGEON PROFILES */ #profilecontainer { width: 963px; position: relative; top: 4px; margin: 0 auto 4px; text-align: center; background: #fff; } #profilecontainerbottom { position: relative; float: left; margin: 0 auto; width: 963px; text-align: left; background: #b4cad6; } #hedprofile { width: 779px; height: 104px; position: relative; margin: 0 } #profilecontent { position: relative; left: 30px; top: 30px; float: left; margin: 0 30px 60px 0; width: 963px; w\idth: 903px; background-color: #fff } #profiletop { width: 903px; position: relative; background-color: #fff } #profiletopleft { width: 398px; float: left; position: relative; background-color: #fff; text-align: left } #profiletopleft2 { width: 460px; float: left; position: relative; background-color: #fff; text-align: left } #profiletopleft h1, #profiletopleft2 h1 { font: 18px/24px verdana,sans-serif; color: #105c74; font-weight: bold; margin: 0 } #profiletopleft h1.small, #profiletopleft2 h1.small { font: 17px/23px verdana,sans-serif; color: #105c74; font-weight: bold; margin: 0 } #profiletopleft h2, #profiletopleft2 h2 { font: 13px/19px verdana,sans-serif; color: #105c74; font-weight: bold; margin: 0 } #profiletopleft h2 a:link, #profiletopleft h2 a:visited, #profiletopleft2 h2 a:link, #profiletopleft2 h2 a:visited, #profiletopleft2 h2 a:visited { color: #105c74; text-decoration: none } #profiletopleft h2 a:hover, #profiletopleft2 h2 a:hover { color: #105c74; text-decoration: underline } #profiletopleft p, #profiletopleft2 p { font: 13px/19px verdana,sans-serif; color: #4e4d4d; margin: 0 0 19px 0 } #profiletopleft a:link, #profiletopleft a:visited, #profiletopleft a:hover, #profiletopleft2 a:link, #profiletopleft2 a:visited, #profiletopleft2 a:hover { color: #4e4d4d; text-decoration: underline } #doclogo { margin: 34px 0 10px 0 } #profiletopright { width: 505px; float: right; position: relative; background-color: #fff; text-align: center } #profiletopright2 { width: 443px; float: right; position: relative; background-color: #fff; text-align: center } #docphoto1 { text-align: center; font: 10px/13px verdana,sans-serif; color: #105c74; font-weight: bold; padding: 0 0 19px 0 } #docphoto1 a:link, #docphoto1 a:visited, #docphoto1 a:hover { color: #105c74; text-decoration: underline } #docphoto1 .capsmall { font: 9px/13px verdana,sans-serif; color: #105c74; font-weight: bold } #docphoto1 .note { font: 9px/13px verdana,sans-serif; color: #105c74; font-weight: bold } #docphoto2, #docphoto3, #docphoto3across, #docphoto4 { text-align: center; font: 10px/13px verdana,sans-serif; color: #105c74; font-weight: bold; padding: 0 ; margin: auto } #docphoto2 td, #docphoto3 td, #docphoto3across td, #docphoto4 td { padding: 0 5px 10px 5px; vertical-align: top } #docphoto2 a:link, #docphoto2 a:visited, #docphoto2 a:hover, #docphoto3 a:link, #docphoto3 a:visited, #docphoto3 a:hover, #docphoto3across a:link, #docphoto3across a:visited, #docphoto3across a:hover, #docphoto4 a:link, #docphoto4 a:visited, #docphoto4 a:hover { color: #105c74; text-decoration: underline } #docphoto2 .capsmall, #docphoto3 .capsmall, #docphoto3across .capsmall, #docphoto4 .capsmall { font: 9px/13px verdana,sans-serif; color: #105c74; font-weight: bold } #docphoto2 .note, #docphoto3 .note, #docphoto3across .note, #docphoto4 .note { font: 9px/13px verdana,sans-serif; color: #105c74; font-weight: bold } #docphoto4across { text-align: center; font: 10px/13px verdana,sans-serif; color: #105c74; font-weight: bold; padding: 0 0 19px 0; margin: auto } #docphoto4across td { padding: 0 5px 10px 5px; vertical-align: top } #docphoto4across a:link, #docphoto4across a:visited, #docphoto4across a:hover { color: #105c74; text-decoration: underline } #docphoto4across .capsmall { font: 9px/13px verdana,sans-serif; color: #105c74; font-weight: bold } #docphoto4across .note { font: 9px/13px verdana,sans-serif; color: #105c74; font-weight: bold } #profilemain { width: 903px; position: relative; background-color: #fff; text-align: left; clear: both; border-top: 1px solid #b4cad6; padding: 19px 0 0 0 } #profilemain h1 { font: 18px/24px verdana,sans-serif; color: #105c74; font-weight: bold; margin: 0 0 19px 0 } #profilemain h2 { font: 13px/19px verdana,sans-serif; color: #105c74; font-weight: bold; margin: 0 0 19px 0 } #profilemain h2 a:link, #profilemain h2 a:visited { color: #105c74; text-decoration: none } #profilemain h2 a:hover { color: #105c74; text-decoration: underline } #profilemain p { font: 13px/19px verdana,sans-serif; color: #4e4d4d; margin: 0 0 19px 0 } #profilemain a:link, #profilemain a:visited, #profilemain a:hover { color: #4e4d4d; text-decoration: underline } #profilemain ul, #profilemain ol { font: 13px/19px verdana,sans-serif; color: #4e4d4d; margin: 0 0 15px 40px } #profilemain hr { height: 1px; color: #b4cad6; background-color: #b4cad6; border: none; margin: 0 0 19px 0; } #profilemain p.smalltext { font: 10px/14px verdana,sans-serif; color: #4e4d4d } #profilemain iframe { float: left; } .imgcenter { text-align: center } .imgcenter td { text-align: center } .imgcenter p { font: 11px/15px verdana,sans-serif; color: #105c74; font-weight: bold; text-align: center } .imgcenter a:link, .imgcenter a:visited { color: #105c74; text-decoration: none } .imgcenter a:hover { color: #105c74; text-decoration: underline } .imgcenter .note { font: 9px/15px verdana,sans-serif; color: #105c74; font-weight: bold } .imgleft { float: left; text-align: center; margin: 0 15px 5px 0 } .imgleft p { font: 11px/15px verdana,sans-serif; color: #105c74; font-weight: bold } .imgleft a:link, .imgleft a:visited { color: #105c74; text-decoration: none } .imgleft a:hover { color: #105c74; text-decoration: underline } .imgright { float: right; text-align: center; margin: 0 0 5px 15px; clear: right; } .imgright p { font: 11px/15px verdana,sans-serif; color: #105c74; font-weight: bold } .imgright a:link, .imgright a:visited { color: #105c74; text-decoration: none } .imgright a:hover { color: #105c74; text-decoration: underline } /* END STYLES SPECIFIC TO WEIGHT LOSS SURGEON PROFILES */ /* COLOR PALETTE: 0f5879 = deep blue used for page background should the background image not load fff = white used for article background 4e4d4d = off-black used for body copy (looks nicer than pure black) b4cad6 = light blue background for copyright area at bottom; also used for horizontal rules 105c74 = deep blue used for accent text and links 09556f = medium blue used for footer links 809516 = not used in this directory now, but just in case it's needed later, this is the light green used for links on the home page of the Consumer Guide to Weight Loss Surgery edf5cd = light green used as background for city page, state page, and main page shaded boxes MIGHT TRY THE FOLLOWING COLORS INSTEAD FOR THE SHADED BOXES? ecf4d4 = light green used as background for city page, state page, and main page shaded boxes in dentist directory edf5d5 = light green f7ffde = VERY light green */