BODY { background-color : #dddff0 } .mytitle2 { font-family: Arial; font-weight: bolder; text-decoration: underline; font-size: 18pt; } .myheader { FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #000000; LINE-HEIGHT: 18px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif } .mytitle { FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #666666; LINE-HEIGHT: 15px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif } .bodyText { FONT-SIZE: 11px; LINE-HEIGHT: 18px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif } .Taglines { FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #0000aa; LINE-HEIGHT: 15px; FONT-FAMILY: Times, Times New Roman, serif } .signature { FONT-WEIGHT: italic; FONT-SIZE: 14px; COLOR: #0000aa; LINE-HEIGHT: 15px; FONT-FAMILY: Times, Times New Roman, serif } #myhover a { voice-family: "\"}\""; voice-family: inherit; height: 18px; text-decoration: none; } #myhover a:hover #myimg{ position: relative; top: inherit; left: -400px; width: 600px; height:400px; color: #000000; background: url(pics/redgirls.jpg) 0 0px; background-repeat:no-repeat; padding: 6px 0 0 8px; } #myhover2 a:active { color: #000000; background: url(pics/youthchampion.jpg) 0 0px; background-repeat:no-repeat; padding: 6px 0 0 8px; } #myhover2 a { voice-family: "\"}\""; voice-family: inherit; height: 18px; text-decoration: none; } #myhover2 a:hover #myimg2{ position: relative; top: inherit; left: -400px; width: 600px; height:400px; color: #000000; background: url(pics/youthchampion.jpg) 0 0px; background-repeat:no-repeat; padding: 6px 0 0 8px; } #myhover2 a:active { color: #000000; background: url(pics/youthchampion.jpg) 0 0px; background-repeat:no-repeat; padding: 6px 0 0 8px; } /* =Hoverbox Code ----------------------------------------------------------------------*/ .hoverbox { cursor: default; list-style: none; } .hoverbox a { cursor: default; } .hoverbox a .preview { display: none; } .hoverbox a:hover .preview { display: block; position: absolute; top: -33px; left: -45px; z-index: 1; } .hoverbox img { background: #fff; border-color: #aaa #ccc #ddd #bbb; border-style: solid; border-width: 1px; color: inherit; padding: 2px; vertical-align: top; width: 100px; height: 75px; } .hoverbox li { background: #eee; border-color: #ddd #bbb #aaa #ccc; border-style: solid; border-width: 1px; color: inherit; display: inline; float: left; margin: 3px; padding: 5px; position: relative; } .hoverbox .preview { border-color: #000; width: 200px; height: 150px; }