body { font-family: "Times New Roman", serif; margin:0; padding:0; font-size:90%; } a { text-decoration:none; color:#990000; } a:visited { text-decoration:none; color:#CC9999; } a:hover { text-decoration:underline; color:#000; } /* header styles */ #header { font-family: "Courier New", serif; font-weight: bold; clear:left; float:left; width:100%; overflow:hidden; border-bottom:4px solid #990000; } #header p, #header h1, #header h2 { clear:left; float:left; width:96%; margin:0; padding:.4em 2% .1em 2%; } #header ul { clear:left; float:left; width:96%; margin:.7em 0 0 2%; padding:0; list-style:none; } #header ul li { display:inline; } #header ul li a { display:block; float:left; list-style:none; padding:.2em .5em; text-decoration:none; margin-right:10px; border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; } #header ul li a.active { font-weight:bold; text-decoration:none; color:#000; background:#FFF; border-top:1px solid #990000; border-left:1px solid #990000; border-right:1px solid #990000; } /* column container */ .colmask { clear:both; float:left; width:100%; overflow:hidden; background:#CC9999; } /* common column settings */ .colright, .colmid, .colleft { float:left; width:100%; position:relative; } .col1, .col2, .col3 { float:left; position:relative; padding:.5em 0 1em 0; overflow:hidden; } /* 3 Column settings */ .threecol .colmid { right:25%; background:#fff; } .threecol .colleft { right:50%; background:#f4f4f4; } .threecol .col1 { width:46%; left:102%; } .threecol .col2 { width:21%; left:31%; } .threecol .col3 { width:21%; left:85%; } /* Footer styles */ #footer { text-align: center; font-family: "Courier New", serif; font-weight: bold; clear:both; padding:1em 2%; border-top:1px solid #990000;; } /* --> */