/* Texas Land Bank Styles */

body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #FBF6DB;
	}
	
#container {  /* this div wraps around the entire page table. It has the bgstripes bg 
				and could potentially replace the page table 
				==> NOTE: bgstripes bg style not needed now in table TDs */
	margin: 0 auto;
	width: 840px;
	position: relative;
	background: url(../../images/bgstripes.jpg) repeat-y top left;
	}

.intro {
	color: #b34910;
	font-weight: bold;
	}

.subtitle {
	color: #495609;
	font-family: Arial Narrow, sans-serif;
	font-size: 14px;
	}

.subtitleblue {
	font-family: Arial Narrow, sans-serif;
	font-size: 16px;
	}

.phone {
	font-size: 24px;
	font-family: Verdana, Helvetica, sans-serif;
	text-align: right;
	}	
	
ul.narrow {  
	font-family: Arial Narrow, sans-serif;
	} 
	
#loginRow { /* this contains 3 divs. The div on the right contains the login form */
	width: 100%;
	line-height: 1.1;  /* this is a hack to correct an IE6 bug re. displaying height of floated div w/ bg color */
	}


	#loginRowLeft {  /* This one contains the 800 number  */
		width: 240px;
		float: left;
		height: 20px;
		padding: 10px 20px 20px 0px; 
		font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
		font-size: 1.4em;
		text-align: right;
	}
	#loginRowMidRightContainer {  /* This div has to wrap around the middle & right login row divs, to prevent IE6 bug re. displaying heights of floated divs w/ bg color... Don't ask. Has gold border on left, top & right sides */
		height: 49px;
		float: left;
		background-color: #cad0ab;
		border-left: 1px solid #b28f10;
		border-top: 1px solid #b28f10;
		border-right: 1px solid #b28f10;
}
	#loginRowMiddle {  /* contains the little tinyHome div */
		width: 234px;
		float: left;
		height: 39px; 
		padding: 5px;
		}
		#tinyHome {  /* this is used as a span style to add padding & bg color around the "home" text */
			background-color: #b34910;
			padding: 1px 3px 1px 3px;
			font-size: .7em;
			font-weight: bold;
			color: #fff;
			}
			#tinyHome a {
				display: block;
				margin-left: -9999px;
				}
			#tinyHome a:hover {
				display: block;
				margin-left: -9999px;
				text-decoration: none;
				}
	#loginRowRight { /* contains the login form. has green background */
		width: 260px;
		float: left;
	    height: 49px;
		padding-top: 3px;
	}
	
	form#acctAccessForm {  /* styles the account access form */
		color: #464646;
		font-size: .9em;
		}
		form #acctAccessForm input {
			width: 100px;
			height: 1em;
			float: left;
			margin-bottom: 2px;
			margin-top: 0;
			}
		label {
			display: block;
			float: left;
			margin-bottom: 2px;
			margin-top: 2px;
			text-align: right;
			width: 90px;
			padding-right: 4px;
			}
		input#button {
	position: absolute;
	top: 50px;
	right: 105px;
	width: 50px;
	height: 20px;
	margin-top: 2px;
	background-color: #cad0aa;
	color: #464646;
	border: none;
			}

a {
	color: #0054a6;
	text-decoration: none;
	font-size: 1em;
	}
	a:visited {
		color: #0054a6;
		}
	a:hover {
		text-decoration: underline;
		}
		
h1 {
	font-size: 1.9em;
	font-weight: normal;
	text-align: right !important;
}
		
h2 {
	font-size: 1.6em;
	font-weight: normal;
}
		
h3 {
	font-size: 1.3em;
	font-weight: bold;
}			

.ehl {
	font-family: Verdana, sans-serif;
	font-size: .6em;
}
	
.eh2 {
	font-family: Arial, sans-serif;
	font-size: .9em;
}
	
.ecol {
	font-family: Arial, sans-serif;
	font-size: .8em;
}

.footer {
	font-size: .8em;
	padding: 0 0 0 70px;
}

/* div that holds the image that will be the flash movie on home page */
#flashHolder { 	width: 695px; height: 253px; background: url(../../images/flash-placeholder.jpg) no-repeat #E8E594; clear: both; }
/* this holds all content beneath the menu and flashHolder on the HOME page, including breadcrumbs, etc. and has the light gradient background image */

.padR {
	margin-left: 40px;
	margin-right: 40px;
}
.padL {
	margin-left: 35px;
	margin-right: 0;
}

#VU {
	padding: 0 10px 20px 10px;
}

.clear {
	clear: both;
	}
.announcement {   /* announcement box for home page... has border. */
	width: 165px; 
	font-size: 14px;
	background-color: white; 
	margin-top: 15px;
	border: 3px solid #eae6d4;
	padding: 5px 5px 5px 8px;
	text-align: left;
	}
	.announcement a, .announcement a:visited {
		color: #9e0b0f;		
	}
	
.floatL {
	float: left;
	margin: 0 5px 5px 0;
	
}

#location {  /* td that holds all the content, including the left and right column divs */
	padding: 10px;
}

#locRightCol {
	width: 287px; float: left;
	padding-left: 20px;
}

#locLeftCol {
	 width: 370px; 
	 float: left; 
	 text-align: left;

}

table.locStaff { /* staff photo tables */
	font-size: 11px;
}

table.locStaff td {
	border-top: 1px solid #C9C1A2;
	padding: 10px;
}
	table.locStaff th {
		padding: 10px 0 5px 0;
		font-size: 14px;
	}

.locAddr {
	text-align: right;
	padding-bottom: 20px;
}

div.staff {
	float: left;

}

div.staff .header {
	font-size: 14px; 
	font-weight: bold;
	text-align: center;
}

div.staffMember {
	width: 100px;
	min-height: 185px;
	font-size: 11px;
	float: left;
	padding: 10px;
	border-top: 1px solid #d3ccb1;
	text-align: center;
}