﻿

#mainBanner
	{
	clear: both;
	background-image: url(../Images/mainBannerBg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px auto 15px auto; 
	width: 850px;
	padding: 0px;
	height: 211px; 

	}


#mainBanner #content
	{
	padding: 8px 10px 10px 10px; 
	margin: 0px 1px 0px 0px;
	width: 350px; 

	font-size: 12px; 
	line-height: 15px; 
	float: left; 
	}

#mainBanner #content h2
	{
	font-size: 23px; 
	color: #8B8673; 
	line-height: 25px;
	margin: 1px 0px 10px 0px;
	padding: 0px;
	}

#mainBanner p
	{
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 7px 0px;
	}
	


/* main homepage image */ 


#mainBanner .homepageImage
	{
	background-repeat: no-repeat;
	background-position: right top;
	width: 476px;
	background-image:url(../Images/homepage/SB-Home1.jpg); 
	float: left; 
	padding: 0px;
	margin: 0px;  

	height: 208px;
	
	}
	

#mainBanner .homepageImage .tel
	{
	padding: 20px 0px 0px 240px;
	}
	
	
/* 5 prodcut highlights */ 
	
	
#productsRow
	{
	 width: 850px;
	 
	font-size: 13px; 
	color: White; 
	font-weight: bold;
	padding: 0px; 
	margin: 0px auto 0px auto; 
	
	}


#productsRow .product
	{
	float: left;
	width: 163px;
	height: 231px;
	margin: 0px 8px 10px 0px;  
	padding: 0px;
	background-image: url(../images/bg_product.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration:none;
	}

#productsRow .product p
	{ 
	margin: 8px 5px 5px 5px;
	}

#productsRow .product a.lnkButton, #productsRow .promo a.lnkButton
	{  
		display: block;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 14px;
		font-weight: bold; 
		background-color: #FF9900;
		color: White;
		background-image: url(../images/bg_button.jpg);
	
		border-width: 1px;
		border-style: solid;
		border-color: #FF9900;
		width: 140px;

		margin: 5px 5px 4px 5px;
		padding: 4px 5px 4px 5px;

	}

#productsRow .product a.lnkButton img, #productsRow .promo a.lnkButton img
	{  
		margin: 0px 4px 0px 0px;
		 
	}



#productsRow .product a.moreButton
	{  
		display: block;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 12px;


		color: White;
		
		background-image: url(../images/nav_arrow.gif);
		background-position: 0px 2px;
		background-repeat: no-repeat;
	 

		margin: 4px 0px 4px 4px;
		padding: 0px 0px 0px 15px;

	}




#productsRow  .product h2
    {
	border: 0;
	margin: 0;
	padding: 7px 5px;
	font-size: 15px;
    }

#productsRow a
	{
	color: White;
	text-decoration: none;
	}

#productsRow a:hover
	{
    text-decoration: underline;
	}
 
  
    #productsRow .info
		{ 
		height: 93px; 

		}


/* ---  Promos --- */

#productsRow .promo
	{
	float: left;
	width: 163px;
	height: 231px;
	margin: 0px 0px 10px 0px;  
	padding: 0px;
	background-image: url(../images/promos/mortgage-guide-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration:none;
	
	 position: relative;

	}

#productsRow .promo h2
    {
	border: 0px;
	margin: 0px;
	padding: 7px 0px 0px 7px;
	font-size: 17px;
	 line-height: 21px;
    }
    

#productsRow .promo .book
	{

 
 position: absolute;
  top: 38px;
   left: 160px;
	}
	
	
    a.promo20
    {
    position: absolute;
    top: 100px;
   left: -16px;
    }



/* --- site map layer ---- */


#siteMap
	{
	clear: both;
	margin: 0px auto 0px auto; 
	width: 850px;
	padding: 0px;
		
    font-size: 14px;
	}



.box350px
    {
    margin: 0px 10px 0px 0px;
    padding: 0px 0px 0px 6px;
    width: 413px; 
    float: left;
    
    background-image:  url(../images/bg_sitemap.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;  
    
    /*
    background-color: #e4e2d6;
    */
    background-color: Blue;
    
    }
    

.box350px h3
    {
    margin: 0px 0px 0px 0px;
    padding: 13px 0px 10px 0px;
    font-size: 17px;
    }
        

.box350px .bottom
    {
    margin: 10px 0px 0px -6px;
    padding: 0px; 
    height: 6px;
    
    background-image:  url(../images/bg_sitemap_bottom.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;  
    

	clear: both;
    font-size: 1px;
    line-height: 0px;
    }









DIV.box350px .content .item 
    {
    margin: 4px 0px 0px 4px; 
    padding: 0px;
    clear: both;
    }

    
DIV.box350px .content .item  .detail
    {
    margin-left:55px; border:0;  padding-left:5px;
    }
    
DIV.box350px .content .hr{
border-bottom:1px solid #D9D6C5;margin:10px 0; clear:both;
}
DIV.box350px .leftColumn{
	width:  195px;
	float:  left;
	margin-right: 15px;

}
DIV.box350px .rightColumn{
    width: 195px; 
    float: left;
    margin-right: 0px;

}



#siteMap h4, #siteMap h4 a, #siteMap h4 a:hover /* homepage directory sub heading? */
	{
	margin: 0px 0px 8px 0px;
	padding: 5px 0px 3px 0px;
	color: #8B8673;
	border-bottom: 1px solid #8B8673;
	font-size: 12px;
	 line-height: 15px;
	text-decoration: none;
	}

#siteMap h5,  #siteMap h5 a /* homepage directory sub sub heading */
	{
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 4px 0px;
	color:#8B8673;
	border-style:none;
	font-size:12px;
	text-decoration: none;
	}

#siteMap h5 a:hover  /* homepage directory sub sub heading */
	{ 
	text-decoration: underline;
	}


 .menu
	{
	margin:0;
	padding:0px 0 5px;
	}
	
 .menu li
	{
	background-image: url(../images/nav_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding: 0px 0px 1px 17px;
	line-height: 14px;
	list-style-type:none;
	padding-bottom:4px;
	}

 .menu li a
	{
	text-decoration: none;
	}

 .menu li a:hover
	{
	text-decoration: underline;
	}





/* trade shows */

#homeRight
    {
	float: left;
    width: 163px;
     margin: 0px;
    }

#homeRight p
	{
	margin: 6px 0px 0px 0px;
	background-color: #afa790;
	color: White;
	padding: 4px;
    }


#homeRight p a
	{
	background-image: url(../images/nav_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding: 0px 0px 1px 16px;
	line-height: 17px;
	list-style-type:none;
	padding-bottom:4px;
	 display: block;
	 color: White;
    }

#homeRight p a:hover
	{
	 color: Black;
	}
