/* CSS Document */

/* GLOBAL STYLES
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

		body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td, embed, object { padding: 0; margin: 0; outline: none; }
		table { border-collapse: collapse; border-spacing: 0; }
		fieldset, img, abbr { border: 0px; padding: 0px; margin: 0px;}
		address, caption, cite, code, dfn, em, h1, h2, h3, h4, h5, h6, strong, th, var { font-weight: normal; font-style: normal; }
		ul { list-style: none; }
		caption, th { text-align: left; }
		h1, h2, h3, h4, h5, h6 { font-size: 1.0em; }
		q:before, q:after { content: ''; } 
		a, ins { text-decoration: none; outline: none; }

		body { background: url(images/TXI_website_background.png) repeat-x; background-color: #acdaef; font-family: Arial, Verdana, Helvetica, sans-serif; }
		html, body { height: 100%; }
		strong { font-weight: bold; }
		em { font-style: italic; }
		.clear { clear: both; }

		span { position: absolute; left: -9384px; } /* HIDE TEXT FOR IMAGE REPLACEMENT */
		
/* PAGE FORMATTING
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
		
		/* CENTER PAGE HORIZONTALLY*/
		#superwrapper { background-color:#FFFFFF; position: absolute; text-align: left; left: 50%; margin-left: -437px; top: 30px; width: 875px; z-index:1; }
		
		#contentwrapper { float:left; top: 0px;  width: 875px; margin: 0px; padding: 0px; z-index: 3000; }
		#footer { float:left; top: 0px; width: 875px; margin: 0px; padding: 0px; z-index: 3000; height:60px; background-color:#0079C0; }
		
