/************************************************************************************

	Home Page
	
	These are the styles used to layout the home page.

************************************************************************************/

	body {
		margin: 3px 0px 30px 0px ;
		padding: 0px 0px 0px 0px ;
		}
		
	div.pagewidth {
		text-align: left ;
		width: 770px ;
		}
		
	#logoarea {
		float: left ;
		height: 96px ;
		width: 100% ;
		}
		
	#logo {
		display: block ;
		float: left ;
		}
		
	#search {
		float: right ;
		margin: 22px 11px 0px 0px ;
		text-align: right ;
		width: 350px ;
		}
		
	#search input {
		vertical-align: middle ;
		} 
		
	#search #criteria {
		border: 1px solid #726F6E ;
		margin: 0px 0px 0px 10px ;
		}
		
	#languageselection {
		clear: right ;
		color: #99A0A6 ;
		float: right ;
		font-size: 9px ;
		margin: 35px 11px 0px 0px ;
		text-align: right ;
		width: 350px ;
		}
		
	#languageselection p {
		margin: 0px 0px 0px 0px ;
		}
		
	#languageselection a {
		color: #666666 ;
		text-decoration: none ;
		}
		
	#languageselection a:hover {
		color: #EE7232 ;
		}
		
	#primarynavigationholder {
		/* background-image: url("../../images/home/what_is_impact.gif") ; */
		height: 312px ;
		}
		
	#navcol1 a img {
		display: block ;
		}
		
	#navcol2 a img {
		display: block ;
		}
		
	#offices {
		color: #939BA1 ;
		font-size: 10px ;
		padding: 15px 0px 15px 0px ;
		width: 490px ;
		}
		
	#offices p {
		line-height: 10px ;
		margin: 0px 0px 0px 0px ;
		text-align: center ;
		}
		
	#offices p.row1 {
		padding: 0px 0px 7px 3px ;
		}
		
	#offices p.row2 {}
		
	#offices p img {
		display: block ;
		float: left ;
		}
		
	#news {
		color: #86888A ;
		padding: 12px 20px 12px 20px ;
		position: relative ;
		font-size: 11px;
		}
		
	#news h2 {
		color: #EF793E ;
		margin: 0px 0px 14px 0px ;
		font-size: 14px ;
		}
		
	#news p {
		margin: 12px 0px 0px 0px ;
		width: 470px ;
		}
		
	#news a {
		color: #73757A ;
		text-decoration: none ;
		}
		
	#news a:hover {
		color: #000000 ;
		}
		
	#news a.more {
		color: #EF793E ;
		}

	#spotlightnews {
		/*background-image: url( "../../images/home/millennium_bank_background.gif" ) ;*/
		background-image: url( "../../images/home/spotlight_news_background2.gif" );
		background-repeat: no-repeat ;
		height: 176px ;
		left: 510px ;
		overflow: hidden ;
		position: absolute ;
		text-align: center ;
		top: -48px ;
		width: 176px ;
		}
		
	
	#spotlightnews a {
		color: #000000 ;
		display: block ;
		font-weight: 800 ;
		line-height: 17px ;
		margin: 15px auto 0px auto ;
		text-align: center ;
		text-decoration: none ; 
		width: 150px ;
		}
	
	
	#spotlightnews a.spotlink {
		color:#FFF;
		display: block ;
		/*margin: 60px auto 0px auto ;*/
		margin: 30px auto 0px auto ;
		width: 150px ;
		font-size:17px;
		font-weight: 800 ;
		line-height:25px;
		text-align: center ;
		text-decoration: none ; 
		/* 
		spotlight original section - Marcus Melo 03/27/09
		display: block ;
		line-height: 35px ;
		margin: 25px auto 0px auto ;
		width: 150px ;
		*/
		}
		
	#spotlightnews span {
		color: #FFFFFF ;
		font-weight: 400 ;
		}
		
	#footernav {
		color: #6070A1 ;
		font-size: 10px ;
		line-height: 17px ;
		margin: 10px 20px 40px 20px ;
		}
		
	#footernav a {
		color: #6070A1 ;
		text-decoration: none ;
		}
		
	#footernav a:hover {
		color: #EF793E ;
		}
		
	#footernav span {
		display: block ;
		}
		
	#footernav span.advertising {
		float: left ;
		}
		
	#footernav a.clientlogin {
		float: right ;
		}
		
		
	#cityslides {
		position: absolute ;
		top: 141px ;
		width: 100% ;
		z-index: 25 ;
		}
		
	#cityslides img {
		display: block ;
		margin: 0px 0px 0px 333px ;
		}
		
	#primarynavigation {
		position: absolute ; 
		top: 99px ;
		width: 100% ;
		z-index: 75 ;
		}
		
	#primarynavigation div.pagewidth {
		background-image: url("../../images/home/what_is_impact.gif") ;
		height: 312px ;
		}
		
	#whatisimpact {
		display: block ;
		height: 65px ;
		width: 325px ;
		position: absolute;
		left: 0px;
		top: 0px;
		}
		
/************************************************************************************

	Drop Down Menus
	
	These are the styles used for the drop down menus.

************************************************************************************/
					
	div.dropdownmenu {
		display: none ;
		position: absolute ;
		width: 150px ;
		z-index: 100 ;
		}
		
	div.dropdownmenu div.menu {
		background-color: #000000 ;
		border: 1px solid #FFFFFF ;
		padding: 3px 0px 3px 0px ;
		}
		
	div.dropdownmenu div.menu a {
		color: #D37038 ;
		display: block ;
		padding: 3px 10px 3px 10px ;
		text-decoration: none ;
		}
		
	div.dropdownmenu div.menu a:hover {
		background-color: #7A7A7A ;
		color: #FFFFFF ;
		}
