You kind of did things in reverse order, you deleted the original with 2 replies and some code. I guess we'll have to continue the discussion in this thread now (which will hopefully not be deleted

. Anyway, I believe your problem lies with the missing semi-colon here:
<style type="text/css">
a:link {color: #3B28B4; text-decoration: none;}
a:visited {color: #3B28B4; text-decoration: none;}
a:hover {color: #FFFFFF; text-decoration: underline; background:
#3B28B4}
a:active {color: #3B28B4; text-decoration: none;}
body {scrollbar-base-color: #3B28B4;
scrollbar-face-color: #3B28B4;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #3B28B4;
scrollbar-shadow-color: #FFFFFF;
scrollbar-darkshadow-color: #3B28B4;}
.menu {border: 3px solid #3B28B4; text-align:left; font-size: 14}
.box {border: 1px solid #3B28B4; border-width: thin; font-size: 12}
</style>
Try adding the semi-colon after '#3B28B4' and see if that helps

.