/* HEADER SECTION - including branding items (logo/tagline) and main navigation
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
				
		/* HEADER::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
		#header { position: relative; top: 0px; width: 875px; height: 130px; background: url(images/header-ourPeople.jpg); }
		
		/* LOGO + TAGLINE POSITIONING::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
			
		#logo { position: absolute; left: 750px; top: 17px; width: 86px; height: 86px; z-index: 8000; border: none; }
		#tagline { position: absolute; left: 30px; top: 40px; width: 346px; height: 48px; z-index: 1000; border: none; }
		#print-logo { display: none; }

		/* MAIN NAV FORMATTING::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
		
				

		/* FEATURE BOX::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
		#featurebox { width: 875px; height: 215px; display: block; background-color: #FFFFFF; z-index: 6000; }
		
		#contentHeader { width: 875px; height: 130px; z-index: 6000; margin: 0px; padding: 0px; background-color: #FFFFFF; }
		#contentHeader img { border: 0px; margin: 0px; padding: 0px; }
		
		.dottedDivider { width: 3px; height: 189px; position: relative; top: 24px; z-index: 7000; float: left; }
		
		#homeColumn { position: relative; left: 0px; width: 534px; height: 100%; float: left; background-color: #ffffff; padding-top: 28px; padding-right: 28px; padding-bottom: 15px; padding-left: 28px; }
		#contentColumn { position: relative; top: 0px; left: 0px; width: 585px; height: 100%; float: right; background-color: #ffffff; margin-top: 0px; padding-top: 10px; padding-right: 30px; padding-bottom: 15px; padding-left: 13px; }
		.contentTwoColumn { position: relative; top: 0px; left: 0px; width: 215px; height: 100%; float: left; background-color: #ffffff; margin-top: 0px; padding-top: 10px; padding-right: 13px; padding-bottom: 15px; padding-left: 30px; }
		
		#sideBar { width: 215px; padding: 25px 11px 0px 16px; float: left; background-color: #ffffff; height: 100%; display: inline; }

		#subNav { width: 213px; margin-left: -3px; font-size: 13px; padding: 0px; background-color: #FFFFFF; color: #333; }
			#subNav ul { list-style: none; margin: 0; padding: 0; border: none; }
				#subNav li { background-color: #E7EDF8; border-bottom: 2px solid #FFFFFF; margin: 0; }
					#subNav li a { display: block; padding: 9px 0px 9px 0px; font-weight: bold; color: #333333; text-decoration: none; width: 100%; text-indent: 20px; }
					#subNav li.active a { background-color: #0079c1; color: #FFFFFF; }
					#subNav li a:hover { background-color: #0079c1; color: #FFFFFF; }
					#subNav li.top a { background-color: #E7EDF8; }
					#subNav li.sub a { font-weight: normal; text-indent: 38px; }
					#subNav li.topActive a { color: #FFFFFF; background-color: #0079C1;}
					#subNav li.top a:hover { background-color: #0079C1; }
					#subNav li.bottom a { background-color: #E7EDF8; }
					#subNav li.bottomActive a { color: #FFFFFF; background-color: #0079C1;}
					#subNav li.bottom a:hover { background-color: #0079C1; }
					html>body #subNav li a { width: auto; }
		
/* :::::::::ELEMENT STYLING and CLASSES::::::::: */
		h1 { font-size: 26px; font-weight:bold; color: #FFFFFF; }
		h2 { font-size: 20px; font-weight: bold; padding-top: 15px; margin-bottom: 5px; color: #0079c1; }
		h3 { font-size: 15px; color: #0079c1; margin-bottom: 8px; padding-top: 15px; font-weight: bold; }
		h4 { font-size: 14px; color: #000000; margin-bottom: -8px; padding-top: 12px; font-weight: bold; }
		h5 { font-size: 12px; margin-bottom: 4px; padding-top: 8px; font-weight: bold; }
		p  { font-size: 12px; line-height: 20px; text-align: justify; margin-top: 12px; padding-bottom: 4px; }
		li { font-size: 11px; line-height: 20px; }
		
		.h3Title a  {left: 0px; font-size: 15px; text-decoration: none; }
		h3 a, h2 a {  color: #999999; font-size: 9px; }
		.railPort h2 { padding-top: 10px; padding-bottom: 8px;}
		.railPort h3 { color: #000000; }

		.pageTitle { position: absolute; top: 45px; left: 325px; width: auto; }
		.pageDesc { position: absolute; top: 80px; left: 325px; width: auto; font-size:12px; color:#EFEFEF; } 
		.titleQuote { position: absolute; top:170px; left: 28px; width: 545px; font-size: 18px; font-weight:bold; line-height: 24px; }
		.wrapMe { float: right; padding-left: 15px; padding-top: 15px; padding-bottom: 15px; }
		
		.jobSearch p { font-size: 11px; line-height: 13px; margin-top: 10px; }
		.jobSearch h4 { font-size: 12px; color: #0079c1; margin-bottom: 0px; margin-top: 15px;}
		.jobSearch h3 { font-size: 13px; color: #0079c1; }
		.jobSearch h2 { font-size: 16px; font-weight: normal; margin-bottom: 5px;}
		
			
		.table { font-size: 11px; line-height: 20px; text-align: justify; margin-top: 12px; padding-bottom: 4px; }
		td { padding: 3px 6px 3px 6px; border-top: 2px #FFFFFF; }
		.tableLight { background-color: #E5EAF9; }
		.tableDark { background-color: #BBD7EF; }
		.tableLight td, .tableDark td { border-right: 2px #FFFFFF; }
		.tableHeader { background-color: #0079c1; color: #FFFFFF; font-weight:bold; }
		
/* :::: LINK STYLING :::: */
	#contentColumn a, .contentTwoColumn a { color: #0079c1; text-decoration:underline; outline:none; }
	#contentColumn a:hover, .contentTwoColumn a:hover { color: #333333; text-decoration: none; outline: none;}
	#contentColumn a:visited, .contentTwoColumn a:visited { color:#0079c1; }
	
	hr {color: #fff; background-color: #fff; border: 1px dotted #666666; border-style: none none dotted; }h1 em { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: 24px; }
	
	#footer p { padding-left:80px; font-size:12px; color:#FFFFFF; font-weight:bold; }
	#footer a:link, #footer a:visited { color:#FFFFFF;  text-decoration:underline; }
	#footer a:hover, #footer a:active { color:#DDDDDD; text-decoration:none; }

.buy_down { font-weight:bolder; }