/* CSS Document */
/*
yellow color: #f8ecac;
maroon color: #ea453a;



ea453a



*/

html,body	{
	margin:0 auto;
	padding:0;
	text-align:center;
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color:#696969;
	line-height:20px;
	background: #f8ecac;
	}
 
 
#bgwrapper	{
	margin: 0 auto; 
	background: #f8ecac url(../images/bg.gif) repeat-y;
	width:900px;}
	
#bgwrapperlistings	{
	margin: 0 auto; 
	background: #f8ecac url(../images/bglistings.gif) repeat-y;
	width:900px;}

/*LAYOUT*/

	
#wrapper	{
	margin: 0 auto;
	padding-right: 3px;
	width:810px;
	text-align:left;

	}
	
	
#topheading {	
	width:586px;
	height:90px;
	float:left;
	background-color:#2E3033;
	color: #f8ecac;
	font: 16px Georgia, "Times New Roman", Times, serif;
	position:relative;
	z-index: 300;	
	}

#agentmap {
}

#agentmapcoords {
	position:relative;
	z-index:301;
}

#melloan-logo {
	width:586px;
	height:90px;
	float:left;
	background: url(../images/melloan_logo.png);
}
#heading {
	width:812px;
	height:180px;
	margin:0 auto;
	background-color:#2E3033;
}

#flashbox	{
	width:700px;
	clear:both;
	}
#flash	{
	float:right; 
	margin-right:49px;
	position:relative;
	margin-left:586px;
	width: 225px;
	height:186px; 
	top:0;
	background-image: url(../images/flashbg_allpages.gif);
	}
	
#flash-index	{
	float:right; 
	margin-right:49px;
	position:absolute;
	margin-left:586px;
	width: 225px;
	height:186px; 
	top:0;
	background-image: url(../images/flashbg_index.gif);
	}
	
#flashmov	{
	width:220;
	heigth:165px;
	margin-top:12px;

	}
	
.toplinks	{
	margin: -25px 0 0 263px;
	}	
	
a.white:link,
a.white:visited,
a.white:hover,
a.white:active	{
	color:#fff;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	}
	
.white a,
.white a:link,
.white a:visited,
.white a:hover,
.white a:active	{
	color:#fff;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	line-height:19px;
	
	}	
	
	
/*END LAYOUT*/	
	
.clear	{clear:both;}	
	
#floatright	{
	float:right;
	margin-right:-1px;
	}

.mainpic	{
	margin-top:0px;
	padding-right:2px;
	}

	
#home-pic {
	position:absolute;
	left:253px;
	top:188px;
	width:558px;
	height:225px;
}


h2	{
	font: 14px Georgia, "Times New Roman", Times, serif;
	color: #ea453a;
	margin:0;
	text-transform:uppercase;
	}
	
h1	{
	font: 16px Georgia, "Times New Roman", Times, serif;
	color: #ea453a;
	margin:0;
	text-transform:uppercase;
	}

h3	{display:inline;font-weight:bold;font-size:14px;}
h4	{display:inline;font-weight:bold;font-size:13px;}
h5	{display:inline; font-weight:bold;font-size:13px;}

.seo p	{display:inline;}
	
.left	{float:left;}
.right	{float:right;}	
	
.imgborder img	{
	padding: 2px;
	background-color:#fff;
	border:1px solid #696969;
	}	
img.noborder	{border:none;background:none;}

.redbold	{font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #ea453a;}



.quote	{
	text-align:justify;
	font: italic 11px Georgia, "Times New Roman", Times, serif;
	line-height:13px;
	width:240px;
	}

/* 4 Buttons*/
#buttons 	{
	float:right;
  	width: 558px; /*For KHTML*/
	margin:0;
	}
* html #buttons 	{
	margin:0 -1px 0 0;
	}



.content	{
	text-align:left;
	float:right;
	width:540px;
	padding:10px;
	}

.contentlistings	{
	text-align:left;
	float:right;
	width:760px;
	margin: 0 15px 0 15px;
	padding:10px;
	}

.navlower	{
	width:275px;
	padding:0px;
	margin:0 0 0 -26px;
	border:none;
	position: absolute;
	top:146px;
	}
#phonenumbers	{
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	margin: 300px 0 0 27px;
	line-height:20px;
	letter-spacing:0.02px;
	background-image:url(../images/bg-left-lite.gif);
	position:relative;
	padding:15px;
	}
#address	{
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	margin: 10px 0 0 27px;
	line-height:20px;
	letter-spacing:0.02px;
	background-image:url(../images/bg-left-lite.gif);
	padding:15px;}

