/* style3a_Table_800Main.css */ /* - - This is for Home Page: has different background-image for #container -- container_800solid_BabyBlueMain.gif */ /* - - SOLID BLUE image instead of 2-colors (blue + light gray) like on Detail pages that use ...BabyBlueColumn.gif */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* Sept 23, 2007 - Removed AGM images for DM2DKB (special order only) & DM2 (Now buy Extreme Temperature Kit with LED's to convert DM2D to a DM2 for extreme-temp.)*/ /* Sept 23, 2007 - #agmselections (orig had image hyperlinks only - no text). Now ADDED TEXT HYPERLINKS, changing hyperlink colors & hover colors. */ /* Sept 23, 2007 - Because we now have TEXT hyperlinks (not just images) in #agmselections div, */ /* Sept 23, 2007 reverse #agmselections hyperlink from orig: background-color: #00c; and color: #fff; */ /* Sept 23, 2007 to: background-color: #fff; and color: #00c; */ /* Sept 23, 2007 In #agmselections div, the HOVER orig was background-color: #36f; and color: #fff; */ /* Feb. 24, 2007 - masthead text-align now left, not right, in case we add logo text in html -- (logo text originally part of image). */ /* Jan. 7, 2006 - made other stylesheet comment out masthead background blue_graded_background60.gif as this one does.*/ /* Jan. 5, 2006 - font-family: "Times New Roman" in quotes. Comment on float in masthead. */ /* Dec. 30, 2006 - no background-image or background-color behind masthead. Logo image in html now fills entire width. */ /* Dec. 29, 2006 - changed sidebar width to 195 from 185, reducing margin-left from 10 to 0 */ /* Dec. 29, 2006 - added 1px border left and right to container */ /* Dec. 25, 2006 - sidebar background-color: #d0e0f0 - slightly brighter than #ccdcec */ /* Dec. 25, 2006 - made sidebar 185 wide, not 160. (185 + 10 left margin + 4 padding = 199). */ /* Masthead and Total width 800 (not 775). Sidebar + left margin: 199 + (582 content + padding 5 + 4, + 10 right margin) */ /* Dec. 25, 2006 - body background-color: #000000, not deep blue */ body { margin: 0; color: #000; font-family: "Times New Roman", Helvetica, sans-serif; font-size: small; font-style: normal; background-repeat:repeat-x; background-color: #000000; background-image: url('../imagesCommon/blue_graded_background60.gif'); } /* div id agmselections on main page had different colors on text hyperlinks because of dark blue background image */ /* white text on DARK blue background-color that matches background-image of agm products */ /* for HYPERLINK anchors within #agmselections - if any */ /* Sept. 23, 2007 - Because we now have TEXT hyperlinks (not just images) in #agmselections div, */ /* reverse hyperlink colors from orig: background-color: #00c; and color: #fff; */ /* to: background-color: #fff; and color: #00c; */ /* -- commented out to let user's browser dictate (Table cell background-color is white). */ /*#agmselections a { */ /* background-color: #fff; */ /* text-decoration: underline; */ /* color: #00c; */ /*} */ /* agmselections div hyperlinks a:hover - medium blue background-color, not white like a:hover in sidebar */ /* white text with medium blue background-color: #36f (not white) or you can't see text */ /* (Force user to see MY hover colors because I dictated table cell background-color was white) */ #agmselections a:hover { background-color: #36f; text-decoration: underline; color: #fff; } /* Dec. 29, 2006 - added 1px border left and right to container */ #container { width: 800px; /* container used on fixed-width pages with fuzz-out vertical border around centered page edges*/ margin-top: 0; margin-right: auto; /* margin-right: auto and margin-left: auto make centered in Firefox but not IE6 or IE7. */ margin-left: auto; /* To make IE center it, put
around container div but left-align table columns within container*/ margin-bottom: 0; /* border is OUTSIDE container (unlike padding which would use space inside a container). Border is seen if browser ignores colors */ border-left: 1px solid #d0e0f0; border-right: 1px solid #d0e0f0; background-repeat: repeat-y; /*repeat-y makes image repeat vertically top to bottom. -(Image may just be a gradient border stripe)*/ background-image: url("../imagesCommon/container_800solid_BabyBlueMain.gif"); /*path relative to /styles directory; back one then down to imagesCommon dir*/ /*won't see image edge unless sidebar has margin-left: 10px indent to avoid covering edge */ } /* Feb. 24, 2007 - masthead text-align now left, not right, in case we add logo text in html -- (logo text originally part of image). */ /* ------ FIXED-WIDTH masthead, not 100% -------*/ /* Note: Must go BACK A DIRECTORY ../ from /styles to find images (diff relative path from .htm file) */ #masthead { width: 800px; /*FIXED-WIDTH, or 100% within 800px container*/ margin: 0; text-align: left; float: left; /* but masthead IMG really controls it. Yet this page needs float left here also if masthead img float left. */ /* or images left-aligned. If masthead img doesnt say, then ok to leave float left here */ /* Simplest is to use just 1 image with default alignment - without any img align= attribute in html. */ /* Using Table for left menu column eliminated risk of menu items floating up beside logo image in masthead. */ overflow: hidden; /* background-image: url('../imagesCommon/blue_graded_background60.gif"); */ /* Note: Finding image: If this stylesheet is in /styles, then must go BACK a directory ../ to find images where .htm file is */ } #masthead img { margin: 0; padding: 0; } #masthead p { font-size: small; color: #000; margin: 10px 10px 0px 0px; padding: 0; } #content { /* for 800-wide total: (sidebar 199 = 195 + padding-left 4) + (content 591 = 582 + 9 padding) + right-margin if any */ width: 582px; padding-left: 5px; padding-right: 4px; overflow: visible; /* make visible, not auto with scrollbar, or hidden (truncated) */ background-color: #e9e9e9; /* #e9e9e9 = light gray */ margin-right: 0px; /* allow margin if want vertical edge of #container background-image to show through */ } #content p { margin: 10px 10px 0px 0px; /* in content - paragraph margin-top, right, bottom, left */ } /* Dec. 29, 2006 - made sidebar 195 wide, not 185, reducing margin-left from 10 to 0 */ /* Dec. 24, 2006 - made sidebar 185 wide, not 160 */ /* for 800-wide total: (sidebar 199 = 195 + padding-left 4) + (content 591 = 582 + 9 padding) + right-margin if any */ #sidebar { position: relative; left: 0px; overflow: visible; /* visible is default, hidden truncates overflowed data, auto gives scrollbar.*/ width: 195px; padding-left: 4px; /* narrow screen no room for padding*/ /* background-color: #ccddee; */ background-color: #d0e0f0; margin-left: 0px; /* add margin if want vertical edge of #container background-image to show through */ height: 100%; /* to take full screen height down to footer. Works in Firefox, but Internet Explorer shows container color through*/ } #sidebar a:hover { text-decoration: underline; font-weight: normal; /* changed from bold to normal -avoid wrap*/ background-color: #fff; } /*-----------------------------------------------------------------------------------------------------*/ /* Styles for Sidebar menu - if using