/* #### BASE STYLES #### */ * {margin:0px;padding:0px;top:0px;left:0px;} /* first make all standard settings for all elements 0px. */ html { /* then set font size base for all html docs */ font-size:62.5%; /* 16px × 62.5% = 10px :code1..This allows setting font px sizes without weird fractions*/ /* setting html font-size also helps IE's font sizing to be more gradual than leaping */ /* font-size:.75em; code2...13px/16px = .8125em, .75em=12px */ height:100%; width:100%; } body { color: #000; /*333=off-black*/ background-color:#FBFBFB; /*off-white EEEEEE might be good for this site*/ background:url(images/235.jpg) #FBFBFB; /* "/images/" for upload "images/" for local */ /*NN+IE differ on relative url path, so specify whole pathThe second property is used if the first is unavailable*/ background-attachment:fixed; /* default = scroll other= fixed */ /* To cause the background image to scale to the window try these 3 settings: background-attachment: fixed; */ /* background-repeat: no-repeat; */ /* background image repeat vertically (y-axis), horizontally (x-axis), in both directions, or in neither direction */ /* background-position: top center; */ behavior:url("csshover.htc"); /*font-family, font-height, font-size, font-style, font-variant, and font-weight*/ /* font-family:Verdana, "Trebuchet MS", Arial, Sans-Serif; */ /* font-family:"Comic Sans MS",Palatino,"Times New Roman",Serif; */ font-family:"Times New Roman",Georgia,"Comic Sans MS",Palatino,Serif; font-size:1.2em; /* Set default font size to ~11px - works if html selector is set to 62.5% Also, when set to 1.1, imgs can be styled H+W to 1:1 ratio em resizing */ font-weight:400; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 0; /*line-height:120%; == set this in the base divs/Ps, etc */ margin-left:3%; /* default rule */ /* margin-left:10em; rule for using vertical Left menu with width=9%. Turn Off for ColumnsDivs */ margin-top:15px; margin-right:3%; height:100%; /* font shorthand - requires size and font included font: 62.5%/1.25em 400 Normal None verdana,sans-serif; */ } body:before { /* drop-shadow for body-- html page note-the use of 'inset' attrib will not work */ content: ""; position: fixed; top: -10px; left: 0; width: 100%; height: 10px; z-index: 100; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8); -o-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8); -khtml-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8); -ms-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.8); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8); } #entrancepg { background:url(images/343.jpg) #FBFBFB; } /* After setting the global style standards (see first line), this resets default margins for ones that need it */ h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address { margin-bottom: 1em; } table, form table { /* this normalizes my tables and forms font-size in IE and FF, but I do not know about IE 6 or 7 or MAc yet*/ /* font-size:inherit !important; ...this does not work */ font-size: 100%; /* but this does: use either 1em [in the case of this stylesheet] or 100% this should over-ride IE's default [13pt-static, go figure] and render equally between the browsers. font-size:normal is supposed to work but it didn't here */ } /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ After the base font size is set, then ec H1 font-size: 2em; == 10px × 2em = 20px ec P font-size: 1.2em; == 10px × 1.2em = 12px You may or may not wish to include Div in the following definition (check img style too!) +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ P { /* base font control */ /* font-size: 1em; baseBodycode1:if base set to 62.5% then 1em=10px size, 1.1=11px etc */ /* font-size: 1em; baseBodycode2:if base set to no% font-size .75em then 1em=10px size, 1.1=11px etc */ line-height:1.3em; /* Leading == Typical values are 1.3 to 1.5 times the base font size. Set this in the base P's, etc */ margin-top:1.25em; /* Rythm == Calc font-size plus leading. E.c: 12px with 1.5lh =18px, so Rythm should be 18px or ~1.5em (This is margins to set paragraph spacing) */ margin-bottom:1.25em; font-weight:normal; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ strong {font-weight: bold;} em {font-style: italic;} ul { /* if zeroing margin/padding in first line, this then resets default ul values */ list-style: disc outside; padding-left:1.3em; margin:1.25em, 0; line-height:1.3em; } /* li:before { content: "\00A7 \0020"; } for custom bullet, but doesn't work well in IE5.5 */ /* +++++ IMAGE SIZE HANDLING WITHOUT id= or classes applied ++++++++++ NOTE1: Stylized-Size attributes must be specified in the tag for this to work (see next). NOTE2: As well, Specifying regular width and height attribute properties in the img tag allows browsers to set aside space for images while continuing to load the page ;^) If Base or Parent font-size=1.1em then images sizes set with em will multiply by 1.1 - making it weird to set the values. Compensation then needs to be set to 1/1.1=.909em. If Base or Parent does not have a font-size set, then the default baseBodyFont-SizeCode-x setting applies. To test this, place an img tag both inside and outside of an affected parent tag. */ img { /* when baseBodyFont-Size=code1 has font-size=1.1 applied */ font-size: .83em; /* .909em sets the base img em resize factor to 1:1 */ } /* div img { font-size: .91em; and this compensates for an img in a div default factor to 1.1:1 */ /* } +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* +++++ IMAGE SIZE HANDLING WITHOUT id= or classes applied ++++++++++ THIS IS AN ADJUSTMENT TO THE ABOVE SO YOU CAN INCLUDE LARGER IMAGES SO THEY LOOK BETTER WHEN THE USER SIZES THEM UP!! */ a img, :link img, :visited img {border: none} .allft { text-align:left;} .alcntr { text-align:center;} /* Default Heading Font Sizes. ec: H1 font-size: 2em; == 10px × 2em = 20px */ h1 { font-size: 2em; } h2 { font-size: 1.5em; } h3 { font-size: 1.17em; } h4 { font-size: 1.0em;} h5 { font-size: .83em; } h6 { font-size: .7em; } /* ######################################### */ /* superscript, subscript line-height distortion fix */ sup, sub { height: 0em; line-height: 1em; vertical-align: top; _vertical-align: top; position: relative; } sup { top: -.21em; } sub { top: .6em; } /* Tables ----------------------------------------*/ table { /* border-spacing: 0; */ /* border-collapse: collapse; */ font-size:1.3em; } table.TableBase { mso-style-name:"Table Normal"; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-parent:""; mso-padding-alt:0in 5.4pt 0in 5.4pt; mso-para-margin:0in; mso-para-margin-bottom:.0001pt; mso-pagination:widow-orphan; margin-left: auto; /* Auto Margins will Center Tables */ margin-right: auto; /* font-size:10.0pt; */ /* font-family:"Times New Roman"; */ } td, tr { text-align: left; font-weight: normal; /* font-size: .9em; */ } /* ###################### END BASE CSS ##################### */ /* ########## PAGE: Contact Info Page Styles ########## */ #contactinfopg li { margin-left:1.8em; } #contactinfopg ul { margin-top:0.5em; } /* #### End PAGE: Contact Info Page Styles #### */ /* ########## defines H3 Heading SETTINGS for reflections pages + includes, ########## */ h3.h3refl {margin: 4px 0px 0px 0px; padding: 4px 0px 0px 0px;} /* #### End H3 Heading SETTINGS for reflections pages + includes #### */ /* ######## defines PAGE SETTINGS for reflections, explanations pgs, etc ######## */ body.popwin { /*background-color:#D9D1E4; background:url() #D9D1E4;*/ } /* body.popwin { border: thin double Blue; border-width: medium; margin: 5 5 0 5; margin-left:3%; margin-right:3%; min-width: 10%; max-width: 600px; padding: 15 18 12 15; } */ /* width: 600; */ /* width:expression(document.body.clientWidth > 500? "500px": "auto" ); */ /* width: expression(Math.min(document.documentElement.clientWidth - 100, 400)); */ /* for description popup pages */ .BodyDIV { /* http://www.svendtofte.com/code/max_width_in_ie/ */ background:#C9BEDA; width:expression( /* for ie maxWidth equiv: get doc width, pars=get fontSize in pts, */ document.body.clientWidth > (650/.9) * /* adjust large(magic) number till desired results affected. Ntice I am using 1 instead of 12 due to globally reset font sizes */ parseInt(document.body.currentStyle.fontSize)? "45em": /* set this to desired fallback minWidth if max width exceeded */ "auto" ); /* defaults to auto [normal] if within bounds at current fontsize setting */ border: thin double Maroon; border-width: medium; margin: 5px 5px 0px 5px; /* margin-left:3%; margin-right:3%; magin percents needed if body margins not set */ min-width: 10%; max-width: 600px; padding: 15px 18px 12px 15px; } .BodyDIV_colors { /* http://www.svendtofte.com/code/max_width_in_ie/ */ border: thin double Maroon; border-width: medium; margin: 5px 5px 0px 5px; /* margin-left:3%; margin-right:3%; magin percents needed if body margins not set */ min-width: 10%; padding: 15px 18px 12px 15px; } /* .popwin p { border:1px solid red; max-width:800px; width:expression(document.body.clientWidth > 800? "800px": "auto" ); } */ .popwin P { font-family:"Times New Roman"; font-size:1.3em; font-weight:normal; } /* for the reflections page holder */ #outer .holder { width:expression( /* for ie maxWidth equiv: get doc width, pars=get fontSize in pts, */ document.body.clientWidth > (1100/.95) * /* adjust large(magic) number till desired results affected */ parseInt(document.body.currentStyle.fontSize)? "80em": /* set this to desired fallback minWidth if max width exceeded */ "auto" ); /* defaults to auto [normal] if within bounds at current fontsize setting */ border: thin solid black; border-width: thin; margin: 5px 5px 0px 5px; /* margin-left:3%; margin-right:3%; magin percents needed if body margins not set */ min-width: 10%; max-width: 964px; padding: 15px 18px 12px 15px; } /* for the reflections page inset docs */ #thisReflct { /* http://www.svendtofte.com/code/max_width_in_ie/ */ width:expression( /* for ie maxWidth equiv: get doc width, pars=get fontSize in pts, */ document.body.clientWidth > (1100/.95) * /* adjust large(magic) number till desired results affected */ parseInt(document.body.currentStyle.fontSize)? "75em": /* set this to desired fallback minWidth if max width exceeded */ "auto" ); /* defaults to auto [normal] if within bounds at current fontsize setting */ border: thin double Maroon; border-width: medium; margin: 5px 5px 0px 5px; /* margin-left:3%; margin-right:3%; magin percents needed if body margins not set */ min-width: 10%; max-width: 964px; padding: 15px 18px 12px 15px; } /* ######## END defines PAGE SETTINGS for reflections, explanations pgs, etc ######## */ /* ######################################### */ /* Backdrop Shade to Aid Reading Headers against Sky */ .ShadOutr_LtBlu { /* blue shade outer div */ position:relative; border:0px solid red; z-index:-1; } .ShadInnr_LtBlu { /* blue shade inner div */ position:absolute; overflow: hidden; border:0px solid orange; padding: 0em 4px 0.1em 0em; filter: alpha(opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; opacity:0.5; background-color:lightskyblue; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; } .ShadHdrTxtYlw { /* yellow header text */ color:yellow; font-weight:bold; } .ShadHdrTxtWht { /* white header text */ color:white; font-weight:bold; } .ShadHdrTxtRd { /* red header text */ color:red; font-weight:bold; } .ShadHdrTxtBlu { /* blue header text */ color:red; font-weight:bold; } .ShadHdrTxtGrn { /* green header text */ color:#339933; font-weight:bold; } /* ######################################### */ /* Backdrop Shade to Aid Reading FooterNavMenu against Sky */ .ShadBackGnd_LtBlu { /* blue shaded outer div */ border:0px solid black; padding: 0em 4px 0.1em 0em; filter: alpha(opacity=30); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); -moz-opacity: 0.3; opacity:0.3; background-color:#63A4FF; /* lightskyblue D6EBFF E0F0FF 81DAF5 58D3F7 EBF5FF F5FAFF FBFBEF 0000ff 58D3F7 63A4FF */ -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; width:100%; height:7.3em; /* adjust height to suit, and margin to lift Table into zone */ margin: 0em 0em -7.0em 0em; /* The you set Table Style to position:relative - allows stable opacity css does not cascade to relative pos */ } div.ShadBackGnd_LtBlu + table { position:relative; /* allows stable opacity css does not cascade to relative pos */ } .ShadBackGndDrop { /* dropshadow for incSiteLinks -have to suppress alpha filters for ie 9 to do it right */ /* box-shadow: 3px 3px 9px rgba(50, 0, 10, 0.8) */ -moz-box-shadow: 3px 3px 10px #000; -webkit-box-shadow: 3px 3px 10px #000; -o-box-shadow: 3px 3px 10px #000; box-shadow: 3px 3px 10px #000; /* THESE ARE I A SEPARATE "styIE-lt-9.0.css" -only way to isolate them from IE9 */ /* For IE 5.5 - 7 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30) progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000'); */ /* For IE 8 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=30) progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000')"; */ } /* =============================================== */ .boxDropShadBasic01 { /* main table + div shadow backgrounds */ /* see TestimonialsTest series for the dev and new IE Conditional stylesheets on this */ -moz-box-shadow: 3px 3px 9px rgba(50, 0, 10, 0.8); -webkit-box-shadow: 3px 3px 9px rgba(50, 0, 10, 0.8); -o-box-shadow: 3px 3px 9px rgba(50, 0, 10, 0.8); /* don't think this exists */ box-shadow: 3px 3px 9px rgba(50, 0, 10, 0.8); } /* =============================================== */ /* CopyRightFooterTable Text Shadow */ #cpyrtftrtbl { -moz-text-shadow: 0.025em 0.025em 0px rgba(255,255,255,0.7); /* Firefox 3.5+ */ -webkit-text-shadow: 0.025em 0.025em 0px rgba(255,255,255,0.7); /* Chrome and Safari3.1+ */ -o-text-shadow: 0.025em 0.025em 0px rgba(255,255,255,0.7); /* supposedly opera 10.5+ needs no prefix, but I see this all the time -this is not working afaikt */ -khtml-text-shadow: 0.025em 0.025em 0px rgba(255,255,255,0.7); /* -ms-text-shadow: 0.025em 0.025em 0px rgba(255,255,255,0.7); */ /* css2.1 -IE8 and css3- IE9 -I don't see if needed */ text-shadow: white 0.015em 0.015em 0.03em; /* opera lt10 only does syntax 'color x y blend', so forget it works in v9 if placed before */ text-shadow: 0.025em 0.025em 0px rgba(255,255,255,0.7); /* opera lt10 only does syntax 'color x y blend', so forget it */ /* zoom:1; filter: progid:DXImageTransform.Microsoft.Shadow(strength=1, direction=135, Color='#ffffff'); */ } /* ########## SITE LINKS CSS ########## */ /* General Link Style Definitions */ div * a:link { /* background: #fff; */ color: blue; /* font-weight: bold; */ text-decoration: none; border-bottom: 1px blue solid; /* zoom:1; sets hasLayout property for IE, allowing border to display in some cases where it otherwise will not - does not validate. Caveat - wrapped links display with a single solidborder below the wrapped link */ padding-bottom: 1px; } div * a:visited { /* background: #fff; */ color: blue; /* font-weight: bold; */ text-decoration: none; border-bottom: 1px blue solid; /* zoom:1; sets hasLayout property for IE, allowing border to display in some cases where it otherwise will not - does not validate. Caveat - wrapped links display with a single solidborder below the wrapped link */ padding-bottom: 1px; } /* .TableBase td div a:focus, .TableBase td div a:hover, .TableBase td div a:active, p a:focus, p a:hover, p a:active */ div * a.noBotmBordr:focus, div * a.noBotmBordr:hover, div * a.noBotmBordr:active, div * a:focus, div * a:hover, div * a:active { /* background: #000; */ /* color: #fff; */ /* font-weight: bold; */ text-decoration: none; outline:none; /* keep dotted border only for tabbed nav of links */ border-bottom: 1px red solid; padding-bottom: 1px; } div * a.noBotmBordr:focus { /* allow borders for tabbing links on objects in Moz. affects feather nav, reflections nav */ outline-color: -moz-use-text-color; outline-style: dotted; outline-width: 1px; outline-offset: 0pt; } /* ##### Remove anchor border[underline] on images where this class is applied to the parent href ##### */ /* NOTE: Doesn't work in IE for anchors having href="#xxx" type reference. Have to add the style inline for these */ /* a.noBotmBordr:link, a.noBotmBordr:visited, <