body {
	font-size: 9pt;
	font-family: Verdana, Futura, Helvetica, Arial, sans-serif;
	margin-left: 4px;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 0px;
	vertical-align: top;
	background-color: #f8f4ea;
}

#mainContentArea {
	width: 674px;
	position: relative;
	margin-left: 9px;
	margin-right: 9px;
	margin-top: 14px;
	margin-bottom: 16px;
	padding: 4px 12px 4px 12px;
}

#greenTable {
	background-color: #e9ece8;
}

/* How bout that!!! Below is a routine that Brett created */
/* for dynamically replacing blocks of text (H1 headers   */
/* in this case) with images! Cool, yes? I think so too!  */
/* What this routine does is look for a block of H1 text  */
/* within <span> tags, with surrounding <div> tags which  */
/* reference the "reil-logo" styles, and replace it with  */
/* an image! Coolness!!! Brett also implemented this      */
/* technique on the www.reinfolink.com website. Enjoy!!!  */    

#reil-logo {
	position: relative;
}

#reil-logo h1.header-tag {
	width: 212px;
	background: url('../images/logo.gif') no-repeat;
}

#reil-logo h1.header-tag {
	display: block;
	height: 55px;
	margin: 0 0 0 0;
}

#reil-logo h1.header-tag span {
	display: none;
}

/* And now for the standard stylisation stuff */

p {
	font-size: 11pt;
	font-family: Verdana, Futura, Helvetica, Arial, sans-serif;
	line-height: 13pt;
	font-color: #000000;
	text-align: left;
}

p a {
	font-size: 11pt;
	font-family: Verdana, Futura, Helvetica, Arial, sans-serif;
	line-height: 13pt;
	color: #335599;
	text-decoration: none;
	text-align: left;
}

p a:hover {
	font-size: 11pt;
	font-family: Verdana, Futura, Helvetica, Arial, sans-serif;
	line-height: 13pt;
	color: #7e9ebc;
	text-decoration: underline;
	text-align: left;
}

ul.realtor {
	font-size: 11pt;
	font-family: Verdana, Futura, Helvetica, Arial, sans-serif;
	line-height: 13pt;
	color: #000000;
	text-align: left;
}

ul.realtor a {
	color: #335599;
	text-decoration: none;
}

ul.realtor a:hover {
	color: 7e9ebc;
	text-decoration: underline;
}

h2 {
	font-size: 16pt;
	font-family: Verdana, Futura, Helvetica, Arial, sans-serif;
	font-weight: 900;
	font-color: #000000;
}

h3 {
	font-size: 13pt;
	font-family: Verdana, Futura, Helvetica, Arial, sans-serif;
	font-weight: 900;
	color: #000000;
}

h4 {
	font-size: 11pt;
	line-height: 9pt;
	font-family: Verdana, Futura, Helvetica, Arial, sans-serif;
	font-weight: 900;
	color: #040404;
}

/* Navigational Element Stylisations */


.TopMenu {
	text-align: right;
	vertical-align: bottom;
	margin-right: 10px;
	color: #333290;	
}

.TopMenuItem {
	padding: 3px 3px 3px 3px;
	color: #333290;
	font-size: 8pt;
	text-decoration: none;
}

.TopMenuItem:hover {
	color: #333290;
	font-size: 8pt;
	text-decoration: underline;
}

.MainMenu {
	width: 100%;
}

.TabMenuContainer {
	border-bottom: solid 1px #88b2cf;
	background-color: #ffffff;
	vertical-align: bottom;
}

.TabMenuItem {  
	font-weight: bold;
	font-color: #ffffff;
	text-align: center;
	text-decoration: none;
	background-color: #7e9ebc;
	color: #ffffff; 
	height: 28px;
	padding: 0px 15px 0px 15px;
	border-bottom: solid 1px #ffffff;
}

.TabMenuItemBlank {
	background-color: #7e9ebc;
	height: 28px;
	position: relative;
	padding: 0px 15px 0px 15px;
	border-bottom: solid 1px #ffffff;
}

.TabMenuItemSelected {
	background-color: #f8f4ea;
	text-align: center;
	font-weight: bold;
	height: 29px;
	color: #000000;
	padding: 0px 15px 0px 15px;
	margin-top: -1px;
	border-right: #88b2cf 1px solid;
	border-top: #88b2cf 1px solid;
	border-left: #88b2cf 1px solid;
	border-bottom: #f8f4ea 1px solid;
	position: relative;
	bottom: -1px;
}

.TableBeige {
	background-color: #f8f4ea;
	text-align: left;
	font-weight: normal;
	height: 25px;
	height: 1%; /* this fixes the stupid-ass broken Intardnut Exploiter height problem */
	color: #000000;
	padding: 1px;
}

.TableBlue {
	background-color: #d8dfe5;
	text-align: left;
	font-weight: normal;
	height: 25px;
	height: 1%; /* this fixes the stupid-ass broken Intardnut Exploiter height problem */
	color: #000000;
	padding: 1px;
}

.TabMenuSpacer {
	background-color: #ffffff;
}

.banner	{
	background-color: #ffffff;
	width: 100%;
}

.Footer	{
	text-align: center;
	color: gray;
}

/* Yalikeit? Brett Kelley likes it too. I cannot take credit  */
/* for the original idea of stuffing everything in to <TABLE> */
/* structure, but I did rework 90% of the CSS code such that  */
/* when the CSS stylesheet is disabled, turned off, or if the */
/* browsing device doesn't understand or parse stylesheets,   */
/* there is "graceful degradation", which means that images   */
/* do not load but the text is all legible and printer output */
/* legibility is top notch. This is a work in progress. My    */
/* plan is to eventually convert the all of these marketing   */
/* pages into fully tableless XHTML, using CSS for position-  */
/* ing and stylisation. Enjoy!  Brett                         */