body  {
	background: #FFFFFF url('i/bg.jpg') repeat-x top;
	margin: 0;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #18254E;
}
.thrColFixHdr #container { 
	width: 821px;  
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.thrColFixHdr #header {
	padding-left: 416px;
	padding-bottom: 0;
	padding-right: 0;
	padding-top: 95px;
	clear: both;
	float: left;
	height: 25px;
	width: 405px;
	background: url('i/All-AmericanLogo.gif') no-repeat 13px 42px;
} 
	#header a:link, #header a:visited {
		padding: 0 0 0 20px;
		text-decoration: none;
		color:#18254E;
	}
	#header a:hover, #header a:active {
		padding: 0 0 0 20px;
		text-decoration: underline;
		color:#18254E;
	}
	
/* navigation styles */
.navHome {
	float:left;
	clear: both;
	width: 821px;
	height: 286px;
	background: url('i/navBg.jpg') no-repeat left top;
	padding: 20px 0 0 0;
}
	.navHome td {
		text-align: center;
	}
	.navHome td a:link, .navHome td a:visited, .navHome td a:hover, .navHome td a:active {
		font-size:12px;
		color:#FFFFFF;
		text-decoration: none;
	}
	.navHome td a:hover, .navHome td a:active {
		font-size:12px;
		color:#FF0000;
		text-decoration: none;
	}
.navHomeowners {
	float:left;
	clear: both;
	width: 821px;
	height: 286px;
	background: url('i/navBg3.jpg') no-repeat left top;
	padding:20px 0 0 0;
}
	.navHomeowners td {
		text-align: center;
	}
	.navHomeowners td a:link, .navHomeowners td a:visited, .navHomeowners td a:hover, .navHomeowners td a:active {
		font-size:12px;
		color:#FFFFFF;
		text-decoration: none;
	}
	.navHomeowners td a:hover, .navHomeowners td a:active {
		font-size:12px;
		color:#FF0000;
		text-decoration: none;
	}
.navRealtors {
	float:left;
	clear: both;
	width: 821px;
	height: 286px;
	background: url('i/navBg4.jpg') no-repeat left top;
	padding:20px 0 0 0;
}
	.navRealtors td {
		text-align: center;
	}
	.navRealtors td a:link, .navRealtors td a:visited, .navRealtors td a:hover, .navRealtors td a:active {
		font-size:12px;
		color:#FFFFFF;
		text-decoration: none;
	}
	.navRealtors td a:hover, .navRealtors td a:active {
		font-size:12px;
		color:#FF0000;
		text-decoration: none;
	}
.navBuilders {
	float:left;
	clear: both;
	width: 821px;
	height: 286px;
	background: url('i/navBg5.jpg') no-repeat left top;
	padding:20px 0 0 0;
}
	.navBuilders td {
		text-align: center;
	}
	.navBuilders td a:link, .navBuilders td a:visited, .navBuilders td a:hover, .navBuilders td a:active {
		font-size:12px;
		color:#FFFFFF;
		text-decoration: none;
	}
	.navBuilders td a:hover, .navBuilders td a:active {
		font-size:12px;
		color:#FF0000;
		text-decoration: none;
	}
.navAbout {
	float:left;
	clear: both;
	width: 821px;
	height: 286px;
	background: url('i/navBg2.jpg') no-repeat left top;
	padding:20px 0 0 0;
}
	.navAbout td {
		text-align: center;
	}
	.navAbout td a:link, .navAbout td a:visited, .navAbout td a:hover, .navAbout td a:active {
		font-size:12px;
		color:#FFFFFF;
		text-decoration: none;
	}
	.navAbout td a:hover, .navAbout td a:active {
		font-size:12px;
		color:#FF0000;
		text-decoration: none;
	}

.navGreen {
	float:left;
	clear: both;
	width: 821px;
	height: 286px;
	background: url('i/navBg2b.jpg') no-repeat left top;
	padding:20px 0 0 0;
}
	.navGreen td {
		text-align: center;
	}
	.navGreen td a:link, .navGreen td a:visited, .navGreen td a:hover, .navGreen td a:active {
		font-size:12px;
		color:#FFFFFF;
		text-decoration: none;
	}
	.navGreen td a:hover, .navGreen td a:active {
		font-size:12px;
		color:#FF0000;
		text-decoration: none;
	}


.subNav {
	color:#4F8A10;
	padding: 15px 0 0 30px;
	font-size: 10px;
}
	.subNav a:link, .subNav a:visited {
		padding: 0 10px 0 10px;
		color: #FFFFFF;
		text-decoration: none;
		
	}
	.subNav a:hover{
		padding: 0 10px 0 10px;
		color: #FFFFFF;
		text-decoration: underline;
	}