#footer	{
	clear:both;
	background-color:#f8ecac;
	color:#696969;
	background-image:url(../images/footershadow.gif);
	background-repeat:no-repeat;
	margin:0 auto;
	width: 900px;
	text-align:center;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 15px;
	margin-left:-4px;
	}

#footerlistings	{
	clear:both;
	background-color:#f8ecac;
	color:#696969;
	background-image:url(../images/footershadowlistings.gif);
	background-repeat:no-repeat;
	margin:0 auto;
	width: 900px;
	text-align:center;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 15px;
	margin-left:-4px;
	}

#footer	a{
	color:#696969;
	text-decoration:none;
	}
/* Links*/	
.white	{
	color:#fff;
	text-decoration:none;
	}


.formpadding input	{
	margin: 2px 0;
	}

a,
a:link,
a:visited,
a:hover,
a:active	{
	color:#ea453a;
	}

/*******   FORM   ************/
#contactform 	{
	margin:0;
	padding: 0;
	float:right;
	display:block;
	margin-right:10px;
	}	

#contactform label,#contactform input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}

#contactform label {
	text-align: right;
	width: 95px;
	padding-right: 20px;
}

br {
	clear: left;
}
#contactform fieldset	{
	width:300px;
	border:1px solid #ccc;
	padding: 0 10px;
	}
#contactform legend	{
	color: #ea453a;
	margin-bottom:15px;
	font-weight:bold;
	}
#contactform #city {
	display: block;
	width: 60px;
	margin-right:12px;
	float: left;
	margin-bottom: 10px;
}
#contactform #comments	{
	display: block;
	width: 270px;
	height:70px;
	margin-bottom: 15px;
	}
#buttonsubmit	{
	width:70px;
	padding:2px;
	background-color:#ea453a;
	color:#fff;
	border: 1px solid #ccc;
	}


.style2 {font-size: xx-small}
.style3 {font-size: 12px}


/*******   AGENT FORMS  ************/
#agentform 	{
	margin:0;
	padding: 0;
	float:right;
	display:block;


	}	

#agentform label,#agentform input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 5px;
}

#agentform label {
	text-align: right;
	width: 70px;
	padding-right: 20px;
}

br {
	clear: left;
}
#agentform fieldset	{
	width:250px;
	background-color:#d6dce7;
	padding: 0 10px;
	}
#agentform legend	{
	color: #ea453a;
	margin-bottom:5px;
	
	font-weight:bold;
	}
#agentform #city {
	display: block;
	width: 60px;
	margin-right:12px;
	float: left;
	margin-bottom: 10px;
}
#agentform #comments	{
	display: block;
	width: 170px;
	height:70px;
	margin-bottom: 15px;
	float:left;
	}
#agentform #buttonsubmit	{
	width:70px;
	padding:2px;
	margin-top:50px;
	background-color:#ea453a;
	color:#fff;
	border: 1px solid #ccc;
	float:right;
	}







/************    NAV  **************/
/* Root = Vertical, Secondary = Vertical */
.nav	{
	width:252px;
	float:left;
	padding:0px;
	margin:0px;
	border:none;
	position: absolute;
	top:180px;
	height:280px;
	}
ul#navmenu,
ul#navmenu li,
ul#navmenu ul {
  margin: 0;
  border: none;
  padding: 0;
  width: 252px; /*For KHTML*/
  list-style: none;
  z-index:100;
  float:left;
  text-align:left;
}

ul#navmenu li {
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;

}

/* Root Menu */
ul#navmenu a {
  border-bottom-color: #CCC;
  background-image: url(../images/arrow.gif);
  background-position:9px;
  background-repeat:no-repeat;
  text-indent: 20px;
  padding: 5px 8px;
  display: block;
  color: #fff;
  font: bold 12px/22px Verdana, Arial, Helvetica, sans-serif;
  letter-spacing:0.2px;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  background: #fff;
  background-image: url(../images/arrowover.gif);
  background-position:9px;
  background-repeat:no-repeat;
  opacity: .5;
  filter: alpha(opacity=50);
  color: #000;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
	width:150px;
	text-indent: 0px;
	border: 1px solid #7196b3;
  background: #6990af;
  opacity: 100;  
  filter: alpha(opacity=100);
  color: #fff;

}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
	width:150px;
  background: #99b4c9;
  opacity: 100;
  filter: alpha(opacity=100);
  color: #fff;
  z-index:300;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu ul,
ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left:170px;
  
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}