body { font-size: medium; font-family: verdana, arial, helvetica, sans-serif; background-color: rgb(70%,60%,90%); }
code { font-size: medium; font-family: courier, sans-serif; }

h1#title {color: blue; margin-bottom: -0.25em; font: bold 200% Arial, sans-serif; text-align: left;}
table#content { width:100%; vertical-align:center;border-left: 1px solid blue;border-right: 1px solid blue;}
table#content td{vertical-align: top; border-top: 3px solid blue;}
td#menu {text-align: left; padding:0;background: #DDD;width:130px;}
td#menu h4 {background-color: transparent; color: rgb(30%,20%,10%); margin: 0 3px 0 0; font bold 100% Arial, vaerdana, sans-serif; border-right: 1px solid rgb(60%,50%,40%); border-bottom: 2px solid rgb(50%,40%,30%); padding: 1em 0 0; text-decoration:none;}
td#menu a {display:block; font: bold 100% arial,verdana,sans-serif;text-decoration:none; margin:0 3px 0 0; padding: 1px 10px 1px 5px; border-right: 1px solid rgb(60%,50%,40%);}
td#menu a:hover {background-color: rgb(100%,70%,70%); border-right: 4px solid rgb(20%,30%,80%); padding-right: 7px;}
td#main {background: #FFD; color: black; border-top: 2px solid blue;}
td#main p{margin:1em 2.5em; text-align:justify; font 85%}

div#footer {background-color: trasparent; color:rgb(20%,20%,20%); border-top: 1px solid blue; text-align:right; font-size:85%; padding-top: 0.33em; font-style: italic;}

div#sites {border: 1px solid green;}
div#sites a{display:block; font: bold 100% arial,verdana,sans-serif;text-decoration:none; margin:0 3px 0 0; padding: 1px 10px 1px 5px; color:red;}
div#sites a:hover {background-color: rgb(50%,50%,50%);}
div#tech {width:150px;}
div#tech a{display:block;font:100% arial,verdana,sans-serif; text-decoration:none; margin:0 3px 0 0;}
div#tech a:hover {background-color:rgb(10%,60%,20%);}
div#tech h3 {background-color: transparent; color: green; font bold 100% Arial, vaerdana, sans-serif;border-bottom: 2px solid rgb(60%,90%,50%); padding: 1em 0 0; text-decoration:none;margin-bottom:-.15em;}