
body,html {
      background: #E9E9EF;
	  font-family: Verdana,Arial,Helvetica,Sans-Serif;
	  margin: 0 auto 24px auto;
	  color: #000000;
	 }
/* page structural elements */

#main,#header { 
	width: 95%; 
	min-width: 900px; 
	max-width: 1024px; 
	margin:0 auto 0 auto; 
	padding: 0;  
	background: #ffffff url(/images/lt-border.gif) top left repeat-y;
}
#header h1 { 
	width:466px;
	float:left;
	margin:0; 
	padding:9px 0 0 0; 
}
#header h1 a {
	width:466px;
	height:35px;
	background:url(/images/home-ownership-made-easy.gif) top left no-repeat;
	display:block;
	margin:0; 
	padding:0; 
}
#header h2 { color:#ff0000; text-align:right; font-size: 85%; font-weight:700; margin:0; padding:16px 0 0 0; }
#header h3 { text-align:right; font-size: 75%; padding:0; margin:0; }
#head-nav { padding:14px 0 3px 0; margin:0; text-align: center; }
#head-nav li { 
	font-size: 80%;
	font-weight: 700;
	padding: 9px;
	list-style:none; 
	display: inline;
}
.inner {
	margin:0; 
	padding: 12px 36px 12px 36px;
	background: transparent url(/images/rt-border.gif) top right repeat-y;
}
#header .inner { padding: 12px 24px 9px 24px; }
#footer { 
	font-family: arial, hevetica, sans-serif;
	text-align: center; 
	margin:24px 0 0 0; 
	padding: 0; 
	font-size: 75%; 
	min-width: 900px; 
}
#footer li				{ list-style:none; display:inline; font-weight: 700; }
.top-border,.bot-border	{ height: 11px; float: left; margin:0; padding:0;  }
.top-border				{ width: 100%; background: #ffffff url(/images/top-border.gif) top repeat-x; }
.bot-border				{ width: 100%; background: #ffffff url(/images/bot-border.gif) bottom repeat-x; }
.tl, .tr, .bl, .br		{ height: 11px; width: 11px; font-size: 2px; margin:0; padding:0; background:url(/images/25x25-corner.gif); }
.tl						{ float: left; background-position: 0 0;  }
.tr						{ float: right; background-position: 11px 0;  }
.bl						{ float: left; background-position: 0 -14px; }
.br						{ float: right; background-position: -14px -14px; }

/* general classes and styles */

h1              { color:#1a138c; font-size: 24px;  text-align: center; }
h2              { color:#1a138c; font-size: 22px;  text-align: center; }
h3              { color:#1a138c; font-size: 18px;  text-align: center; }
li				{ margin-bottom: 6px; }

.innerBox       { width: 95%; margin: auto; padding: 12px; background-color: #f7f3f0; color: #000000; }
.right          { text-align: right; }
.left           { text-align: left; }
.center         { text-align: center; }
.medium         { font-size: 85%; }
.small          { font-size: 75%; }
.bold           { font-weight: 700; }
.emph           { font-weight: 700; color: #FF0000; }
.clear          { clear: both; }
.nodot li       { list-style: none; }
.lastmod        { text-align: right; font-style: italic; font-size: 90%; }
.rt-img         { float: right;  margin: 12px 0 12px 12px; }
.lt-img         { float: left;  margin: 12px 12px 12px 0; }
.rt-img img, .lt-img img { border: 1px solid #cba634; padding: 4px; }
label           { font-weight:700; }
.more-info		{ text-align: right; font-weight: 700; font-style:italic; margin-right: 24px; }
/* for lists next to boxes. */
.left-425		{ margin-left: 425px; }
.left-250		{ margin-left: 250px; }
/* contact form */
.form-row       { margin: 0 0 2px 0; }
.labelcol       { 
       width: 35%; 
       float: left; 
       text-align: right; 
       font-weight: 700; 
       white-space: nowrap; 
       margin-right: 12px; 
                }
#contact-form 		{ width: 75%; margin: auto; }
#submit-row			{ text-align: center; }
#submit-row input	{ margin: 12px; }

/* specific to product pages, but can be used anywhere */

.highlight-point	{ color: #0000a6; font-weight: 700; font-style: italic; margin-left: 48px; }
h1.product-intro	{ text-align:left; font-size: 110%; margin:0; padding: 12px 0 0 0; }
h2.product-tagline	{ font-size: 120%; text-align: left; color: #ff0000;  margin:0; padding: 0 0 12px 0; }
.sub-emphasis		{ color: #ff0000; }
.product-title		{ color: #0000a6; font-weight: 700; font-style: italic; } 
.rt-sidebar			{ 
	float: right; 
	width: 250px; 
	border: 1px solid #cba634; 
	background-color: #FFFEF8; 
	margin:0 0 18px 12px;
	font-family:Times, Times New Roman, serif;
	font-size: 150%;
	font-weight: 700;
	color: #ff0000;
	font-style: italic; 
	text-align:center;
}
.buyform-left, .buyform-right {
	width: 200px;
	padding:9px;
	margin: 0;
	border: 1px solid #cba634;
	text-align: center;
}
.buyform-left ul li, .buyform-right ul li { font-size: 75%; font-weight: 700; color: #0000a6; text-align: left; }
.buyform-left { float: left; margin: 12px 12px 12px 0; }
.buyform-right { float: right; margin: 12px 0 12px 12px; }
.renter-form { width: 360px; }
.foreclosure-form { width: 200px; }

.buy-button		{ 
	width: 103px; 
	height: 28px; 
	border: 0;
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: 700; 
	padding:0;
	color: #ffff00;
	background:url(/images/buy-button.gif) top left no-repeat;
}

/* main page only */

.intro-head				{ color: #ff0000; font-size: 120%; }
#intro					{ 
	font-family: arial, helvetica, sans-serif; 
	font-style:italic; 
	font-weight: 700; 
	color: #0000a6; 
	margin:0;
	padding: 6px 18px 12px 0;
}
.fp-feature-item		{ border: 1px solid #cba634; background-color: #FFFEF8; margin-bottom:18px; }
.fp-feature-item h3 	{ font-size: 80%; font-weight: 700; text-align: left; margin: 12px 0 0 0; padding: 0; }
.fp-feature-item h4 	{ font-size: 120%; font-weight: 700; text-align: left; color: #ff0000; margin: 0; padding: 0 0 12px 0; }
.fp-feature-item p		{ font-size: 90%; margin: 0 24px 12px 0; }
.fp-feature-item form	{ width: 50%; float: left; }
.fp-feature-item form p	{ float: left; font-size: 70%; font-weight: 700; text-align: center; }
.fp-feature-item form p .emph			{ font-size: 130%; }
.fp-feature-item .more-info a			{ font-family: Arial, Helvetica, sans-serif; font-decoration: none; }
.fp-feature-item .more-info a:link		{ color: #0000ff; }
.fp-feature-item .more-info a:visited	{ color: #0000ff; }
.fp-feature-item .more-info a:hover		{ color: #ff0000; }
.fp-feature-item .more-info a:active	{ color: #ff0000; }

.fp-img		{
	float: left; 
	width: 120px; 
	margin:12px; 
	border: 1px solid #cba634; 
	background-color: #ffffff; 
	padding: 4px; 
	text-align: center;
}

#audio-sample { float: right; width: 150px; border: 1px solid #ff0000; }
#audio-sample h1 { 
	font-size: 80%; 
	width: 100%; 
	text-align: center; 
	background-color: #ff0000; 
	color: #ffff00; 
	font-weight:700; 
	margin: 0;
	padding: 0;
}
#audio-sample p { font-size: 65%; text-align: center; margin: 0; padding: 0 3px 3px 3px; }
#flash-player { width: 65px; margin: auto; }

/* links */

a:link            { color: #0000a0; font-weight: 700; }
a:visited         { color: #2d3473; font-weight: 700; }
a:hover           { color: #0080ff; font-weight: 700; }
a:active          { color: #FF0000; font-weight: 700; }

