* { position: relative; margin: 0; padding: 0; }
img { border: 0; }
a { text-decoration: none; outline: none; }
ul, ol { list-style: none; }

html, body { height: 100%; }
body { font-family: Trebuchet MS, Arial, sans-serif; font-size: 69%; /*11px*/ line-height: 1.4em; color: #282a2c; background-color: #8b8c8e; }
p, li, a, h1, h2, h3, h4, h5, h6 { font-size: 1em; line-height: 1.4em; font-weight: normal; }
h1, h2, h3, h4, h5, h6, p { margin-bottom: .5em; }

a:link { color: #465a7c; }
a:visited { color: #465a7c; }
a:hover { color: #465a7c; text-decoration: underline; }
a:active { color: #465a7c; }

.right { float: right; padding: 0 0 10px 10px; }
.clear { clear: both; }
.warning { color: #c12732; font-style: normal; }
.caption { display: block; font-size: .9em; font-style: italic; width: inherit; text-align: right; }

strong { color: #3b3d3f; font-weight: bold; }

input[type=text], textarea { font-family: Arial, sans-serif; font-size: 10px; color: #282a2c; padding: 5px; }
textarea { line-height: 13px; }

label, .button, #form-banking input[type=text] { font-family: Trebuchet MS, Arial, sans-serif; color: #565b63; font-size: 9px; font-weight: bold; letter-spacing: .3em; text-transform: uppercase; }
.button { background-color: #434445; color: #fff; border: none; padding: 5px 10px; }
.button:hover { cursor: pointer; color: #828282; }

#header-container, #page-container, #footer-container { width: 100%; min-width: 1000px; margin: 0 auto; }
	#calc-window #header-container, #calc-window #page-container, #calc-window #footer-container { width: 100%; min-width: 800px; margin: 0 auto; }
	#header-container { background-color: #465a7c; z-index: 2; }

	#header, #page, #footer { width: 950px; margin: 0 auto; }
			#calc-window #header, #calc-window #page, #calc-window #footer { width: 750px; margin: 0 auto; }
	#header, #footer { font-size: 10px; text-transform: uppercase; letter-spacing: .3em; }

	#header { padding: 20px 0 15px 0; z-index: 1; }
		#header h1 a { display: block; text-indent: -9999em; width: 308px; height: 66px; background: url(images/ttnb-logo.png) no-repeat; }
			#nav-container { position: absolute; right: 5px; bottom: 19px; letter-spacing: .5em; }
				#nav li { float: left; padding: 0 20px; border-right: 1px solid #8e959f; }
					#nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
					#nav li.last { padding-right: 0; border-right: none; }
					#nav li a { display: block; height: 10px; line-height: 10px; }

					#nav li ul { position: absolute; top: -999em; z-index: 9999; padding: 5px 0 10px 0; background-color: #465a7c; text-transform: capitalize; font-size: 1.1em; }
						#nav li:hover ul, #nav li.sfHover ul { left: 0; top: 10px; z-index: 9999; cursor: pointer; }
						
						#nav li li { width: 100%; border-right: none; letter-spacing: .1em; }
							#nav li li a { padding-top: 6px; }

				#nav li a:link { color: #fff; }
				#nav li a:visited { color: #fff; }
				#nav li a:hover { color: #828282; text-decoration: none; }
				#nav li a:active { color: #fff; }

	#page { background: #fff; }
	#home #page { background: url(images/bg-home.jpg) no-repeat 0 0; }
		#page .col-left, #page .col-right { float: left; }
		#page .col-left { width: 303px; margin-right: 17px; padding-top: 15px; }
		#page .col-right { width: 630px; min-height: 550px; }

		#form-banking {  }
			#form-banking, #form-banking input { text-transform: uppercase; }
				#form-banking h3 { display: block; text-indent: -9999em; width: 100%; height: 27px; background: url(images/bg-banking-login-gray.png) no-repeat 48px 0; }
					#home #form-banking h3 { background-image: url(images/bg-banking-login-white.png); }

				#banking-username { float: right; width: 200px; margin-bottom: 15px; }
				#banking-actions { clear: both; background-color: #8b8c8e; width: 216px; padding: 15px 0 10px 87px; }
					#banking-login, #banking-password { position: relative; }
					#banking-sign-up, #banking-demo { color: #fff; position: absolute; left: 198px; top: 13px; }
					#banking-demo { top: 26px; }
					#banking-sign-up:hover, #banking-demo:hover { color: #282a2c; cursor: pointer; text-decoration: none; }
					#banking-demo { background: none; border: none; padding: 0; margin: 0; }
					#banking-password { display: block; margin-top: 10px; font-weight: bold; letter-spacing: .1em; }
						#banking-password { color: #434445; }
						#banking-password:hover { color: #fff; text-decoration: none; }
		
		.content { padding: 27px 60px 30px 30px; min-height: 500px; }
			#calc-window { min-height: inherit; }
			.content h2, .content h3, .content h4, .content h5, content h6 { font-weight: bold; text-transform: uppercase; color: #6d6f71; }
			.content h2 { font-size: 1.3em; text-transform: uppercase; letter-spacing: .3em;  border-bottom: 1px solid #8b8c8e; padding-bottom: 2px; }
			.content h3, .content h4 { margin: 1em 0 .2em 0; color: #6d6f71; font-size: 1.1em; letter-spacing: .2em;  }
			.content h4 { letter-spacing: .1em; }
			.content h5, .content h6 { margin-bottom: .1em; }
			.content ul, .content ol, .content table { margin-bottom: .5em; }
			.content ol { list-style: outside decimal; padding-left: 19px; }
			.content #head { margin-bottom: 5px; }

			.sub-products { padding: 10px 15px; background-color: #f2efe9; }
				.sub-products h4:first-child { margin-top: 0; }
				.sub-products table.graphic { border: none; }

			#home .content { color: #fffffd; min-height: 1px; height: auto; position: absolute; left: -320px; bottom: 30px; padding: 25px; background: url(images/bg-black-overlay.png) repeat; font-size: 1.2em; }
					#home .content h2 { font-size: 1.75em; letter-spacing: .3em; float: left; width: 260px; padding-left: 65px; margin-right: 25px; color: #fff; border-bottom: none; }
					#home .content p { float: left; width: 550px; }
						#home .content a { font-style: italic; color: #fff; }
			
			table, tr, th, td { position: static; } /* fixes IE7 */
			table.graphic { border: 10px solid #f2efe9; background-color: #f2efe9; }
				table.graphic th, table.graphic td { padding: 5px 10px; text-align: center; border-right: 1px solid #8b8c8e; border-bottom: 1px solid #8b8c8e; }
					table.graphic th.last, table.graphic td.last { border-right: none; }
					table.graphic tr.last td, table.graphic td.rowspan-last { border-bottom: none; }

			table.two-col td { width: 200px; }

			#current-rates .col { float: left; width: 33%; }

			#stock-quotes input[type=text] { width: 50%; }

			.products h2 { background: url(images/head-ten-dollar-bill.jpg) no-repeat 0 0; padding-top: 241px; }

			#contact .two-col { float: left; width: 50%; }
			#contact #hours td { width: 50%; margin: 0; padding: 0; line-height: 1.4em; }
			#contact #contact-form { clear: both; padding-top: 25px; }
				#contact #contact-form input[type=text] { width: 215px; }
				#contact #contact-form textarea { width: 530px; }
	
			#privacy-policy .content ul { padding-left: 40px; list-style: inside disc; }
	
	#footer { height: 65px; padding-top: 10px; }
		#footer h4 { display: none; }
		#footer #footer-location { margin: 5px 0 0 90px; color: #fff; }
			#footer-location h3, #footer-location .fax, #footer-location .phone-banking { display: none; }
			#footer-location ul li { float: left; padding-right: 20px; margin-right: 20px; border-right: 1px solid #8e959f; }
				#footer-location .street, #footer-location .phone { padding-right: 0; margin-right: 0; border-right: none; }
				#footer-location .street { margin-right: 20px; }
				#footer-location .phone span { display: none; }
		#footer #equal-housing-fdic { position: absolute; top: 10px; right: 0; display: block; text-indent: -9999em; width: 175px; height: 32px; background: url(images/equal-housing-fdic.png) no-repeat; }
		#footer #privacy-link { position: absolute; top:50px; right: 0; font-size: .8em; }
			#footer #privacy-link a { color: #434445; }
			#footer #privacy-link a:hover { color: #fff; text-decoration: none; }