/*------------------------------------------------------*/
/* CSS Master File																			*/
/*   -- COPY THIS FILE OVER TO global.css.php TO ENABLE */
/*------------------------------------------------------*/

body 						{	width:720px;
									margin: 10px 0px 0px 0px;
									margin-left:auto; 
									margin-right:auto; 
									font-family: Verdana, Arial, Helvetica, sans-serif;
									font-size: 8pt;
									color: #000000;
									background: #f2f2f2;
									text-align:center; }

.mainbody 			{	width:720px;
									margin-left:auto; 
									margin-right:auto; 
									background-color: #FFFFFF;
									border-left:1px solid #CCCCCC;
									border-right:1px solid #CCCCCC;
									text-align:justify;
									}
.mainbody a:link 		{ color:#0000ff; text-decoration:none;  }
.mainbody a:visited { color:#0000ff; text-decoration:none;  }
.mainbody a:hover 	{ color:#0000ff; text-decoration:underline; }
.mainbody a:active 	{ color:#0000ff; text-decoration:none; }

.indexbody 			{	width:720px;
									border-left:1px solid #f2f2f2;
									border-right:1px solid #f2f2f2;
									text-align:justify; }
									
a:link 		{ text-decoration:none;  }
a:visited { text-decoration:none;  }
a:hover 	{ text-decoration:underline; }
a:active 	{ text-decoration:none; }


/*------------------------------------------------------*/
/* Make the forms look cool 														*/
/*------------------------------------------------------*/
.plain { background-color: #FFFFFF;		border:1px solid #CCCCCC; }
.focus { background-color: #F0F0F0; 	border:1px solid #000000; }

input, textarea {	font-size: 12px; 
									color: #000000; 
									background-color: #ffffff; 
									border-width: 1px; 
									border-style: solid; 
									border-color: #cccccc; }


select {  font-size: 9px;
					height: 18px; 
					color: #000000; 
					background-color: #ffffff; 
					border-width: 1px; 
					border-style: solid; 
					border-color: #cccccc; }
														
.titlerow {		font-size: 10pt;
							font-weight: bold;
							color: #666666; }
							
.appform {	font-family:Tahoma,Arial;
						font-size: 7pt; }
							
.checkbox {   border-width: 0px; 
							border-style: none; }

input[type='submit'] {	border:1px solid #666666;
												font-size: 7.5pt;
												color: #666666; }

input[type='submit']:hover {	border:1px solid #000000;
															background-color:#FFFF66;
															font-size: 7.5pt;
															color: #000000; }
/*------------------------------------------------------*/
/* Define the common layout for each page								*/
/*------------------------------------------------------*/
.column1 				{	width:573px; }

.column1content { margin-left:35px;
									margin-right:35px; }
									
.column1content blockquote { margin-left:35px;
														 margin-right:35px; }
														 									
.column2				{	width:149px; }

			
h1 							{	font-size: 12pt; 
									color: #333333; 
									display: inline; 
									font-weight: bold; 
									font-variant: normal; }

h2 							{	font-size: 10pt; 
									color: #333333; 
									display: inline; 
									font-weight: bold; 
									font-variant: normal; }
								
div#seperator-purp {	font-weight: bold;
											background: #9b9bb5;
											color: #000000;
											padding: 2px 2px 2px 10px;
											height: 15px;
											width: auto;
											margin-top: 20px;
											margin-bottom: 20px; }

.directorycontent {	width:573px;
										text-align:justify;
										background-color: #FFFFFF; }
										
.directorycontent h2 { font-size:8.5pt; }
	
.directorybody { padding-left:50px;
								padding-right:50px; }
																
/*------------------------------------------------------*/
/* The following is used on the link-to-us page					*/
/*------------------------------------------------------*/

div#columnfull-banner {  /* this is a container for the links page  */
	background: #F2F2F2;
	border: 1px solid #333333;
	width: 600px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 10px;
	margin-bottom: 25px;
	text-align: center;
	
}

div#columnfull-banner p {  
	background: #F2F2F2;
	padding-bottom: 10px;	
	text-align: center;
	
}

/*------------------------------------------------------*/
/* Common text 																					*/
/*------------------------------------------------------*/
.text-75-grey { font-size:7.5pt;
								color:#666666; }
							
.text-75-black { font-size:7.5pt;	}



/*------------------------------------------------------*/
/* Common Links																					*/
/*------------------------------------------------------*/
.link-8-grey {	font-size:8pt;
								color:#666666;	}
								
.link-8-grey a:link 		{ text-decoration:none; color: #666666; }
.link-8-grey a:visited 	{ text-decoration:none; color: #666666; }
.link-8-grey a:hover 		{ text-decoration:underline; color: #000000; }
.link-8-grey a:active 	{ text-decoration:none; color: #666666; }							

.content-links {	font-style: normal;
									line-height: normal;
									font-weight: normal;
									font-variant: normal;
									color: #0000FF;
									text-decoration: none; }
									
/*------------------------------------------------------*/
/* Define the searchBar 																		*/
/*------------------------------------------------------*/
.searchBar {	width: 100%;
							font-size:7.5pt; 
							color: #FFFFFF;
							text-align:center;
							vertical-align:middle;
							background-color:#8188a2;
							height: 20px; 
						}


/*------------------------------------------------------*/
/* Define the Middle Nav 																		*/
/*------------------------------------------------------*/
.midnav {	width: 100%;
					height: 14px;
					font-size:7.5pt; 
					color: #CCCCCC;
					text-align:left;

					background-color:#333333;
					
					padding-top:3px; }

.midnav a:link 		{ text-decoration:none; color: #CCCCCC; }
.midnav a:visited { text-decoration:none; color: #CCCCCC; }
.midnav a:hover 	{ text-decoration:underline; color: #FFFFFF; }
.midnav a:active 	{ text-decoration:none; color: #CCCCCC; }



/*------------------------------------------------------*/
/* Define the FOOTER 																		*/
/*------------------------------------------------------*/
.footer {	margin-left: auto;
					margin-right: auto;
					width: 720px;
					font-size:7.5pt; 
					color: #666666;
					text-align:right; }

.footer a:link 		{ text-decoration:none; color: #666666; }
.footer a:visited { text-decoration:none; color: #666666; }
.footer a:hover 	{ text-decoration:underline; color: #000000; }
.footer a:active 	{ text-decoration:none; color: #666666; }


/* tiles */

.tiles {	width:120px;
					border-top: 1px solid #CCCCCC;
					border-right: 1px solid #CCCCCC;
					border-bottom: 1px none #CCCCCC;
					border-left: 1px solid #CCCCCC;
					text-align: center;	}

.tileheader {	height: 25px;
							background: #666666;
							color: #FFFFFF;
							font-weight: bold;
							font-size: 10px;
							padding-top: 4px;
							text-align: center;	}

.tilecontent { 	width:113px;
								font-size: 9px;
								text-align: justify;
								padding: 5px 3px 3px;	}	
				
.tilefooter {		background: #666666;
								font-weight: bold;
								font-size: 10px;
								color: #FFFFFF;
								padding-bottom: 4px;
								text-align: center;	}
		

.tilefooter a:link 		{ text-decoration:none; color: #CCCCCC; }
.tilefooter a:visited { text-decoration:none; color: #CCCCCC; }
.tilefooter a:hover 	{ text-decoration:underline; color: #FFFFFF; }
.tilefooter a:active 	{ text-decoration:none; color: #CCCCCC; }


/* this is the menu system for the real estate directory pop up account management */
	
.rediraccount {	width:560px;
								margin-left:auto;
								margin-right:auto;
								background-color:#FFF;
								
								text-decoration: none;
								border: 1px solid #000000;
								padding: 5px 5px 5px 5px; }

.rediraccount p { text-align:justify; }


.rediraccount li {	list-style: decimal url(none) outside;
										margin-left: 2px;
										text-align: justify;
										padding: 2px 10px 10px 5px;	}

.rediraccount a:link 		{ text-decoration:none; color: #0000ff; }
.rediraccount a:visited { text-decoration:none; color: #0000ff; }
.rediraccount a:hover 	{ text-decoration:underline; color: #0000ff; }
.rediraccount a:active 	{ text-decoration:none; color: #0000ff; }




.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}


/* END */