bopoma-style.css

body {margin:0px; padding:0px; background-color:#FFFF99; font: 1em verdana, arial, sans-serif; }

div#header {height:113px; text-align:center; margin-top:0px; padding-top:12px; background-color:#FFFF99; margin-right:auto; margin-left:auto; }

div#menu {position:absolute; left:0px; top:105px; width:150px; padding:.5em 0 0 0; margin:22px 0 0 5px; background-color:#FFFF99; border-top:none; border-bottom:none; border-right:none; border-left:none;  }

div#menu ul {border:0; margin:12px 20px 12px .3em; padding:0; list-style-type:none; }

div#menu li {border-bottom:2px dotted #960; margin:0; padding:.3em 0; text-indent:.5em; font-size: 1.5em; font-weight:bold; }

div#menu li:first-child {border-top:2px dotted #960;}

div#menu a {text-decoration:none; color: #f33;}

div#menu a:hover {color: #f33;}

<!--IE hack--> *html div#menu ul {border-top:2px dotted #960;}

div#content {margin:0px 115px 0 144px; padding:1em 1em; text-align:center; background-color:#FFFF99; }

div#content h1 {font-size:2.25em; color:black;}

div#content h2 {color:red;}

div#content h3 {font-style:italic;}

div#content p {font-size:1.2em;}

div#content ul {list-style-type:none;}

div#content li {font-size:1.2em; }

div#adobe {margin:0px 138px 0 160px; padding:1em 1em; text-align:center; background-color:#FFFF99;} 

div#adobe p {font-size:.9em; }

div#rightcolumn {position:absolute; width:125px; top:113px; right:0px; margin:20px 8px 0 0; padding:1em .5em;  background-color:#FFFF99;}

div#rightcolumn p {font-size:.75em;}

div#classes {background-color:#FFFF99;}

<!--Alseet clearing method - float and clear-->
.clearfix:after {content:"." ; display: block; height: 0; clear: both; visibility: hidden; }

<!--fix for IE Mac -->
.clearfix {display: inline-block;}

<!-- Holly hack for IE6 for windows-->
* html .clearfix {height: 1%}
.clearfix {diplay: block;}