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;
}

#KelleyGreenBrettTable {
	background-color: #bfcecb;
	margin: auto;
}

/* 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/MLSLPE_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 */

.smallPara {
	font-size: 8pt;
	font-family: Verdana, Futura, Helvetica, Arial, sans-serif;
	color: #000000;
	line-height: 10pt;
	text-align: left;
}

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: #338888;
	text-decoration: underline;
	text-align: left;
}

.red {
	font-size: 11pt;
	font-family: Verdana, Futura, Helvetica, Arial, sans-serif;
	line-height: 13pt;
	color: #ff0000;
	font-weight: normal;
}


.newupdate {
	font-size: 9pt;
	font-family: Verdana, Futura, Helvetica, Arial, sans-serif;
	color: #ff0000;
	font-weight: normal;
}

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

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

i a:hover {
	font-size: 10pt;
	font-family: Verdana, Futura, Helvetica, Arial, sans-serif;
	line-height: 12pt;
	color: #338888;
	text-align: left;
	text-decoration: underline;
}

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

p.tabled i {
	font-size: 9pt;
	font-family: Verdana, Futura, Helvetica, Arial, sans-serif;
	line-height: 11pt;
	font-style: italic;
	font-color: #000000;
	text-align: left;
}

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

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

ul.smaller, ol.smaller {
	font-size: 10pt;
	font-family: Verdana, Futura, Helvetica, Arial, sans-serif;
	line-height: 12pt;
	font-color: #000000;
	text-align: left;
}

ul.smaller a, ol.smaller a {
	color: #335599;
	text-decoration: none;
}

ul.smaller a:hover, ol.smaller a:hover {
	color: #338888;
	text-decoration: underline;
}

td.notes {
	font-size: 10pt;
	font-family: Verdana, Futura, Helvetica, Arial, sans-serif;
	line-height: 12pt;
}

td.notes a {
	color: #335599;
	text-decoration: underline;
}

td.notes a:hover {
	color: #338888;
	text-decoration: none;
}

li.smallerList {
	font-size: 10pt;
	font-family: Verdana, Futura, Helvetica, Arial, sans-serif;
	line-height: 12pt;
	color: #335599;
	text-align: left;
}

li.smallerList:hover {
	font-size: 10pt;
	font-family: Verdana, Futura, Helvetica, Arial, sans-serif;
	line-height: 12pt;
	color: #338888;
	text-decoration: underline;
	text-align: left;
}

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

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

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

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

h3 a {
	font-size: 14pt;
	font-family: Verdana, Futura, Helvetica, Arial, sans-serif;
	font-weight: 900;
	color: #102e2e;
	text-decoration: none;
}

h3 a:hover {
	font-size: 14pt;
	font-family: Verdana, Futura, Helvetica, Arial, sans-serif;
	font-weight: 900;
	color: #338888;
	text-decoration: underline;
}

h3.smallish {
	font-size: 12pt;
	line-height: 10pt;
	font-family: Verdana, Futura, Helvetica, Arial, sans-serif;
	font-weight: 900;
	color: #102e2e;
	text-decoration: none;
}
	
h3.smallish a {
	font-size: 12pt;
	line-height: 10pt;
	font-family: Verdana, Futura, Helvetica, Arial, sans-serif;
	font-weight: 900;
	color: #102e2e;
	text-decoration: none;
}

h3.smallish a:hover {
	font-size: 12pt;
	line-height: 10pt;
	font-family: Verdana, Futura, Helvetica, Arial, sans-serif;
	font-weight: 900;
	color: #338888;
	text-decoration: underline;
}

h3.tablehead {
	font-size: 11pt;
	line-height: 8pt;
	font-family: Verdana, Futura, Helvetica, Arial, sans-serif;
	font-weight: 900;
	color: #040404;
	text-align: left;
}

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

.rightSideBar p	{
	font-size: 9.5pt;
	line-height: 10.5pt;
	/* text-align: justify; */
	font-family: Verdana, Futura, Helvetica, Arial, sans-serif;
	color: #040404;
	font-style: normal;
}

.rightSideBar p a {
	font-size: 9.5pt;
	line-height: 10.5pt;
	/* text-align: justify; */
	color: #335599;
}

.rightSideBar p a:hover	{
	font-size: 9.5pt;
	line-height: 10.5pt;
	/* text-align: justify; */
	color: #338888;
}

