@import url("HomeNav.css");
@import url("HomeBody.css");
@import url("home2.css");
@import url("HomeLoanQulTable.css");


body 
	{
	background-color: #cbdea8;
	background-repeat: no-repeat;
	text-align: center;
	}

/*--- The Main body Module for A Mortgage 4 Less Home page ------------------------------------------------*/
#HomeBody
  	{
	background-color: transparent;
      margin: 0px auto;
	margin-top: 2px;  /*Gap between the header container and body container*/
	_margin-top: -18px; 
	width: 877px;
	height: 500px;
      font-family: Arial, Helvetica, Sans-Serif;
	font-size: medium;
	font-style: normal;
	letter-spacing: normal;	
      } 

/*--- The Module on the left hand side of the A Mortgage 4 Less Home page ---------------------------------*/
#LHSModule
	{
	background-color: transparent;
	position: relative;
	float: left;
	width: 200px;
	hegith: 300px;	
	}
.animation
	{
      float: left; 
	position: relative;
	top: 10px;
	}
/*--- Rollover buttons A Mortgage 4 Less Home page -------------------------------------------------------*/
#sideNavList
	{ /* all lists */
	color: white;
	background: #000099;
      border-top: 0.5em solid #000099;
	border-bottom: 0.1em solid #000099;
      border-left: 0.15em solid #000099; 
      _ border-left: 0px;  /* ie fix */ 
      border-right: 0.2em solid #000099;
	padding: 0 1px;
	width: 195px;
      _width: 200px;  /* ie fix */ 
	font: normal 0.8em Verdana, sans-serif;
	}

#sideNavList li
	{
	position: relative;
	list-style: none;
	}

#sideNavList a
	{
	display: block;
	_text-indent: -16px;        /* ie fix */
	text-decoration: none;
	margin-bottom: 0.5em;
	_margin-left: 2px;          /* ie fix */
	_margin-bottom: -12px;      /* ie fix */
	color: yellow;
	border-width: 1px;
	border-style: solid;
	border-color: 
        #0000FF /*top*/ 
        #000033 /*right*/
        #000066 /*bottom*/
        #0000CC /*left*/;
	padding: 0.25em 0.5em 0.4em 0.75em;			
	}
	
#sideNavList a:hover
	{
	background: #0000CC;
	border-color: #0000FF #0000FF #0000FF;
	padding: 0.4em 0.35em 0.25em 0.9em;
      _padding: 0.4em 0.15em 0.25em 0.90em;
      }
		
#sideNavList a:active
	{
	background: #000099;
	border-color: #069 #6cf #5bd white;
	padding: 0.4em 0.35em 0.25em 0.9em;
	}

/* --- The Second Level for LHS Nav Menu -------------------------------------------------------------------*/
#sideNavList 
	{
	}

#sideNavList ul li a
	{ /* second-level lists */
	position: absolute;
      top: 0px;
	left: 100%; /* to position them to the right of their containing block */
	width: 100%; /* width is based on the containing block */
	}
#sideNavList ul li a:hover
	{ /* second-level lists */
	color: white;
	display: block;
	}

/* --- The Module on the Middle of the A Mortgage 4 Less Home page -----------------------------------------*/
#MiddleModule    
	{
	background-color: transparent;
	float: left;
	margin-left: 17px;  /*controls the spacing between the modules*/
	width: 450px;
	}

/*--- The Module on the Right hand side of the A Mortgage 4 Less Home page ---------------------------------*/
#RHSModule
	{
	background-color: transparent;
	float: right;
	width: 200px;
	}

.chatIcon
	{
	background-color: transparent;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	font-family: Times New Roman, Times, Serif;
	float: right;	
	}

.loanOpts
	{
	border-width: 1px;
	border-style: solid;
        width: 192px;
	border-color: 
        #0000FF /*top*/ 
        #000033 /*right*/
        #000066 /*bottom*/
        #0000CC /*left*/;
	background-color: transparent;
	margin-top: 10px;
	text-align: left;
	float: right;	
	}

.spanish
	{
	width: 192px;
	background-color: transparent;
	margin-top: 10px;
	text-align: left;
	float: right;
	}
h2
	{
	text-align: center; 
      font-size: 1em;
      font-weight: bold;
	}
h3
	{
	text-align: center; 
      font-size: 1.5em;
      font-weight: bold;
	}