body {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: black; }

#header {border: none; height: 220px; margin: 0 0 10 10; background: #E4DCDC; }


#menu1 {border: none; position: absolute; top: 250px; left: 10px; padding:10px; width: 25%; background: #E4DCDC;}

#content {border: 2px ridge #ff0000;  margin-left: 30%; margin-right: 30%; margin-bottom: 10px; padding:10px; background: #ffffff; }

#menu2 {border: none; position: absolute; top: 250px; right: 10px; padding:10px; width: 25%; background: #E4DCDC;}

#footer {border: none; margin-left: 30%; margin-right: 30%; padding:10px;}

(If menus overlap the footer, just make margin-left/right 30% on the footer, and it will match the content box)




p {
font-family: Verdana, Geneva, Arial; 
font-size: 22px;
font-style: normal;
color: #7317CE;
}