/* Define picTable styles (table for loan officer thumbs) */
.picTable TD { padding: 5px; border: 1px solid; border-color: #AAA #444 #444 #AAA; 
			   width: 205px; text-align: center; }
.picTable TD IMG { border:1 px solid; border-color: #444 #AAA #AAA #444;max-width: 190px; margin: 5px 0 2px 0;}
.picTable TABLE.innerTable TD {padding:0px; border: 0px dashed red; width: 190px; text-align:center}
.picTable TABLE.innerTable TR.* {font-family: Verdana; font-size:8pt;}
.picTable TABLE.innerTable TR.image {height: 11.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; }

/* Lo Page styles */

/* Layout */
#leftCol { float: left; }
#rightCol { width: 400px; margin-left:220px; }
#main { margin: auto; width: 700px; border: 1px solid #081980; padding: 10px; background-color: #FFF; margin-top:15px; }
div.clearer {clear: left; line-height: 0; height: 0;} /* Need this to force main div to contain all floated elements */

/* Side bar */

.loSideBar {
	width: 200px;
	border-collapse: collapse;
	border: 1px solid #081980;
}

.loSideBar TD {
	font-family: Verdana;
	color: black; 
	font-size: 9pt;
	
}

.loSideBar TD.photo {
	margin: auto;
	text-align: center;
}

.loSideBar .imgPhoto {
	border: 1px solid;
	border-color: #444 #AAA #AAA #444
}

.loSideBar TD.name {
	text-align: center;
	font-weight: bold;
}

.loSideBar TD.contactHeader {
	background-color: #CCC;
	font-weight: bold;
	text-align: center;
}

.loSideBar TD.fieldName {
	font-weight: bold;
	text-align: center;
}

.loSideBar TD.fieldValue {
	font-size: 8pt;
}

/* Main Content */

.loMainContent {	
	border-collapse: collapse;
}

.loMainContent TD {
	font-family: Verdana;
	color: black; 
	font-size: 9pt;	
}

.loMainContent TD.name {
	font-size: 14pt;	
}

.loMainContent TD.slogan {
	font-size: 12pt;	
}

.loMainContent TD.body {
	padding-top: 15px;
}

.loMainContent TD.apply {
	text-align: right;
}
 
.loMainContent TD.shortApply {
	padding-top: 15px;
}