html, body {background-color: #1A4C8B;                                                
	font-size: 12px;  
	margin:0px;
	padding: 0px;
	background:url(http://www.metroproperties.biz/images_agents/body_bg.gif); 
	font-family: Arial, Helvetica, sans-serif;  
	text-align:center;                                            
} 

a{color:#0000CC}
a:hover {color: #e00024}


h1 {
    font-size: 25px;  
	color:#6a90c7;
	margin:0px 0px 12px;                                        
                                              
}    
                                            
h2 {
    font-size: 22px;
	color:#6a90c7; 	                                                
    margin:3px 0px 8px;                                        
} 

h3{color:#e00024;margin:3px 0px 6px; } 

h4{font-size:16px;color:#023386; margin:0px; line-height:18px}

h5{font-size:12px;color:#e00024; margin:3px 0px;}
                                                     
blockquote {font-size: 14px;                                                
	font-style: italic;                                                
	line-height: 120%;                                                
	font-weight: normal;                                                                                             
}     
                                                                        
p {
    margin:4px 0px 8px 0px;
	line-height:20px;
	font-size:12px;
	}
	
td {font-size:12px;}
	
/* -- layout --*/

#shadow_wrap{
    background:url(http://www.metroproperties.biz/images_agents/shade_left.gif) repeat-y; 
	margin:0px auto;
	padding-left:4px;
	width:855px;
	}
	
.shadow_right{
    background:url(http://www.metroproperties.biz/images_agents/shade_right.gif) top right repeat-y;    
	padding-right:4px;
}

.shadow_bttm{
    background:url(http://www.metroproperties.biz/images_agents/shade_bottom.gif) bottom left repeat-x ;    
	padding-bottom:4px;
}	

     #wrapper {
				margin:0px;
				padding:0px;
				border:1px solid #1F4F94;
				background: #fff url(http://www.metroproperties.biz/images_agents/bannerborder.gif) repeat-x;}
		
     #header {
	        margin-left:3px;
			height:106px;
			width:843px;
			background-image:url(http://www.metroproperties.biz/images_agents/banner.jpg);
			background-color:#A7C3E0;
			background-position:top center;
			text-align:center;
			white-space:nowrap;
			overflow:hidden;
			
			} 

/* -- menubar nav --*/

#container {
    float:left;
	width: 100%;
	height: 31px;
	padding: 0;
	margin: 0;	
	}
	
#menubar {border-top:2px solid #ABC6E1;
			border-bottom:2px solid #ABC6E1;
			padding:0px;
			margin:0px;
			background:url(http://www.metroproperties.biz/images_agents/menu_bg.gif) repeat-x; 
			height:31px;
			*height:35px;
			width:100%;
			}	

#nav {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 20px;
	display: inline;
	overflow: hidden;
	width: 100%;
	}

#nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#nav a {
	float: left;
	padding: 31px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:31px; /* for IE5/Win */
        -moz-outline-style: none; /* remove outline from image links */
        outline:none;

	}
	
#nav a:hover {
	background-position: 0 -31px;
	}

#nav a:active, #nav a.selected {
	background-position: 0 -31px;
	}
	
#nav0 a  {
	width: 42px;
	background: url(http://www.metroproperties.biz/images_agents/navbar/nav_home.gif) top left no-repeat;
	}

#nav1 a  {
	width: 92px;
	background: url(http://www.metroproperties.biz/images_agents/navbar/nav_featured.gif) top left no-repeat;
	}

#nav2 a  {
	width: 75px;
	background: url(http://www.metroproperties.biz/images_agents/navbar/nav_listings.gif) top left no-repeat;
	}

#nav3 a  {
	width: 97px;
	background: url(http://www.metroproperties.biz/images_agents/navbar/nav_search.gif) top left no-repeat;
	}
	
#nav4 a  {
	width: 62px;
	background: url(http://www.metroproperties.biz/images_agents/navbar/nav_about.gif) top left no-repeat;
	}
	
#nav5 a  {
	width: 81px;
	background: url(http://www.metroproperties.biz/images_agents/navbar/nav_testimonials.gif) top left no-repeat;
	}

#nav6 a  {
	width: 113px;
	background: url(http://www.metroproperties.biz/images_agents/navbar/nav_partners.gif) top left no-repeat;
	}

#nav7 a  {
	width: 70px;
	background: url(http://www.metroproperties.biz/images_agents/navbar/nav_community.gif) top left no-repeat;
	}

#nav8 a  {
	width: 75px;
	background: url(http://www.metroproperties.biz/images_agents/navbar/nav_contact.gif) top left no-repeat;
	}
	

/* -- content area --*/

	#menushadow {background:url(http://www.metroproperties.biz/images_agents/contentarea_top.gif) no-repeat;height:5px;}
	
	#contentbg {
	background:url(http://www.metroproperties.biz/images_agents/sidebar_bg.gif) repeat-y; 
	width:100%;
	padding:10px 0px 14px; 
	text-align:left;
	}
	
	.content{padding:8px 22px 14px 20px;height:100%}
	
	.content div>p {
    margin:4px 0px 8px 0px;
	lineheight:20px;
	font-size:12px;
	}
	
	#flashcontent{float:right;width:332px;margin:0px 4px 12px 14px;font-size:12px;}

    .sidebar {
	   width:174px;
	   text-align:center; 
	   padding-bottom:14px;
	}

/* -- footer and copyright --*/
	#footer {
	   width:100%; 
	   height:32px;
	   background:url(http://www.metroproperties.biz/images_agents/footer_bg.gif) top left repeat-x;

	   }			
			
	.sitetextfooter1 {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000}
	
	.copyright {
	width:100%;
	padding:14px 0px 20px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #1E5184;
}

	.copyright a{text-decoration:none}
	
	
	
/* -------- forms -------------*/

input.btn{
    border-style: outset;
	border-right:1px solid #8f8f8f;
	border-bottom:1px solid #8f8f8f;
	border-left:1px solid #e0e0e0;
	border-top:1px solid #e0e0e0;
	background:url(http://www.metroproperties.biz/images_agents/formbg3.gif) repeat-x left top;
	margin:4px 2px 6px 2px;
	padding:2px 3px;
    color:#144dac;
    font-weight:bold;
	font-size:11px;	

}

input.btn:hover{color:#7aa4d0}

form input{
   border:1px solid #aabac9;
   margin:3px 2px;
   font-size:11px;
}

form textarea{
   border:1px solid #aabac9;
   margin:3px 2px;
   
}

form select{
   border:1px solid #aabac9;
   margin:3px 2px;
   font-size:11px;

}	
	
/* ======================== other stuff ============================= */

.centered{text-align:center}

.floatcenter{margin:0 auto}
.floatright{float:right}
.floatleft{float:left}

.clearall{clear:all}

.imgborder{border:1px solid #abc6e1;padding:2px;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ========================= modules ==============================*/

.text_plain {font-size: 12px;                                                
	font-weight: normal; 
	text-align:left;                                               
} 

.text_tiny {font-size: 10px;                                                
	font-weight: normal;                                                
}                                                
  
.contactfooter {
    font-size: 11px; 
	color: #000000;
	height:50px;
}  

.contactfooter p{ margin:10px 0px}      

.moduletexthead1  {font-weight:bold;color:#6a90c7}      

.searchtexthead1{font-weight:bold;color:#000000}  

.searchtableback1{border:3px solid #CED6DE;padding:4px;}

.searchtableaccentdark{border:2px solid color:#99a5b3}

.sitetableaccentdark{border:2px solid #99a5b3;margin-top:8px;}

.searchheadmedium1{color:#023386;font-weight:bold;font-size:18px;margin-left:6px}

.moduletextbody1{line-height:17px;font-size:12px;}               

.moduleheadmedium2 {font-weight:bold;color:#6a90c7;font-size:16px;margin-top:4px;} 

.moduletableaccentdark { background-color: #99a5b3;padding:1px;}
.moduletableaccentlight { background-color: #e9edf0;border-bottom:1px solid #99a5b3}
.moduletableback1 {  background-color: #ffffff}

.moduleheadmedium1 { font-size: 16px; font-weight: bold; }
a.moduleheadmedium1 {text-decoration:none;}
.moduletextlabel1 { font-size: 11px; font-weight: bold;  }

.moduletextfield1 {  font-size: 11px;}

.modulenavitem1{font-size: 11px; font-weight: bold;  }
.moduletextlink1{  font-size: 12px; font-weight: bold; color: #003399; line-height: 16px;}
.moduletextlink1:hover { color:#e00024 }
.modulepicture {
	padding: 0px 15px 5px 0px;
	width:140px;
	}
	
	
/* --- MLS modules ---*/

.searchheadsmall1{color:#e00024;font-weight:bold;font-size:14px;line-height:20px}

.mlstableaccentdark{background:#D9E0E7;padding:2px;}
.mlstableaccentdark img{padding:3px;}
a.mlstableaccentdark{text-decoration:none}

.mlstableback1{background:#EFF3F6;padding:4px}

.mlstablerow1 {background:#d9e0e7;padding-left:5px}

.mlsfootertext1{ width:97%;margin:0 auto;font-size:10px;line-height:14px;color:#023386}

.mlsheadmedium1 {font-weight:bold; font-size:14px;color:#023386}

.mlsheadlarge1 {color:#023386;font-weight:bold;font-size:18px}

.mlsfieldbold1 {font-weight:bold;color:#023386;font-size:11px;}

.mlstexthead1 {font-weight:bold}

.mlstextbody1{line-height:17px;}

.mlstextbody1 ul{list-style-type:none;margin:0;padding:0}
.mlstextbody1 li{list-style-type:none;text-indent:3px}
.mlsbuttonedge1{border-right:1px solid #8D9CAE;border-bottom:1px solid #8D9CAE}

.mlsbuttonback1{background:url(http://www.metroproperties.biz/images_agents/formbg3.gif) repeat-x left top;}

.mlsbuttonback1 a{text-decoration:none;font-weight:bold;}

.mlslinkreg1 {font-size:11px}

.mlsnavlink1 table{color:#08a518;}
a.mlsnavlink1 {text-decoration:none;}

.mlsnavhead1 {font-weight:bold;}

.mls_agent{
   text-align:center;
   margin-bottom:14px;

}

.mls_agent h4{
   margin-top:0px
   }

/* ---- can't find where following are used but left them in case ------*/
			                                        
a.navlink:link {font-size: 12px;                                                
	font-style: normal;                                                
	font-weight: bold;                                                
	color: #0C4582;                                                
}                                                
a.navlink:active {font-size: 12px;                                                
	font-style: normal;                                                
	font-weight: bold;                                                
	color: #000000;}                                                
a.navlink:visited{font-size: 12px;                                                
	font-style: normal;                                                
	font-weight: bold;                                                
	color: #0C4582;                                                
}                                                
a.navlink:hover {font-size: 12px;                                                
	font-style: normal;                                                
	font-weight: bold;                                                
	color: #EAEAEA;                                                
} 

                                               
.Head_Main {font-size: 30px;                                                
	font-style: normal;                                                
	font-weight: bold;                                                
}                                                
.head_small {font-size: 24px;                                                
	font-weight: bold;                                                
}                                                
.head_box {font-size: 14px;                                                
	font-style: normal;                                                
	font-weight: bold;                                                
}                                                
.text_blockquote {font-size: 14px;                                                
	font-style: italic;                                                
	line-height: 120%;                                                
	font-weight: normal;                                                
	font-variant: normal;                                                
}                                                
.text_emphasized {font-size: 14px;  
	line-height:18px;                                              
	font-weight: normal;                                                
}