<style type="text/css">

  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

</style><!-- main stylesheet ends, CC with new stylesheet below... -->

<!--[if IE]>
<style type="text/css">
  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */
</style>
<![endif]-->
body { background-color:whitesmoke ;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:purple;
}

a:hover { font-family:Verdana, Arial, Helvetica, sans-serif;
color:purple;
background-color: white}

h1 { font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:36px}

h2 { font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:30px}

h3 { font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:24px}

#leftcontent {
	position: absolute;
	left:9px;
	top:193px;
	width:100px;
	background:lavender;
	border:0px solid darkblue;
	background-color: lavender;
}

#centercontent { top:77px;
background:whitesmoke;
margin-left:99px;
margin-right:119px;
border:1px solid darkblue;
voice-family: inherit;
margin-left:101px;
margin-right:121px;
color:purple;
}

html>
body #centercontent { margin-left:101px;
margin-right:121px;
}

#rightcontent {
	position: absolute;
	right:9px;
	top:194px;
	width:120px;
	background:plum;
	border:0px solid darkblue;
	height: 345px;
	background-color: lavender;
}



#banner { background:lavender;
height:50px;
border-top:0 solid darkblue;
border-right:0 solid darkblue;
border-left:0 solid darkblue;
voice-family: inherit;
height:49px;
}

html>
body #banner { height:49px;
}

p,h1,h2,h3 { margin:0px 10px 10px 10px;
}

.alignleft {
float: left;
}
.alignright {
float: right;
}