.rightSideBar p i {
	font-size: 9.5pt;
	line-height: 10.5pt;
	/* text-align: justify; */
	font-style: italic;
}

.ImageBackGround {
	background-color: #f8f4ea;
	background-image: url("Images/img_home_monterey.jpg");
	background-position: left bottom;
	background-repeat: no-repeat;	
}

/* 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: #338888;
	color: #ffffff; 
	height: 28px;
	padding: 0px 15px 0px 15px;
	border-bottom: solid 1px #ffffff;
}

.TabMenuItem:hover {
	background-color: #66aaaa;
}

.TabMenuItem a {
	text-decoration: none;
	color: #ffffff;
}

.TabMenuItem a:hover {
	text-decoration: underline;
}

.TabMenuItemBlank {
	background-color: #338888;
	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;
}

.HoverMenu {
	cursor: hand;
}

.SiteStaticMenu {
	background-color: #ffffff;
}

.TabMenuSpacer {
	background-color: #ffffff;
}

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

.SiteMapNode {
	font-style: normal;
	font-size: 8pt;
	color: #414141;
	font-weight: bold;
	text-decoration: none;
}

.SiteMapNode a {
	font-style: normal;
	font-size: 8pt;
	color: #414141;
	font-weight: bold;
	text-decoration: none;
}

.SiteMapNode a:hover {
	font-style: normal;
	font-size: 8pt;
	color: #212121;
	font-weight: bold;
	text-decoration: underline;
}

/* Unused crap (for the time being */

Table.rs {
	border-style: none;
}

TR.rs {
	border-style: none;
}

TD.rs {
	border-style: none;
	vertical-align: top;
}

.LeftMargin {
	margin: 0px 0px, 0px, 20px;
}

.RightMargin {
	margin: 0px 16px 0px 0px;
}

/* This stuff is for the active searching pages */

.SearchInternalFrame {
	border-left: solid 1px #ffc343;
	border-right: solid 1px #ffc343;
	border-bottom: solid 1px #ffc343;
	border-top: solid 1px #ffc343;
	text-align: left;
	vertical-align: top;
}

.SearchExternalFrame {
	border-left: solid 2px #ffffff;
	border-bottom: solid 2px #ffffff;
	border-right: solid 2px #ffffff;
	border-top: solid 0px #ffffff;
}

.SearchRightBottomBorder {
	border-bottom: solid 1px #bcac95;
	border-right: solid 1px #bcac95;
}

.SearchFarRightBottomBorder {
	border-bottom: solid 1px #e1d2b1;
	border-right: solid 1px #e1d2b1;
}

.SearchTitle {
	background-color: #fec343;
	width: 120px;
	text-align: center;
	border-left: solid 2px #ffffff;
	border-top: solid 2px #ffffff;
	border-bottom: solid 2px #fec343;
	font-weight: bold;
}

.SearchTitleBottomBorder {
	border-bottom: solid 2px #ffffff;
}

.StaticSection {
	background-color: #eeeeee;
	text-align: left;
}

.AntiStaticDramaticChromatic {
	background-color: #d1ccac;
	text-align: left;
}

.BlueHeaderDudeYouRock {
	background-color: #4a759c;
	text-align: left;
	color: #ffffff;
}

.MellowPeeYellowForYouRockSteadyFellows {
	background-color: #fefdee;
	color: #000000;
}

.ThatThingamajiggy {
	background-color: #f8f4ea;
	color: #000000;
}

.ThatThingamajiggyHeader {
	background-color: #f2f1eb;
	color: #000000;
}

.DynamicSection {
	background-color: #ffffff;
	text-align: left;
}

.OtherSection {
	background-color: #eeeeee;
	text-align: left;
}

.ButtonsSection {
	background-color: #eeeeee;
	border-top: solid 1px #cccccc;
	padding: 3px 3px 4px 12px;
	width: 100%;
}

A.LinkButton {
	font-style: normal;
	font-weight: bold;
	font-size: 9pt;
	color: #333290;
	vertical-align: middle;
	text-decoration: underline;
}

A.LinkButton:hover {
	font-style: normal;
	font-weight: bold;
	font-size: 9pt;
	color: #ff0000;
	vertical-align: middle;
	text-decoration: underline;
}

.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. My latest achievement was to reduce   */
/* the number of nested tables, since there were tables in-   */
/* side of tables inside of tables inside of tables, and it   */
/* was a real big mess. Enjoy! Brett Kelley 2006              */