hr.a {width: 50%;
	text-align: left;/*this will align it for IE*/
	margin: 0 auto 0 0; /*this will align it left for Mozilla*/
	}	
hr.b {width: 50%;
	text-align: right;/*this will align it for IE*/
	margin: 0 0 0 auto; /*this will align it right for Mozilla*/}
hr.c {border: none 0; 
	border-top: 1px dashed #c00;/*the border*/
	width: 50%;
	text-align: center;
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
	}
hr.bg {
	margin: 8px auto;
	text-align: center;
	height: 1px;
	width: 50%;
	border: 0 none;
	background-color: #fff;
	background-image: url(../images/hr-break.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
 }