body { font: Georgia, Times, "Times New Roman", serif; margin: 0px; } /* ............. these are css related notes font-size:20px; font-style: italic ; font-family: Georgia; font-weight: bold ; font-family: serif,Times,Verdana, Arial, sans-serif; shorthand version: font:normal normal 150%/1.2 verdana, serif,tahoma,humanist san-serif; only the title and motto override the body font. see.............. http://webdesign.maratz.com/lab/fonts_table/ --------------------------------GOLD RELATED COLORS ------------ see http://www.somacon.com/p142.php color: #090; nice dark green color: #0C0; nice light green color: #FFD700; basic gold color: #EEC900; slightly darker gold color: #CDAD00; darker gold color: #DAA520; goldenrod, a little browner than gold color: #EEB422; slightly darker gold color: #FFEC8B; light goldenrod ...................*/ /*--------------------------------TABLES -------------*/ table { border-collapse: collapse; border:0px; } table.whole { width:80%; } tr.top { } td { border:0px ; text-align: left; } td.logo { /*-----------------table section for logo---------------------*/ width:25%; background-image:url(lionlogo_purple.gif); background-repeat: no-repeat; background-position: center; } td.servelogo { width:25%; background-image:url(we_serve_worldwide_larger_purple.jpeg); background-repeat: no-repeat; background-position: center; } td.title { /*-----------------table section for title---------------------*/ width:75%; padding-top: 0in; } td.info { /*-----------------table section for information ---------------*/ border:0px ; width:90%; font-size:20px; background-image:url(lion_head_smiling_gold.jpg); background-position: top; text-align: left; vertical-align: top; } /* background-repeat: repeat-y; font-size:20px; */ td.menu { /*-----------------table section for nav menu-----------------*/ position: fixed; border:0px ; vertical-align: top; width:10%; font-size:20px; padding: 4px; padding-top: 0.25in; padding-bottom: 0.5in; padding-left: 0.25in; text-align: left; } /* font-size:20px; */ /*-------------------------------- PAMPHLET CONTROL -------------*/ /* different body class - use like */ body.pamphbody { margin: 0px; font-family:normal serif,tahoma,humanist san-serif; font-size: 11px; background-color: white; } div.pamphbox { background: white; border:0px ; /* border: thick ridge purple; */ margin: 0em 1em 0em 1em; padding: 0em 1em 0em 1em ; text-align: left; } ul.pamph { margin: 0em 0em 0em 0em; } li.pamph { font-size: 11px; color: black; } p.pamph { text-indent: 1.5em; font-size:11px; color: black; padding: 0em 0em 0em 0em ; margin: 0em 0em 0em 0em; } h1.pamphtitle { font-size: 15px; color: black; margin: 0em 0em 0em 0em; text-align: center ; } h1.pamph { font-size: 11px; color: black; margin: 0em 0em 0em 0em; text-align: center ; } h1.pamph:first-letter { font-size: 150%; color: black; background-color: gray; } h2.pamph { font-size: 11px; color: black; margin: 0em 0em 0em 0em; text-align: left ; } h2.pamph:first-letter { font-size: 110%; color: black; background-color:#FFD700; } tr.pamph{ background-color: white; border: solid; border-top-width: 0px; border-top-color: purple; } td.pamph{ background-color: white; border: solid; border-top-width: 0px ; border-top-color: purple; vertical-align: top; text-align: left ; } /*-------------------------------- TEXT CONTROL ---- font-family: serif, Georgia, Times, "Times New Roman"; font: bold italic 2em Georgia, Times, "Times New Roman", serif; font-style: italic ; ---------*/ p { font-family: serif; font-weight: bold ; margin-top: 10px; margin-bottom: 10px; text-indent: 2.5em; } /* line-height: normal; font-size:20px; */ /*--------------------------- text in info */ h1.info { font-size: 30px; line-height: normal; } h1.info:first-letter { font-size: 50px; background-color: #FFD700; /*---- basic gold----*/ line-height: 1.2; } h2.info:first-letter { font-size: 50px; color: purple; background-color: #CDAD00; /*darker gold*/ line-height: 1.3em; } .info:first-letter { font-size: 50px; background-color: #EEB422; /*---- slightly darker gold----*/ color: #DAA520; /*---- goldenrod, a little browner than gold ----*/ line-height: 1.3em; } p.info { text-indent: 2.5em; line-height: normal; margin-top: 80px; margin-bottom: 80px; } /*--------------------------- text in menu */ h1.menu { font-style: italic ; font-family: Georgia; font-weight: bold ; margin-top: 0.1em; margin-bottom: 0.1em; text-align: left; } p.menu { text-align: left; } /*............................. these are at page bottom............ */ p.id { margin-top: 0.1em; text-align: center; color: black; } p.tiny { margin-top: 0.1em; text-align: center; color: black; } /* font-size:10px; */ p.small {line-height:90%} .space { line-height: 1.3em; } /*--------------------------- top of page */ p.hamlions { margin-top: 0.5em; margin-bottom: 0.25em; text-align: center; font-style: italic ; font-family: Georgia; font-weight: bold ; font-size:80px; line-height:90% } p.title { font-style: italic ; font-family: Times ; font-weight: bold ; margin-top: 0em; text-align: center; font-size:40px; line-height:30%; } p.hammotto { font-style: italic ; font-weight: bold ; font-family: Times; font-size:30px; margin-top: 0em; margin-bottom: 0.3em; text-align: center; line-height:30%; } /*------Georgia, Times, "Times New Roman", serif- -------------------------regular links ------------ Note - required order: a:link a:visited in order to be effective!! a:hover a:active -*/ a.reg:link { color: black; text-decoration: none; background-color: #EEC900; /* slightly darker gold */ } a.reg:visited { color: black; text-decoration: none; } a.reg:link:hover { color: green; text-decoration: none; background-color: white; } a.reg:link:active { color: white; text-decoration: none; background-color: green; } /*-------------------------------- menu selections -------------*/ /*-----------------------------------------link selecting dynamics Note - required order: a:link a:visited <-- seems not used a:hover a:active --*/ /* link is startup appearance */ :link, :visited { color: #ffffa0; text-decoration: underline;} :link:hover, :visited:hover { color: red; } :link:active, :visited:active { color:fuchsia ; } /*pinkish*/ :link:focus, :visited:focus { color: green; } /* not used ??*/ /*--------------------------------navigation menu -------------*/ .navsite p { display: none; } .navsite { font-weight: bold; border-right: 0px; padding: 0; margin: 0; margin-bottom: 1em; color: yellow; width: 15em; } /* font-size: 1em; */ .navsite ul { list-style: none; margin: 0; padding: 0; } .navsite ul li { margin: 0; /* border-top: 0px solid #003; */ } .navsite ul li , .navsite ul li { display: block; padding: 4px 4px 4px 0.5em; /* border-left: 10px solid #369; border-right: 1px solid #69c; border-bottom: 1px solid #369;*/ border:0px ; color: green; text-decoration: none; background-color: black; background-image: url(title-glass.png); background-position: 50%; background-repeat: repeat-x; } body .navsite ul li { width: auto; } /* .navsite ul li { border-left: 10px solid #036; border-right: 1px solid #69c; border-bottom: 1px solid #369; }*/ /*--------------------------------Image position controls -------------*/ .leftFloat { float: left } .rightFloat { float: right } /*--------------------------------hr controls ----- lousy - works across browsers - using a background image hr { background:url(hr_bar_piece.gif) bottom left repeat-x; clear:both; margin-left:auto; margin-right:auto; margin-top:2em; margin-bottom:2em; padding-top:0.1em; padding-bottom:0.1em; text-align: center! important; width:100%; } --hr { style="color:white; display: none; } ------*/ hr { height: 0; border: 0; border-top: 3px solid #CDAD00; } /* make a line of paw-prints across page */ div.hr { width:85%; text-align: center! important; height: 18px; /* matched to print1a.jpg vertical size */ color:#CDAD00; background: #fff url(print1brn.jpg) repeat-x left; } div.hr hr { /* this removes the line normaqlly used for

*/ display: none; } /*================================================================= ---------OVERRIDE COLOR VALUES for same category IN MANY PLACES --------*/ body, p.menu, a.reg:visited, #navsite ul li, td.menu.info , tr.top,td.logo, td.servelogo, td.title { background-color: #FFD700; } tr.top,td.logo, td.servelogo, td.title{ border: 0px solid purple; } table, p.menu, h1.menu, h1.info:first-letter, a.nav:visited , .navsite, ul, li , p.hamlions, p.title, p.hammotto { color: purple;}