/* left side */	
.thrColFixHdr #sidebar1 {
	float: left;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	width: 191px;
}
	.quickTop {
		width: 191px;
		clear: both;
		height: 42px;
		background: url('i/quickTop.gif') no-repeat;
	}

	.quickTop_dr {
		width: 281px;
		float: right;
		clear: both;
		height: 42px;
		background: url('i/quickTop_dr.jpg') no-repeat;
	}

	.quick {
		width:191px;
		clear:both;
		text-align: left;
		background: url('i/quickMid.gif') repeat-y;
	}

	.quick_dr {
		width:281px;
		float: right;
		clear:both;
		text-align: left;
		background: url('i/quickMid_dr.jpg') repeat-y;
	}


	.quick a:link, .quick a:visited, .quick_dr a:link, .quick_dr a:visited{
		color: #FFFFFF;
		font-size: 12px;
		font-decoration: none;
		font-weight: normal;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		padding: 2px 0 10px 15px;
		display:block;
		line-height: 18px;
	}
	.quick a:hover, .quick_dr a:hover {
		font-size:12px;
		color:#FFFFFF;
		background-color:#1F3769;
		text-decoration: none;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		padding: 2px 0 10px 15px;
		display:block;
	}
	.quick a:active, .quick_dr a:active {
		font-size:12px;
		color:#FFFFFF;
		background-color:#191A3E;
		text-decoration: none;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		padding: 2px 0 10px 15px;
		display:block;
	}

	.quickBottom {
		width: 191px;
		clear: both;
		height: 16px;
		background: url('i/quickBot.gif') no-repeat;
		padding: 0 0 20px 0;
	}

	.quickBottom_dr {
		width: 281px;
		float: right;
		clear: both;
		height: 16px;
		background: url('i/quickBot_dr.jpg') no-repeat;
		padding: 0 0 20px 0;
	}


/* middle column */	
.thrColFixHdr #mainContent { 
	background: url('i/mainBg1col.jpg') 6px 0px no-repeat;
	margin: 0 200px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 20px 30px 0 30px;
} 
.thrColFixHdr #main2col { 
	background: url('i/mainBg2col.jpg') 6px 0px no-repeat;
	margin: 0 200px 0 0;
	padding: 20px 30px 0 30px;
	min-height:480px;
  	height:auto !important;
 	height:480px;} 

.thrColFixHdr #main2coldr { 
	background: url('i/mainBg2col_dr.jpg') 6px 0px no-repeat;
	margin: 0 300px 0 0;
	padding: 20px 30px 0 30px;
	min-height:480px;
  	height:auto !important;
 	height:480px;} 


.blueTable {
	background: #63739E;
}
	.blueTable td {
		background: #18254E;
		color: #FFFFFF;
		list-style: disc url(none);
		vertical-align: top;
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
	}
	.blueTable ul {
		list-style: disc url(none);	
	}	
img.blueBox {
	float: right;
	margin: 0 0 0 8px;
	border: 1px solid #002F87;
}
.innerBlueBox {
	background: #32497E;
	border-width: 1px;
	border-color: #18254E;
	padding: 0 4px 0 0;
}
.shadowed {
	float: right;
	margin: -8px 0 8px 8px !important;
	padding: 4px;
	background: url(i/shadow.png) no-repeat top left !important;
}

#main2col img {
	border-width: 0px;
	border-color: #17254D;
	margin: 0 1em;
}


.video {
	clear: both;
	float: left;
	margin: 0 24px 0 0;
}


/* right column */
.thrColFixHdr #sidebar2 {
	padding: 1em 0;
	float: right; 
	width: 200px; 
}


/* bottom */
#footer  {
	background: #FFFFFF url(i/footerBg.jpg) no-repeat center top;
	padding: 1px 0;
	text-align: center;
	margin: 2em 0 0 0;
	color: #32497E;
}
#footer img {
	padding-right: 1em;
	padding-left: 1em;
}
.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;
}


/* type */
h1 {
	font: lighter 24px "Times New Roman", Times, serif;
	text-transform: capitalize;
	color: #AD3330;
	text-align: left;
	padding: 0 1.5em 0 0;
}
h2{
	font: normal 16px Arial, Helvetica, sans-serif;
	color: #5D6DA0;
	border-bottom: 1px solid #528C26;
	padding-bottom: 3px;
	text-align: left;
}
h3 {
	font: bold normal 16px Arial, Helvetica, sans-serif;
	color: #283A84;
}
a:link {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
a:visited {
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
a:hover, a:active {
	font-weight: bold;
	color: #990000;
	text-decoration: underline;
}
ul {
	list-style: url(i/bullet.gif);
}
.innerHead {
	font-weight: bold;
	color: #5E883A;
	font-style: italic;
}
.quoter {
	font-weight: bold;
	padding-top: 5px;
	border-color: #ACB4C9;
	border-top-width: 1px;
	line-height: 24px;
}
.tagline {
	font: lighter 14px Arial, Helvetica, sans-serif;
	padding-top: 2em;
}
ol li {
	padding-top: 1em;
}
hr {
	height: 1px;
	/* color is for IE */
	color: #9AAEC4;
	/* background is for all other web browsers */
	background: #9AAEC4;
	/* border: 0 removes the shading in most web browsers */
	border: 0;
}
.showhide {
	padding: 1em;
}