#panels.index-profile {background: none; top: -18px; position: relative; z-index: 20;}

#center-top.index-profile {background: url(../images/content-bg-shadow-top-ip.png) no-repeat scroll 2px 0;}
#center.index-profile {margin: 0 auto; top: 0;}

#panel-left.index-profile {float: left; width: 273px; padding: 0 0 0 1px;}
#panel-left.index-profile h2 {color: #FFFFFF; text-transform: uppercase; padding: 15px 28px; line-height: 1; font-size: 16px; font-weight: bold; margin: 1px 0 0;}
#panel-left.index-profile div.contacts {background: url(../images/contacts-shadow.png) no-repeat 0 0; padding: 20px 0 0 0;}
#panel-left.index-profile div.contacts div.contact {padding: 0 0 10px 64px; font-size: 14px; line-height: 1.4; color: #3d3d3d;}
#panel-left.index-profile div.contacts div.contact a {color: #3d3d3d; text-decoration: underline; font-size: 11px; line-height: 1.7;}
#panel-left.index-profile div.contacts div.contact.address {background: no-repeat scroll 25px top;}
#panel-left.index-profile div.contacts div.contact.email {background: no-repeat scroll 27px top;}
#panel-left.index-profile div.contacts div.contact.phone {background: no-repeat scroll 32px top;}
#panel-left.index-profile div.contacts div.contact.mobile {background: no-repeat scroll 26px top;}
#panel-left.index-profile div.contacts div.contact.fax {background: no-repeat scroll 27px top;}
#panel-left.index-profile div.contacts div.contact.wb2 {padding: 0 0 10px 26px;}

#panel-right.index-profile {color: #FFFFFF; float: right; width: 728px;}
#panel-right.index-profile h3.top {text-align: left; padding: 15px 35px; line-height: 1; font-weight: bold; font-size: 16px;}
#panel-right.index-profile div.content {padding: 30px; text-align: left;}
#panel-right.index-profile h1 {font-size: 36px; font-weight: normal; margin: 0; padding: 0 0 5px 0;}
#panel-right.index-profile h2 {font-size: 18px; font-weight: normal; margin: 0;}
#panel-right.index-profile p {font-size: 14px; line-height: 1.4; margin: 20px 0; color: #000000;}

a.button2 {float: right; clear: both;}



/* Define picTable styles (table for loan officer thumbs) */
.picTable TD { padding: 15 15 5 15px; border: 1px solid; border-color: #AAA #444 #444 #AAA; 
			   width: 175px; text-align: center; }
.picTable TD IMG { border:1 px solid; border-color: #444 #AAA #AAA #444; }
.picTable TABLE.innerTable TD {padding:0px; border: 0px dashed red; width: 170px; text-align:center}
.picTable TABLE.innerTable TR.* {font-family: Verdana; font-size:8pt;}
.picTable TABLE.innerTable TR.image {height: 13.25em}
.picTable TABLE.innerTable TR.title TD {font-weight: bold; text-align:center}
.picTable TABLE.innerTable TR.name TD {font-weight: normal; text-align:center}

/* Define top table stu;es (table for offices and intro)  */
.topTable {font-family: Verdana; color: black;}
.topTable TD.intro {padding-top: 15px; width: 50%; font-size: 9pt; vertical-align: top; text-align: left; }
.topTable TABLE.innerTable TD {	
	padding: 5px; border: 1px solid; border-color: #AAA #444 #444 #AAA; font-size: 8pt;
	height: 90px; width: 150px; vertical-align:top; cursor:pointer; background-color: khaki; }
.topTable Table.innerTable TD SPAN.officeName {font-weight:bold;}
.topTable TABLE.innerTable TD.officeBoxHilite {	background-color: #FFFF99; }
.topTable TABLE.innerTable TD.officeBoxSelected { border-color: #444 #AAA #AAA #444; background-color:#E4D336; }