body { background-color: #CCFF99; font-family: verdana, geneva, arial, sans-serif; color: #000000; } ul { list-style: square; } a:link { color: #669933; text-decoration: underline; } a:visited { color: #669933; text-decoration: underline; } a:active { color: #669933; text-decoration: none; background-color: #99CC66; } a:hover { color: #FFFFFF; text-decoration: none; background-color: #99CC66; } p { font-family: verdana, geneva, arial, sans-serif; } .maintextcell { padding: 12px; text-align: left; vertical-align: top; } .maintextbox { padding: 0 10px; background-color: #FFFFFF; font-size: 10px; border: 1px solid #000000; } /* for left-side navigation "buttons" - vertical list */ .buttoncell { /* td contains left-side nav */ padding: 12px; text-align: left; vertical-align: top; } .buttonlist { /* div contains left-side nav */ padding: 0 0 0 130px; margin: 0; } .buttonlist ul { margin: 0; /* removes indent IE and Opera */ padding: 0; /* removes indent Mozilla and NN7 */ list-style-type: none; /* turns off display of bullet */ font-family: verdana, geneva, arial, sans-serif; font-size: 11px; text-align: left; vertical-align: top; } .buttonlist li { margin: 0 5px 7px 0; line-height: 2px; /* affects space between buttons */ } .buttonlist a { /* style every link in the list */ width: 110px; /* crucial to working hover effect */ display: block; /* also crucial to working hover effect */ padding: 12px 5px 12px 5px; border: 1px solid #336600; background-color: #669933; line-height: 14px; /* relative to height of text in ul */ } .buttonlist a:link, .buttonlist a:visited { background-color: #669933; color: #CCFF99; text-decoration: none; } .buttonlist a:active { background-color: #669933; color: #FFFFFF; text-decoration: none; } .buttonlist a:hover { background-color: #99CC66; color: #FFFFFF; text-decoration: underline; }