@charset "utf-8"; H1 {font-size:2em} /* displayed at 24px */ H2 {font-size:1.5em} /* displayed at 18px */ H3 {font-size:1.25em} /* displayed at 15px */ H4 {font-size:1em} /* displayed at 12px */ INPUT, SELECT, TH, TD {font-size:1em} LI LI, LI P, TD P, BLOCKQUOTE P {font-size:1em} a:link { color: #cc1111; background-color: transparent; font-weight: bold; text-decoration: none; } a:visited { color: #cc1111; background-color: transparent; font-weight: bold; text-decoration: none; } a:hover { color: #ff0000; background-color: transparent; text-decoration: none; } .content {/* style grouping for content divs */ margin: 2.5em 3%; font: 1em Georgia, Palatino, Serif; padding: 1.5em; border: 8px groove #c0c0c0; background: #f5f5f5; } h1.float-left {/* header element float */ float: left; width: 9em; margin: 0 0.2em 0 0; background: #eee8aa; border-right: 2px dotted #cd853f; border-bottom: 2px dotted #cd853f; } p.top {/* after header margin adjustment */ margin-top: 0; padding: 0.2em; border-top: 3px dotted #696969; background: #ffffe0; } img {/* border style for all images */ border: 0; } img.b {/* replacement for <br /> after images */ display: block; /* forces line break for content after */ } img.b46860 {/* scalable em size class 468px/60px banners */ width: 29.25em; /* replaces 468px width */ height: 3.8em; /* replaces 60px height */ } img.t {/* top margin control */ margin-top: 0.8em; } h2.float-right {/* header element float */ float: right; width: 9em;/* em width variance by element*/ margin: 0 0 0 0.2em; padding-left: 0.2em; background: #90ee90; border-left: 2px dotted #2e8b57; border-bottom: 2px dotted #2e8b57; } p.default-margin { /* margin-top: ; undeclared default margin */ padding: 0.4em; border-top: 3px dotted #696969; background: #f0fff0; } span.cap-g {/* Bad Moz! p:first-letter.class */ float: left; font-size: 1.7em; padding: 0 0.15em; margin: 0 0.15em 0 0; background: #90ee90; border: 3px outset #2e8b57; } .tcflh body { font: 100% Verdana, Arial, Helvetica, sans-serif; font-size:62.5%; background: #000000; margin: 0; /* it's good practice to zero margin & padding of body element to account for differing browser defaults */ padding: 0; text-align: center; /* centers container in IE 5*. Text is then set to left aligned default in #container selector */ color: #000000; } .tcflh #container { width: 60em; /* using 20px less than a full 800px width allows for browser chrome & avoids horizontal scroll bar */ background: #ffffff; margin: 0 auto; /* auto margins (in conjunction with a width) center page */ /* border: 1px solid #000000; */ font-size:1.0em; text-align:justify; /* this overrides text-align: center on body element. */ color: #000000; } .tcflh #header { background: url(Images/jackyslogo.jpg) no-repeat center #ffffff; height: 160px; width: 60em; text-align:center; /* padding-top: 132px; padding-left: 170px; padding-right: 170px; */ /* background: #DDDDDD; padding: 0 10px 0 20px; /* padding matches left alignment of elements in divs that appear beneath it. If an image is used in #header instead of text, you may want to remove padding. text-align: center; */ } .tcflh #header h1 { margin: 0; /* zeroing margin of last element in #header div will avoid margin collapse - an unexplainable space between divs. If div has a border around it, this is not necessary as that also avoids margin collapse */ padding: 10px 0; /* using padding instead of margin will allow you to keep element away from edges of div */ } .tcflh #sidebar1 { float: left; /* since this element is floated, a width must be given */ width: 230px; /* actual width of div, in standards-compliant browsers, or standards mode in IE will include padding & border in addition to width */ background: #000000; /* background color will be displayed for length of content in column, but no further */ padding: 15px 10px 0px 20px; font-size:0.9em; color:#d33; } .tcflh #mainContent { margin: 0 0 0 250px; /* left margin on div element creates column down left side of page - no matter how much content sidebar1 div contains, column space will remain. You can remove this margin if you want #mainContent div's text to fill #sidebar1 space when content in #sidebar1 ends. */ padding: 0 20px; /* remember: padding is space inside div box & margin is space outside div box */ /* background-image:url(Images/FF0256.JPG) */ color:#000000; } .tcflh #footer { /* padding: 0 10px 0 20px; this padding matches left alignment of elements in divs that appear above it. */ padding: 0px; background:#000000; color:#d33; text-align:center; } .tcflh #footer p { margin: 0; /* zeroing margins of first element in footer will avoid possibility of margin collapse - a space between divs */ padding: 40px 0px 40px 0px; /* padding on this element will create space, just as margin would have, without margin collapse issue */ } .fltrt { /* this class can be used to float an element in your page. Floated element must precede element it should be next to on page. */ float: right; margin-left: 8px; } .fltlft { /* this class can be used to float an element left in your page */ float: left; margin-right: 8px; } .clearfloat { /* class should be placed on a div or break element & should be final element before close of a container that should fully contain a float */ clear:both; height:0; font-size: 1px; line-height: 0px; }