<style type="text/css"> 
A:link {background: white; text-decoration: none}
A:visited {background: white; text-decoration: none}
A:active {background: #FFCC00; text-decoration: none}
A:hover {background: yellow; color: red;}
body  {
	font: 100% Arial, Helvetica, sans-serif;
	font-size:.9em;
	line-height:130%;
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
p {
	margin-bottom:12px; line-height:160%; font-size:1.1em}
h4 { font-size:1.2em ;
margin-bottom:-8px;
margin-top:24px;
margin-left:8px;
line-height:105%;}
h3 { font-size:1.6em ;
margin-bottom:-10px;
line-height:100%;}
h2 { font-size:1.8em ;
font-family:Georgia, "Times New Roman", Times, serif;
margin-bottom:-0px;
line-height:100%;
z-index:1000}
h1 { font-size:3.2em ;
font-family:Georgia, "Times New Roman", Times, serif;
letter-spacing:-2px;
margin-bottom:-16px;
margin-top:6px;
line-height:92%;}
h6 { font-size:2.2em ;
font-family:arial, "Times New Roman", Times, serif;
letter-spacing:-2px;
margin-top:0px;
margin-bottom:-0px;
line-height:102%;
text-align:center;}

.twoColElsLt #container { 
	width: 56em;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

.twoColElsLt #sidebar1 {
	float: left;
	font-size:0.8em;
	width: 16em; /* since this element is floated, a width must be given */
	background: #EBEBEB; /* top and bottom padding create visual space within this div */
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
}
.twoColElsLt #sidebar1 h3, .twoColElsLt #sidebar1 p, .twoColElsLt #sidebar1 h4 {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}

.twoColElsLt #mainContent {
 	margin: 20px 1.5em 0 13em; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
} 

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
--> 
</style><!--[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
.twoColElsLt #sidebar1 { padding-top: 30px; }
.twoColElsLt #mainContent { zoom: 1; padding-top: 15px; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->
