/* Main style sheet */ /* FONT-SIZE and LINE-HEIGHT */ html, body { font-size:small; } span.h3-end { font-size:small; } h1 { font-size:240%; } h2, .nosig { font-size:180%; } h3, h4.h3colour, .big{ font-size:150%; } .snip .big { font-size:121%; } .snip, #lead { font-size:124%; } .snip p { font-size:inherit; } #learn { font-size:110%; } .new-life { font-size:110%; } .bp .snip, .NB { font-size:124%; } h4, h3.h4size { font-size:115%; } #searchbox { font-size:1em; } .button { font-size:0.9em; } div#lead p, #lead ul { font-size:100%; } div.navhead, a.nav, .open2 { line-height:110%; } /* The above decreases default line-height by removing padding-bottom - sometimes too much. */ #navigation:link, #navigation:visited { font-size:2px; line-height:1px; margin-top:-6px; padding-top:0; } #navigation:active, #navigation:focus { font-size:100%; line-height:110%; margin-top:0; } #content:link, #content:visited { font-size:2px; line-height:1px; margin-top:-6px; padding-top:0; } #content:active, #content:focus { font-size:100%; line-height:110%; margin-top:0; padding-top:0; } /* OTHER FONT PROPERTIES */ html, body, #body { font-family:"palatino linotype", "urw palladio l", "times new roman", serif; } h1, h2, h3, h4, h5, select, input, .sub-head, #lead { font-family:arial, sans-serif; } .nosig { font-family:cursive, "URW Chancery L", "comic sans ms", sans-serif; } .head, .bp .snip, .cert-head, .new-life, .er { font-weight:bold; } span.hair { margin-left:2px; } /* TEXT-ALIGN */ #midCol p, #midCol li { text-align:justify; } .Srch, .center, .center-mt, #lastTop, #homenav, #foot1, #foot3, #learn { text-align:center; } h1, h3, h4, h5, div.previous, #check-listing { text-align:left; } h2, #h2div, .Rjustify, div.Top, div.next, #testimonial, #no37 { text-align:right; } /* BACKGROUND & COLOR (except links) */ body { background:white; color:black; } div#midCol { background:white; color:black; } .section { background:white; color:black; } sub-head { background:white; color:black; } .select-search { background:white; color:black; } table.all, #mailform { background:white; color:black; max-width:78em; } #LCell, div#RCol { background:#686898; color:black; } #LCol, #homenav, #nav { background:#686898; color:black; } div.nav, div.open { background:#686898; color:black; } .logo { background:#686898; color:white; } #h1div, #h2div { background:#686898; color:white; } #mostimportant { background:#307030; color:white; } .button { background:#d0d0d0; color:black; } .light { background:transparent; color:#303030; } .bp .snip, .snip p strong { background:transparent; color:black; } .quote { background:transparent; color:#202080; } .nosig { background:transparent; color:#202080; } .green { background:transparent; color:#107030; } .black { background:transparent; color:black; } h2 { background:transparent; color:white; } h1 { background:transparent; color:white; } h3, h3 a:hover, .NB { background:transparent; color:#660099; } h4.h3colour { background:transparent; color:#660099; } span.h3-end { background:transparent; color:black; } h4, h4 a:hover, h5, h6 { background:white; color:black; } .cert, .note, .ask, .snip { background:#686898; color:black; } .new-life, .Search div.Srch{ background:#686898; color:black; } /* LINKS (Background, Color, Text-Decoration, Cursor) */ .DHTML *, a.nav, .open2, #content, #navigation { text-decoration:none; } a.anchor, a.plink, a.nplink, a.mlink { text-decoration:none; } a.anchor:hover, a.plink:hover, a.nplink:hover, a.mlink:hover { text-decoration:underline; } a.anchor:active, a.plink:active, a.nplink:active, a.mlink:active { text-decoration:underline; } a.anchor:focus, a.plink:focus, a.nplink:focus, a.mlink:focus { text-decoration:underline; } a:link { background:transparent; color:#2020c0; text-decoration:none; } a:visited { background:transparent; color:#404098; text-decoration:none; } a:hover, a:active, a:focus { background:#f8b010; color:#2020f0; text-decoration:none; } #midCol h2 a:link { color:white; text-decoration:underline; } #midCol h2 a:visited { color:#c0c0c0; text-decoration:underline; } #RCol a:link { color:white; text-decoration:underline; } #RCol a:visited { color:#c0c0c0; text-decoration:underline; } #midCol #check-listing a:link { color:white; text-decoration:underline; } #midCol #check-listing a:visited { color:#c0c0c0; text-decoration:underline; } a.nav:link, .snip a:link, .new-life a:link, .cert a:link, .note a:link, .Search a:link { color:white; } a.nav:visited, .snip a:visited, .new-life a:visited, .cert a:visited, .note a:visited, .Search a:visited { color:#c0c0c0; } a.er:link, a.er:visited { color:#006000; } #nav a.er:link, #nav a.er:visited { color:#40ff00; } #RCol a.er:link, #RCol a.er:visited { color:#40ff00; } #clicknav:visited { color:white; } #clicknav:hover, #clicknav:active, #clicknav:focus { color:#2020f0; } div.logo a.image:link, div.logo a.image:visited { color:white; } /* .snip a:link, .new-life a:link, .cert a:link, .note a:link, .Search a:link { text-decoration:underline; } .snip a:visited, .new-life a:visited, .cert a:visited, .note a:visited, .Search a:visited { text-decoration:underline; } */ .snip a:hover, .snip a:active, .snip a:focus { color:#2020f0; } .new-life a:hover, .new-life a:active, .new-life a:focus { color:#2020f0; } .cert a:hover, .cert a:active, .cert a:focus { color:#2020f0; } .note a:hover, .note a:active, .note a:focus { color:#2020f0; } .Search a:hover, .Search a:active, .Search a:focus { color:#2020f0; } #RCol a:hover, #RCol a:active, #RCol a:focus { color:#2020f0; } a#open-page { color:black; cursor:default; } a#open-page span { color:black; cursor:text; } /* These only visible with keyboard focus */ #content:link, #content:visited { background:transparent; color:#686898; cursor:default; } #navigation:link, #navigation:visited { background:transparent; color:#686898; cursor:default; } #navigation:focus, #navigation:active { background:#f8b010; color:#2020f0; cursor:pointer; } #content:focus, #content:active { background:#f8b010; color:#2020f0; cursor:pointer; } /* BOX PROPERTIES (not links) */ body, HTML, table, td, th, div, span, img, h1, h2, h3, form, #lead p, #lead ul { padding:0; border:0; margin:0; } p, ul, ol, dl { margin-top:0.9em; margin-bottom:0; } h4, h5 { padding:0; border:0; margin:0.9em 0 0 0; } h4.h5-exists { padding:0; border:0; margin:0.9em 0; } div.nav, div.open { padding:0 4px; } #YD { margin-top:0.25em; } #AT, #PM, #FYT, #OP, .center-mt { margin-top:0.5em; } table.all { border-bottom:solid black 3px; } #midCol { border:0px solid white; } #midlining { border:solid #660099; border-width:0px 2px 2px 2px; z-index:5; } #homenav { padding:4px 0 4px 0; border:0px solid black; } #nav { padding:0 0 4px 0; border:0px solid black; } .cert { padding:6px; border:solid #660099; border-width:2px; margin:1em 0.5em; } .new-life { padding:1em 6px; } .note { padding:1em 6px; border:0px solid black; } .snip { padding:1em 4px 1em 6px; border:0px solid black; } .Search { padding:1em 0; border:0px solid black; } #nav, #homenav, .snip, .Search { border-bottom:1px solid black; } div.Srch { padding:2px 0 2px 0; } form { padding:0 0 6px 0; } .ask { padding:0px 6px; } #h1div { padding:0.5em 19px 0 19px; margin:0 -19px 0 -19px; } #h2div { padding:0 19px 0.5em 19px; margin:0 -19px 1em -19px; } #check-listing { padding-left:4px; } #lead { padding:0em 1em 0em 1em; margin-bottom:1em; } .section { padding:10px 0 2px 0; } #mostimportant { padding-top:0.25em; padding-bottom:0.25em; } .offsheet { padding-bottom:1em; } div.caution { padding:0.2em 0.5em; margin-top:0.9em; border:3px dotted; border-color:#c02020; } div.shrinkWrap { padding:0 0.2em; margin:0.7em -0.2em 0 -0.2em; } p.shrinkWrap { margin-top:0.2em; margin-bottom:0.2em; } .double-space { margin-top:2em; } div.section { margin-top:0em; } .four-thirds { margin-top:1.33em; } .whole { margin-top:1em; } #lead-shadow { margin-top:0em; } .two-thirds { margin-top:0.67em; } .half { margin-top:0.5em; } #lead p.half { margin-top:0.5em; } #lead p.whole { margin-top:1em; } .nosig { margin-top:0.5em; margin-left:1em; } .sig { margin:23px 0 17px 0; } .third { margin-top:0.33em; } .quarter { margin-top:0.25em; } .bottom-p { margin-bottom:10px; } h4.nomargin { margin-top:0; } .nomargin { margin-top:0; } .indent { margin-top:0.9em; margin-left:2.5em; } .quote { margin-top:0.9em; margin-left:2em; margin-right:2em; } .indenthalf { margin-top:0.5em; margin-left:2.5em; } #next-previous { margin-top:0.9em; height:1em; } .spacing { margin-left:1px; } #no37 { margin:1em 0 1em 2em; } h1, h2 { display:inline; } a.image, #navigation, #content, #learn { display:block; } a.nav, div.navhead, .open2 { display:block; } #shownav { display:none; } /* LISTS */ /* firefox: padding-left - ie6: margin-left */ .bottom-p ul { padding-top:0.2em; margin-top:0; margin-left:1em; padding-left:1em; } ul.main { padding-top:0; margin-top:0; margin-left:1em; padding-left:1em; } ul.offsheet { padding-top:0; margin-top:0; margin-left:1em; padding-left:1em; } ol#have-soc, ol.sub { list-style:lower-alpha outside; padding-top:0; margin-top:0; margin-left:1em; padding-left:1em; } ul.sub { list-style:circle outside; padding-top:0; margin-top:0; margin-left:1em; padding-left:1em; } ul.whats-new { list-style:none outside; padding-top:0; margin-top:0; margin-left:0; padding-left:0; } ul.nobullets { list-style-type:none; } ul.side-list { padding-left:0; margin-left:0; list-style:inside; } h4.h3colour { display:list-item; /*list-style-type:square;*/ list-style-position:inside; list-style-image:url(/images/hand.gif);} /* LINKS (Box Properties) */ #navigation { margin:1px 9px 1px 10px; padding:0; width:10em; margin:0 auto; } #content { margin:1px 8px 1px 1px; padding:0; width:10em; } #clicknav { margin-top:0.5em; } /* NAVBAR & BUTTON LINKS: Box Properties */ a.nav:link, a.nav:visited, a.nav:hover { padding:0 1px; margin:0; border:1px solid; } a.nav:active:focus, a.nav:active, a.nav:focus { padding:0 1px; margin:0; border:1px solid; } div.navhead, .open2 { padding:0 1px; margin:0; border:1px solid; } .nosoc a.nav, .nosoc span.open2 { padding-left:2em; } .nosoc a.nav:link, .nosoc a.nav:visited { padding-left:2em; } .nosoc a.nav:hover { padding-left:2em; } .nosoc a.nav:focus, .nosoc a.nav:active { padding-left:2em; } #learn { padding:6px 2px; margin:0; border:3px solid; } /* NAVBAR & BUTTON LINKS: background, color, border-color, text-decoration */ /* a#area are a.nav links that need to be inset when not hovered or clicked */ a.nav:link, a.nav:visited { border-color:#686898; } #area:link, #area:visited { border-color:#484878 #8080d0 #8080d0 #484878; } #open-page:link, #open-page:visited { border-color:#484878 #8080d0 #8080d0 #484878; } a.nav:hover, #area:hover, #open-page:hover { background:#f8b010; color:#2020f0; border-color:#f0c888 #a07848 #a07848 #f0c888; } a.nav:active:focus, #area:active:focus, #open-page:active:focus { background:#686898; border-color:#484878 #8080d0 #8080d0 #484878; } a.nav:active, #area:active, #open-page:active { background:#f8b010; color:#2020f0; border-color:#f0c888 #a07848 #a07848 #f0c888; } a.nav:focus, #area:focus, #open-page:focus { background:#f8b010; color:#2020f0; border-color:#f0c888 #a07848 #a07848 #f0c888; } .open2 { border-color:#484878 #8080d0 #8080d0 #484878; } div.navhead { border-color:#686898; } #learn { text-decoration:none; } #learn, #learn:link, #learn:visited { background:#d0a868; color:#2020c0; border-color:#f0c888 #a07848 #a07848 #f0c888; } #learn:hover { background:#f8b010; color:#2020f0; border-color:#f0c888 #a07848 #a07848 #f0c888; } #learn:active:focus { background:#d0a868; border-color:#93680a #fce3ab #fce3ab #93680a; } #learn:active { background:#f8b010; color:#2020f0; border-color:#956a0a #fce1a6 #fce1a6 #956a0a; } #learn:focus { background:#f8b010; border-color:#956a0a #fce1a6 #fce1a6 #956a0a; } /* NOTE about :active, :focus and :active:focus - Keyboard focus is :active for IE 5+ and :focus for Netscape 6+. Netscape 6 is :active:focus on mousedown and :focus on mouseup. Use to make N6 wait for mouseup to light up. IE5+ and Opera5+ are :active on both. (For IE5, the :active must come after the :active:focus) */ /* FLOATS */ #xhtml { float:left; clear:none; } #css, #no37 { float:right; clear:none; } div.Top { clear:both; } /* needed for where.html */ div.previous { float:left; } div.next { float:right; } #wai { margin:auto; clear:both; height:31px; } /* DHTML SUB MENUS */ /* (This rule is so that .DHTML is positioned relative to .wrapDHTML, not body). */ .wrapDHTML { position:relative; top:0; left:0; overflow:visible; z-index:4; } .DHTML { position:absolute; top:-0.50em; left:14.85em; } .DHTML { margin-top:-1px; } .DHTML { visibility:hidden; white-space:nowrap; z-index:1; } .DHTML { background:#686898; padding:0.5em 4px; border:1px solid; border-color:#8080d0 #484878 #484878 #8080d0; } /* .DHTML { width: } is in browser.css's Mozilla needs it - otherwise .DHTML collapses to a sliver leaving contents overflowing. Explorer 5.0 and Opera also need it - otherwise .DHTML squashes contents forcing it to wrap to another line. Explorer 5.5+ don't need it. */ /* WIDTHS & HEIGHTS */ #LCell, #LCol { width:14.85em; } td#LValley, td#RValley { width:25px; } #RCell { width:0; } #searchbox { width:11em; } div#drop { height:4px; } #rss { width:72px; } #xhtml, #css, #wai { width:87px; } #foot3 { height:66px; } /*img.smiley { width:1.11em; height:1.11em; }*/ img#oh-no { width:2.30em; height:2.18em; margin-left:3em; } #liverpool div { width:228px; } div.previous, div.next { width:47%; } #learn { width:12em; } /* IMAGES */ img { display:block; } img.mpg { display:inline; } img.smiley { display:inline; vertical-align:top; } img.arrow { position:absolute; right:5px; top:0.61em; margin-top:-3px; } .aworks, #sitemaplogo, .logo { width:13em; } .aworks { height:4.225em; } .logo { margin:0 auto; } #logo2 { padding:10px; } /* This will stretch logo2 both ways. */ /* OTHER */ acronym, abbr { cursor:help; } /* MYPRACTICE PAGE */ #philip { float:right; margin-bottom:7px; width:241px; } div.times { margin-top:0.5em; } table.times { color:black; } table.times td { padding-right:20px; } #practice-address { float:left; } #hours { clear:both; margin-left:20px;} #image_caption { text-align:right;} /* WHERE PAGE */ #suitcases { float:right; width:240px; } /* INGREDIENTS PAGE */ .details { color:#202080; } #ing-p1, #ing-p2 { color:#202080; padding:0 20px; } /* HAVE-SOCIETY INDEX PAGE */ td.lc { padding:1px 0.5em; } td.mc { padding:1px 1px 1px 0.5em; } td.rc div { padding:1em 0 0 20px; } td.lc, td.mc { padding-bottom:3px; } tr.odd td.lc, tr.odd td.mc { background:#686898; } /* SITE-MAP PAGE */ body.map { background:white; padding:0; } div.map { text-align:center; background:white; padding:0 10px; border:6px #660099 solid; } div#map-head, div#map-head table { text-align:left; background:#686898; padding:0; width:100%; } #sitemaplogo { background:#686898; float:left; margin:0.5em 0.5em 0.5em 0.5em; text-align:center; } div#map-head #heading { margin:0; } table.map { text-align:left; clear:both; background:white; padding:0; margin-left:auto; margin-right:auto; margin-top:2em; } table.map td { border:1px solid black; padding:0.5em; } /* END */ /* THE END */