body { margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; background-color: #ffffff; background: url(/images/back2.gif) repeat-y; } p,li,ul,td,.text, h1 { font-size: 13px; color: #000000; font-family: arial; } h1 { font-size: 16px; } .navline { font-size: 10px; } .label { color: #777777; } a { color: #0099CC; text-decoration: none; } a:hover { color: #0099CC; text-decoration: underline; } div.mainnav { color: #ffffff; border-left: 1px #00A1DB solid; border-bottom: 1px #00A1DB solid; padding: 0 0 5px 10px; margin-left: 25px; width: 100px; font-size: 14px; } div.mainnav a { color: #ffffff; text-decoration: none; } div.subnav { color: #ffffff; margin: 3px 0 0 45px; font-size: 12px; } div.subnav a { color: #ffffff; text-decoration: none; } .footline, .footline:hover { color: #999999; font-size: 10px; } .textarea { font-size: 11px; font-family: arial; border-color: black; border-width: 1px; border-style: solid; width: 200px; } .textbox { font-size: 11px; font-family: arial; border-color: black; border-width: 1px; border-style: solid; width: 200px; } .button { width: 200px; } .blind { font-size: 6px; color: #FFFFFF; } .tickercontainer { background: #00A1DB; width: 760px; height: 30px; margin: 0; padding: 0 overflow: hidden; position: relative; } .tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */ position: relative; left: 10px; top: 8px; width: 740px; overflow: hidden; } ul.newsticker { /* that's your list */ position: relative; left: 750px; list-style-type: none; margin: 0; padding: 0; width: 900px; } ul.newsticker li { float: left; /* important: display inline gives incorrect results when you check for elem's width */ margin: 0; padding: 0; background: #00A1DB; font-size: 14px; font-weight: bold; color: #ffffff; } ul.newsticker a { white-space: nowrap; padding: 0; color: #00A1DB; margin: 0 50px 0 0; } ul.newsticker span { margin: 0 30px 0 30px; }