HOME Pages
 
  David A. Cushman logo  
"A-Z" INDEX

CSS File For Use With XHTML Template,
Part Two of Websites 'R' Easy Lecture

body { background-color: #f8f8e3; color: #000000; font-weight: bold; font-family: "times new roman", serif; }
hr { color: #ff0000; height: 1px; background-color: #ff0000; }
table { font-weight: bold }
h1 { text-align: center }
h1, h2 { color: #cc0000; font-style: normal; font-family: "times new roman", serif; font-weight: bolder; }
h6 { color: #cc0000; text-align: right; line-height: 9pt; font-family: arial, sans-serif; font-size: 8pt; font-weight: bold; vertical-align: top }
h5 { color: #000066; text-align: left; line-height: 9pt; font-family: arial, sans-serif; font-size: 8pt; font-weight: bold; vertical-align: top }

.page { width: 100%; border: 0; }
.collapse { border-collapse: collapse; }
.menu { color: #000000; font-size: 10pt; font-family: arial, helvetica, sans-serif; font-weight: bold; text-decoration: none; vertical-align: top; }

a#homebg { display: block; width: 118px; height: 39px; background-image: url(../bee/magic/homebg.gif); background-position: 0 0; margin: 0 auto }

a#menubg { display: block; width: 118px; height: 39px; background-image: url(../bee/magic/menubg.gif); background-position: 0 0; margin: 0 auto }

a#homebg:hover, a#menubg:hover { background-position: 0 -38px }

a#homebg:active, a#menubg:active { background-position: 0 -76px }

.page98 { width: 98%; vertical-align: top; }
.norm100, .strap { width: 100%; border-width: 0; margin: 0; padding: 0; }
.ctrtable { margin-left: auto; margin-right: auto; }
.pc19 { width: 19%; }
.top { vertical-align: top; }
.fll { float: left; }

a#backbg { display: block; width: 118px; height: 39px; background-image: url(../bee/magic/backbg.gif); background-position: 0 0; margin: 0 auto }

a#backbg:hover { background-position: 0 -38px }

a#backbg:active { background-position: 0 -76px }

.pc49 { width: 49%; }
.w118 { width: 118px; }
.red { background-color: #ff0000; }
.bezel { border-style: outset; border-width: 6px; }
.flr { float: right; }
.inset { border-style: inset; border-width: 1px; }

#linkbutt a, #linkbutt1 a, #linkbutt2 a { color: #000000; font-size: 8pt; font-family: arial, sans-serif; font-weight: bold; text-decoration: none; background-color:#ffff00; display: block; width: 100%; }

#linkbutt a:hover, #linkbutt1 a:hover, #linkbutt2 a:hover { background-color: #66ff00; color: #000000; }

#linkbutt a:active, #linkbutt1 a:active, #linkbutt2 a:active { background-color: #dddd00; color: #000000; }

.normalleft { float: left; border-width: 0; margin: 0; padding: 0; vertical-align: top; }
.normal { border-width: 0; margin: 0; padding: 0; }

a#homebbg { display: block; width: 84px; height: 37px; background-image: url(../bee/magic/homebbg.gif); background-position: 0 0; margin: 0 auto }
a#homebbg:hover { background-position: 0 -36px }
a#homebbg:active { background-position: 0 -72px }

a#menubbg { display: block; width: 84px; height: 37px; background-image: url(../bee/magic/menubbg.gif); background-position: 0 0; margin: 0 auto }
a#menubbg:hover { background-position: 0 -36px }
a#menubbg:active { background-position: 0 -72px }

a#bkbbg, a#bkbg { display: block; width: 37px; height: 37px; background-image: url(../bee/magic/bkbbg.gif); background-position: 0 0; margin: 0 auto }

a#upbbg { display: block; width: 37px; height: 37px; background-image: url(../bee/magic/upbbg.gif); background-position: 0 0; margin: 0 auto }

a#emailbbg { display: block; width: 84px; height: 37px; background-image: url(magic/emailbbg.gif); background-position: 0 0; margin: 0 auto }

a#stbbg { display: block; width: 37px; height: 37px; background-image: url(../bee/magic/stbbg.gif); background-position: 0 0; margin: 0 auto }

a#shopbbg { display: block; width: 72px; height: 37px; background-image: url(../bee/magic/shopbbg.gif); background-position: 0 0; margin: 0 auto }

a#shopbbg:hover, a#stbbg:hover, a#emailbbg:hover, a#upbbg:hover, a#bkbbg:hover, a#bkbg:hover { background-position: 0 -36px }

a#shopbbg:active, a#stbbg:active, a#emailbbg:active, a#upbbg:active, a#bkbbg:active, a#bkbg:active { background-position: 0 -72px }

.normalright { float: right; border-width: 0; margin: 0; padding: 0; }
.pc100 { width: 100%; }
.middle { vertical-align: middle; }

#lime a { color: #f8f8e3; }
#lime a:hover { background-color: #66ff00; color: #66ff00; }
#lime a:active { background-color: #dddd00; color: #dddd00; }

.vspace2 { margin-top: 2px; margin-bottom: 2px; }

a:link { color: #dd0000; text-decoration: none; }
a:visited { color: #4b0082; text-decoration: none; }
a:hover { color: #000000; text-decoration: none; background-color: #66ff00; }
a:active { color: #006600; text-decoration: none; background-color: #dddd00; }

Written... 15 July 2006,
This page has actually been validated by W3C Javascript Navigational elements not used as per W3C Link Checker version 4.1 (c) 1999-2004 Requirements
Computer favicon