* { margin: 0; padding: 0; } html, body, #main { background: #7D8085; } body, div { font-family: 'lucida grande', helvetica, verdana, arial, sans-serif } body { margin: 0; padding: 0; font-size: small; color: #333 } h1, h2 { font-family: 'trebuchet ms', verdana, arial; padding: 10px; margin: 0 } h1 { font-size: large } h3 { margin-top: .5em; } #main { padding: 1em; background: #7D8085 scroll center; } .content { background: #7D8085 url(images/bg.jpg) repeat-y scroll; width: 810px; text-align: left; } .top { background: #7D8085 url(images/top.jpg) no-repeat scroll 0px bottom; height: 75px; text-align: center; color: #fff; width: 810px; font-family: "Times New Roman",Times,serif; font-size: 2em; } .bottom { background: #7D8085 url(images/bot.jpg) no-repeat scroll; width: 810px; height: 37px; } pre { margin-bottom: 1em; } .active { background: #777; } #list1 { width: 754px; font-family: verdana; margin: 0px 0px 0px 23px; } .cont { color: white; text-decoration: none; font-size: 1em; margin: 0px; padding: 0px; background: #444 ; overflow: hidden; border-bottom: 1px solid #999; } .cont p { padding: 10px; } .cont ol { padding: 10px 10px 10px 40px; } .cont ul { padding: 10px 10px 10px 40px; } a { color: CadetBlue ; } img { border:none; } a:hover { color: white; } a:visited { color: aqua; } #list1 h3 { cursor:pointer; display:block; padding: 0px 5px 0px 10px; margin-top: 0px; text-decoration: none; font-size: 1.5em; color: white; background-color: #444; font-family: "Times New Roman",Times,serif; border-bottom: 1px solid #999; } #list1 h3 img { margin-top:2px; padding-right:10px; } #list1 h3:hover { color: #222 ; background-color: #999; } #list1 h3.selected { color: #333; background-color: #999; }