/* This layout is sometimes refered to as the Holy Grail layout */ /* To be sure that the security padlock appears in the lower right corner of the IE browser during secure checkout... */ /* ...HREF's must be kept relative, no 'http' string allowed as in the following example taken from the of Miva pages */ /* */ a:link {color:#630;} /* dark brown */ a:visited {color:#aa822f;} /* chocoalte brown */ a:active {background-color:#ccc;} /* gray */ a.categorytemplate:link {color:#ffffbf;} /* pale yellow, used on the Category Page template */ a.categorytemplate:visited {color:#663300;} /* dark brown */ a.categorytemplate:active {background-color:#ccc;} /* gray */ body { /* top, right, bottom, left */ /* #fff is shorthand for #ffffff which = white */ /* background:url('images/whitechapelbackground.jpg') no-repeat fixed center; padding:0px; */ font-family: garamond, verdana, arial, helvetica, sans-serif; margin-left:10px; margin-right:10px; /* this margin controls the space between the #centercontent border-right and the edge of the table in #rightcontent, at least in Netscape 6.2 */ margin-top:0px; margin-bottom:0px } #leftcontent { position: absolute; left:10px; top:215px; width:170px; /* this was set at 190px originally */ background:transparent; /* border-right:3px double #999; */ /* Using a border causes problems with pages that are longer than the content contained in #leftcontent */ padding-top:0px; } #centercontent { background:transparent; border-right:1px solid #000; border-left:1px solid #000; padding-left:25px; padding-right:25px; /* margin-left: 200px; For whatever reason, these margin settings had no effect */ /* margin-right:199px; Originally this was set at 199px */ margin-top:1px; /* IE5x PC mis-implements the box model. Because of that we sometimes have to perform a little CSS trickery to get pixel-perfect display across browsers. The following bit of code was proposed by Tantek Celik, and it preys upon a CSS parsing bug in IE5x PC that will prematurly close a style rule when it runs into the string "\"}\"". After that string appears in a rule, then, we can override previously set attribute values and only browsers without the parse bug will recognize the new values. So any of the name-value pairs above this comment that we need to override for browsers with correct box-model implementations will be listed below. We use the voice-family property because it is likely to be used very infrequently, and where it is used it will be set on the body tag. So the second voice-family value of "inherit" will override our bogus "\"}\"" value and allow the proper value to cascade down from the body tag. The style rule immediately following this rule offers another chance for CSS2 aware browsers to pick up the values meant for correct box-model implementations. It uses a CSS2 selector that will be ignored by IE5x PC. Read more at http://www.glish.com/css/hacks.asp */ /* IE5 workaround begins */ voice-family: "\"}\""; voice-family: inherit; margin-left: 166px; /* These four margin settings, if incresed, push the left and right borders of #centercontent together */ margin-right:171px } html>body #centercontent { margin-left: 166px; margin-right:166px; /* IE5 workaround ends */ } #rightcontent { color:#666; position: absolute; right:10px; top:215px; width:170px; /* this was set at 190px originally */ background:transparent; /* border-left:3px double #999; */ padding-top:0px; } #banner { background:transparent; /* height:40px; */ border-top:0px solid #000; border-right:0px solid #000; border-left:0px solid #000; margin-bottom:10px; border-bottom:0px solid #999; /* IE5 workaround begins */ voice-family: "\"}\""; voice-family: inherit; height:139px; } html>body #banner { height:175px; /* IE5 workaround ends. Changing this setting from 39px to 139px fixed the formatting problem in Netscape 6.2. Bumping the number up to 175px once again fixed a formatting problem (the "Finest Hardware" graphic running into the banner/header) in Netscape without effecting IE. */ } h1, h2, pre { margin:0px 10px 10px 0px; /* top, right, bottom, left */ } h1 { font-size:36px; padding-top:10px; } h2 { font-size:32px; color:#663300; /* Dark Brown */ } h3 { font-size:28px; } h4 { font-size:24px; } h5 { font-size:20px; } h6 { font-size:16px; } #banner h1 { font-size:24px; padding:10px 10px 0px 10px; margin:0px; } #banner p { color:#333; } #leftcontent p { color:#af0027; /* Copper */ } #rightcontent p { color:#af0027; /* Copper */ } table.sitemap { font-size: 11pt; }