body { color:#FFFFFF; background-color:#3366CC; margin:20px; padding:0px; } div.content p,div.content a,div.content h1,div.content h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; color: #FFFFFF; } .Content>p {margin:0px;} .Content>p+p {text-indent:30px;} /* All the content boxes belong to the content class. */ div.content { position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */ width:auto; min-width:120px; margin:0px 20px 20px 150px; border-top:solid 5px #FFFFFF; border-right:solid 5px #FFFFFF; border-bottom:solid 5px #FFFFFF; // background-color:#3366CC; padding:10px; z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */ } div.content p { font-size: 12px; } div.content form h2 { margin: 10px 0px 5px 0px; } div.content h1 { font-size: 14px; font-weight: bold; margin: 0px 0px 15px 0px; text-decoration: underline; } div.content h2 { font-size: 12px; font-weight: bold; margin: 0px; } div.content a { color: #99CCFF; } div.content a:hover { color: #FFFFFF; text-decoration: underline; } div#nav { position:absolute; width:135px; top:20px; left:10px; border-top: solid 5px #000000; border-left: solid 5px #000000; // background-color:#3366CC; padding:10px 10px 0px 10px; z-index:2; voice-family:inherit; } div#nav p, div#nav a, div#nav h1 { font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none; } div#nav h1 { color: #000000; font-size: 22px; font-weight: bold; margin: 0px 0px 10px 0px; } div#nav a { color: #000000; font-size: 14px; font-weight: bold; } div#nav a:hover { color: #FFFFFF; } div#nav a.logo { color: #000000; } div#nav a.logo strong { color: #FFFFFF; } div#nav a.logo:hover { color: #FFFFFF; } input.button { background-color: #3366CC; border: 2px solid #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; padding: 2px; }