body { margin: 0; padding: 0; background:#fff; font-family: Helvetica, Arial, Verdana; font-weight: normal; color:#000; text-align: center; border-top: solid #333 18px; } a { text-decoration: none; border: none; } a img { border:none; text-decoration:none; } ul { bullet: none; margin: 3px 0; padding-left: 7px; padding-right: 7px; list-style-type: none; } li { padding: 2px 0 6px 0; margin: 0; } #top { width: 100%; margin: auto; display:block; } #wrapper { width: 94%; margin: auto; padding: 0; text-align: left; } #recent { width: 70%; float: left; padding-top: 10px; font-size: 13px; margin-left: 20px; } #sitelist { width: 25%; float: right; padding-top: 10px; font-size: 13px; margin-left: 0px; padding-left: 18px; border-left: 1px solid black; } #sitelist a:link { text-decoration: none; color: #000; font-weight: bold; } #sitelist a:visited { text-decoration: none; color: #000; font-weight: bold; } #recent a { text-decoration: none; font-size: 14px; } a:link { text-decoration: none; color: #000; font-weight: bold; } a:visited { text-decoration: none; color: #000; } #main { width: 95%; margin: auto; font-size: 13px; } #header { width: 100%; height: 105px; padding-top: 12px; text-align: right; } #navigation { border-top: solid 1px #000; width: 100%; font-size: 12px; height: 40px; padding-top: 10px; margin-bottom: 8px; } #left { width: 32%; float: right; font-size: 13px; } #center { width: 32%; float: right; font-size: 13px; } #right { width: 32%; float: right; font-size: 13px; } h2 { padding: 0; margin: 6px 0; color: #000; background-color: #fff; padding: 0px; font-size: 14px; font-weight: bold; } h3 { padding: 0; margin: 6px 0; color: #fff; background-color: #000; padding: 6px; font-size: 16px; font-weight: bold; } h4 { padding:0; margin: 20px 14px 10px 0; color: #009; border-top: 1px solid #333; border-left: 3px solid #333; padding: 6px 0px 6px 6px; background-color: #FFF; font-size: 14px; font-weight: bold; letter-spacing: -1px; } h4 a:link { text-decoration: none; } h4 a { text-decoration: none; } #footer { clear: both; margin: 0; padding: .5em; background-color: #333; color: #fff; border-top: 10px solid #999; } a.pops { position:relative; /*this is the key*/ z-index:24; color:#000; border: 1px solid blue; background-color: lightblue; top: 1em; text-decoration:none; font-size: 11px; padding: 4px; line-height: 28px; } a.pops:hover{z-index:25; background-color:#000; border: 1px solid black; color: #fff;} a.pops:visited{z-index:24; border: 0px; background-color: #fff;} a.pops span{display: none} a.pops:hover span{ /*the span will display just on :hover state*/ display:block; position:absolute; top:2em; left:-5em; width:15em; border:1px solid black; background-color:#000; color:#fff; line-height: 13px; font-size: 11px; text-align: left; padding: 5px 7px 5px 7px;} .blocks { width: 95%; margin: auto; } a.mpops { position:relative; /*this is the key*/ z-index:24; color:#000; /* top: 1em; */ text-decoration:none; } a.mpops:hover{z-index:26; background-color:#000; color: #fff;} a.mpops img {margin-bottom: 8px; margin-left: 8px; border: none} a.mpops span{display: none} a.mpops:hover span{ /*the span will display just on :hover state*/ display:block; position:absolute; top: 0em; left: 31px; width:15em; border:1px solid black; background-color:#000; color:#fff; line-height: 13px; font-size: 11px; text-align: left; font-weight: bold; padding: 5px 7px 5px 7px;} #mainright { width: 300px; float: right; font-size: 8px; } table { font-size: 13px; font-family: Helvetica, Arial, Verdana; margin: 0px; padding: 0px; cellspacing: 0px; cellpadding: 0px; border: 0px; } table a { border: 0px text-decoration: 0px; } table img { border: 0px text-decoration: 0px; } #mainmid { margin-right: 301px; font-size: 13px; text-align: center; line-height: 31px; } .rightbox { border: 1px solid #000; padding: 6px; background-color: #fffacd; margin-top: 12px; font-size: 12px; }