ul { display:block; list-style-type:none; font-family:Tahoma; font-size:12px; float:left; width:125px; height:33px; margin:0; padding:0; } ul a { display:block; width:125px; height:33px; color:blue; text-align:center; line-height:33px; text-decoration:underline; background-image:url('images/button.gif'); background-repeat:no-repeat; } ul a:hover { background-position: 0px -33px; color:#006600; text-decoration:blink; } ul a:active { background-position: 0px -66px; color:#purple; text-decoration:italic; } ul li { display: inline; float: left; } .hide { font-family: Arial; font-size: 10pt; color: #FFFF99; } .box { width: 800px; position: relative; vertical-align:middle; z-index: 1; clear: both; } .idNum1 { border-style: ridge; border-color: #E4E4E4; font-family: Book Antiqua; font-size: 8pt; width: 56; height: 200px; z-index: 1; float: left; vertical-align: top; text-align: center; } .textRight { border-style: ridge; border-color: #E4E4E4; display: block; width: auto; height: 200px; color: #000000; text-align: left; vertical-align: middle; position: relative; z-index: 1; float: left; font-family: Arial, Helvetica, sans-serif; font-size: x-small; padding-left: 2px; } .textLeft { border-style: ridge; border-color: #E4E4E4; width: auto; height: 200px; color: #000000; vertical-align: middle; position: relative; z-index: 1; float: left; font-family: Arial, Helvetica, sans-serif; font-size: x-small; text-align: right; padding-right: 2px; } .picLeft { border-style: ridge; border-color: #E4E4E4; display: block; width: auto; height: 200px; color: #000000; vertical-align: top; position: relative; z-index: 1; float: left; font-family: Arial, Helvetica, sans-serif; font-size: small; } .picRight { border-style: ridge; border-color: #E4E4E4; display: block; width: auto; height: 200px; color: #000000; vertical-align: top; position: relative; z-index: 1; float: left; font-family: Arial, Helvetica, sans-serif; font-size: small; padding-left: 2px; } .title { vertical-align:middle }