/* First we set some default values for the entire site */ body { background: White; font-family: arial, verdana, tahoma, sans-serif; font-size: 12px; text-align: left; } /* DIV section */ #page {width: 100%;} #header {background: #4974b4; height: 100px;} #left {float: left; width: 180px; margin: 10px 0px;} .left {padding: 10px; background: #b3c9e9; margin-bottom: 10px;} #right {margin: 10px 0px 0px 200px; padding: 0px 10px; border-left: solid 1px; border-right: solid 1px;} #footer {margin: 10px 0px 10px 0px; color: #ddd; text-align: right; border-top: solid 20px #4974b4;} /* HEADING section */ h3 { margin: 0px; padding: 0px 10px; line-height: 20px; font-size: 14px; font-weight: bold; color: White; background: #4974b4; border: solid 1px; } h4 { margin: 0px; padding: 0px 10px; line-height: 20px; font-size: 14px; background: #b3c9e9; } /* LIST section */ ul {margin: 10px 20px; padding: 0px;} /* LINK section */ a {text-decoration: none;} a.menu {color: white; font-weight: bold; padding: 5px; line-height: 20px;} a.menu:hover {color: #ffffff; background: #4974b4;} a.menu:active {color: #4974b4;} a#footer {color: #b3c9e9;} a#footer:hover {color: Black;} a#footer:active {color: Red;} a.inline {color: #4974b4;} a.inline:hover {color: Black;} a.inline:active {color: Red;}