#content_area{
  position: relative;
  width: 100%;
  text-align: left;
  top: -25px;
  border: solid #4d6a78;
  border-width: 0px 1px 0px 1px;
}
#content_area_bg{
  border: solid #cbe7f0;
  border-width: 0px 4px 0px 4px;
}
#content_area ul{
  padding: 0px 0px 0px 15px;
  list-style: url("/images/bullet.gif") circle;
}

#top_content{
  position: relative;
  width: 790px;
  background-color: #cbe7f0;
  height: 268px;
}
#top_content_left{
	position: relative;
	width: 50%; 
	float: left;
	padding: 0px;
	margin: 0px;
	left: -4px;
}
#top_content_right{
	position: relative;
	width: 40%;
	margin-right: 15px;
	padding: 5px 10px 5px 10px;
	font-size: 12px;
	float: right;
}
#top_content_right ul{
  padding: 5px 10px 0px 20px;
  margin: 0px;
}
#top_content_right td{
	position: relative;
	font-size: 10px;
	padding: 0px;
	margin: 0px;
}
#mid_content{
  position: relative;
  width: 100%;
  background-color: #ffffff;
  font-weight: normal;
  text-align: left;
  padding: 33px 0px 5px 0px;
}
#mid_content b{
  font-family: verdana;
  font-weight: normal;
  font-size: 18px;
  color: #666666;
}
#mid_content_left{
  position: relative;
  width: 60%;
  padding: 0px 10px 0px 25px;
  float: left;
  font-weight: normal;
}
#mid_content_right{
  position: relative;
  width: 30%;
  padding: 0px 15px 0px 0px;
  float: right;
  font-weight: normal;
}
#bot_content{
  position: relative;
  width: 98%;
  text-align: right;
  padding: 10px 0px 10px 0px;
  clear: both;
}
<!-- Stupid IE 6 can't position "fixed" correctly. Workaround, though I really hate using the expressions for rendering -->
<!--[if gte IE 5.5]> 
	<![if lt IE 7]>
		#top_content{
			width: 100%;
			overflow: hidden;
		}
		#top_content_right{
 		       margin-right: 10px;
 		       padding: 15px 0px 0px 10px;
		}
		#mid_content_left{
			width: 55%;
		}
		#mid_content_right{
  			width: 35%;
		}
	<![endif]>
 <![endif]-->