body {
	background: url(images/bkg2B.png) repeat-y left top;
    /*This produces gray background with purple and red solor scheme*/
	margin: 0px;
	padding: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 125%;
}


#head {

	background: #8496B1 url(images/bkg-2H.png) repeat left top; /*Gray*/
	height: 77px;
	width: auto;
	border: 1px solid #aaab9c;
	margin: 0px;
	padding: 0px;
}
	
#content, #list {
	margin-left: 218px;
	/*Here causes a white space between #head and #content or #list	padding: 0;*/
	padding-top: 20px;
	padding-bottom: 0px;
	padding-right:  25px;
	padding-left:  20px;
 

	}

#navcontainer {

width: 205px; /*important*/
float: left;
margin: 0px auto;
font-family: georgia, serif;

}

ul#navlist {
text-align: center;
list-style: none;
padding: 0;
margin: 0 auto;
width: 100%;
font-weight: bold;
}

ul#navlist li {
display: block;
margin: 0;
padding: 0;
}

ul#navlist li a {
display: block;
width: 100%;
padding: 0.5em 0 0.5em 0;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #923e8f;
/*color: #777;*/
text-decoration: none;
background: #f7f2ea;
/*background: none;*/
}

#navcontainer>ul#navlist li a { width: auto; }


ul#navlist li a:hover {
/*color: #993333;*/
color: #c83415;
background: #f0e7d7;
/*background: none;*/
border-color: #aaab9c #ccc #fff #ccc;
}

body#about #navcontainer li#about a, 
body#listing #navcontainer li#listing a,
body#clients #navcontainer li#clients a,
body#lenders #navcontainer li#lenders a,
body#caar #navcontainer li#caar a,
body#home #navcontainer li#home a,
body#tips #navcontainer li#tips a,   
body#news #navcontainer li#news a {
background: #f0e7d7;
/*color: #993333*/
color: #c83415;
border-color: #ffe #aaab9c #ccc #fff;
}

#head h1, #head h3 {
	color: #c83415;
	/*color: #d2232a;*/
	/*color: #993333*/
	margin-left: 10px;
	margin-top: 17px;
	margin-bottom: 0;
	
}
#head h2 {

color: #d2232a;
float:right;
vertical-align: bottom;
margin-right: 10px;
padding-top: 30px;
}

#content h1, #list h1 {
	margin: .5em 0;
	padding-left: 20px;
	margin: .5em 0;
	color: #d2232a;
	font-size: 125%;
	padding-left: 0px;
}

.imgR {
   float:right;
   margin: 0 20px 20px 20px;
   }
   
#address {

    margin-top: 30px;
	margin-left: 10px;
	font-size: small;
	color: #c83415;
	/*color: #993333;*/
	}
#address img {
	padding-left: 30%;
	}

#address a {color: #993333; display: inline; text-decoration:underline}

a:link, a:visited, a:hover, a:active {color: #993333}

.thumbnail {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	float: left;
	width: 165px;
	height: 160px;
	margin: 10px;
	text-align: center;
	
	
}
.thumbnail a:link img, .thumbnail a:visited img {border: 1px solid #000}
.thumbnail a:hover img, .thumbnail a:active img {border: 1px solid #000}

#list img {
float: right;
margin: 0 10px 10px 25px;
border: 0px solid #000;
clear: right;
}

#content hr, #list hr {
    border: none 0; 
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #fff;
	width: 100%;
	height: 2px;
	margin: 5px auto 0 0;
	text-align: left;
  }
 
 #slideshow {
 	float: right; 	 
 	margin-top: 0;
    margin-right: 20px;
    margin-bottom: 10px;
    margin-left: 30px;
    text-align: center;
    background: transparent; 
 	
 } 


 #list ol li {font-weight: bold;
	       padding-bottom: 2%;
	       padding-left: 0%;
	       padding-right: 20%;
	       padding-top: 0px;
	       }
	       
 #footer {
 
  height: auto;
  /*float: right;*/
  margin-left: 213px;

  }