body {
	font-size: 100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background: #4f6074;
	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;
	background-image:url(../images/main-bg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}
.Content #container {
	width: 838px; 
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	height: 100%;
}
.Content #header {
	padding: 0 0 0 0;
	margin: 0;
	width: 838px;
	height: 501px;
}

.Content #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px 0;
}

ol li {font-size:14px;}
.Content #MainContent{background:url(../images/Blue-Border.png) no-repeat bottom; height: 736px; margin-top: 0px; margin-bottom: 10px }
.Content #ContentTop {
	padding: 0 0px;
	margin-top: 0px;
	margin-bottom: 0px; 
	background: url(../images/Header-bottom-2.jpg) no-repeat top left;
	width: 835px;
	height: 210px;
}
.Content #ContentTop h1{font-size:14px;}
.Content #ContentTop #Points{margin-left: 30px; float: left; font-weight:bold; font-size:.95em; font-family:"Trebuchet MS"; height: 180px;}
.Content #ContentTop ul{margin-top: 6px;}
.Content #ContentTop ul li{margin-left: -12px; list-style:url(../images/Check-mark.png); padding-bottom: 3px; list-style-position:inside; word-spacing: -.04em;}

.Content #ContentTop #Tip{width: 238px; height: 180px; margin-left: 573px; margin-top: 0px; padding-top: 2px; position:absolute}

.Content #ContentBottom {
	padding: 10px 0px 0 14px;
	background: #FFFFFF;
	width: 790px;
	height: 492px;
	background:url(../images/Attorney-By-Area-Law-BG.jpg) no-repeat top left;
	margin: 0px 0 0 19px;
	color:  #000000;
	position:relative;
}
.Content #ContentBottom H1{Font-size:14px; line-height: 12px}
.Content #ContentBottom H2{Font-size:10px; padding-left: 48px}
.Content #ContentBottom a{color:#000000; text-decoration:none}
.Content #ContentBottom a:hover{text-decoration:underline}
.Content #ContentBottom a:visited{color:#000000}
.Content #ContentBottom p{font-size:13px; font-weight:normal; margin-left: 8px; padding-right: 30px; margin-top: 6px}

#ContentBottom ul{margin-top: 12px;}
#ContentBottom ul li{list-style: disc; font-size:14px; font-weight:bold; padding-bottom: 8px}

.Content #ContentBottom #spacerBottom{margin-left: 222px; margin-top: -18px; margin-bottom: 0px}
.Content #MainContent #links{margin: 0; width: 830px; height: 16px; text-align: center; margin-top: 0px; padding-left: 4px; font-size:11px; font-weight:bold; color:#FFFFFF}

#MainContent #links a{color:#FFFFFF; text-decoration:none}
#MainContent #links a:hover{color:#dfaa40; text-decoration: underline}

.Content #ContentBottom a.rollover {
	display: block;
	width: 248px;
	height: 34px;
	text-decoration: none;
	background: url("../images/referral-button.jpg") no-repeat;
	margin-left: 248px;
	margin-top: 20px;
	margin-bottom: 22px;
	text-align:center;
	}

.Content #ContentBottom  a.rollover:hover {background-position: -248px 0;}
.Content #ContentBottom  .displace {position: absolute;left: -5000px;}

.Content #ContentBottom a.roll {
	display: block;
	width: 248px;
	height: 34px;
	text-decoration: none;
	background: url("../images/Case-button.jpg") no-repeat;
	margin-left: 10px;
	margin-right: 2px;
	margin-top: 10px;
	margin-bottom: 12px;
	text-align:center;
	float:left;
	}

.Content #ContentBottom  a.roll:hover {background-position: -248px 0;}
.Content #ContentBottom  .displaceb {position: absolute;left: -5000px;}

.Content #ContentBottom a.over {
	display: block;
	width: 248px;
	height: 34px;
	text-decoration: none;
	background: url("../images/Afford-button.jpg") no-repeat;
	margin-left: 0px;
	margin-right: 2px;
	margin-top: 10px;
	margin-bottom: 12px;
	text-align:center;
	float:left;
	}

.Content #ContentBottom  a.over:hover {background-position: -248px 0;}
.Content #ContentBottom  .displacec {position: absolute;left: -5000px;}

.Content #ContentBottom a.FAQ {
	display: block;
	width: 248px;
	height: 34px;
	text-decoration: none;
	background: url("../images/FAQ-button.jpg") no-repeat;
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom: 22px;
	text-align:center;
	float:left;
	}
.Content #ContentBottom #FRight{float: right; height: 87px; position:relative; margin-top: -24px; margin-right: 44px; }

.Content #ContentBottom  a.FAQ:hover {background-position: -248px 0;}
.Content #ContentBottom  .displaced {position: absolute;left: -5000px;}
	
.Content #ContentBottom .Content #footer {
	padding: 0 10px;
	margin-top: 68px;
	margin-bottom: 20px;
	height: 220px;
	margin-left: 4px;
	width: 730px;
	font-family:"Trebuchet MS";
	font-size: 10px;
	font-weight: normal;
	text-align: center;
}
.Content #footer a{color:#FFFFFF; text-decoration:none}
.Content #footer a:hover{text-decoration:underline; color:#dfaa40}
.email{color:#FFFFFF; margin-bottom: 0px}
.tel{margin-bottom: 0px; font-size:11px}
.org{display:none}

.Content #footer #Center{float:none; width: 510px; height:110px; font-size: 11px; margin: 0 auto; text-align:center; color: #FFFFFF }
.Content #footer #FLeft{width: 264px; height: 53px; margin-top: 0px; padding-left: 14px; float:none; vertical-align:middle;margin: 0 auto; margin-bottom: 16px}
