/*/
----------------------------------------

Site: Touchmark National Bank
Author:   Will Gettys  ///  Cyberwoven
Version:  2007 . 12

----------------------------------------/*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; }
caption, th, td { text-align: left; font-weight: normal; }
html, body, div, p { font-family: Georgia, serif; color: #424a4f; font-size: 12px; }
img { margin: 0; padding: 0; border: 0; }
body { margin: 0; padding: 0; text-align: center; }
h1 { margin: 0; padding: 0; width: 233px; float: left; display: block; text-indent: -9000px; }
h1 a { display: block; height: 98px; }
.clear:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; }
.clear { display: inline-block;/* Fixes IE/Mac */ }
/* Hides from IE-mac \*/
* html .clear { height: 1%; }
.clear { display: block; }
br { clear:both; }
em{font-style:italic;}

br { clear: both; }
p { line-height: 18px; margin: 0 15px 10px 25px; padding: 0; }
a { color: #02185f; text-decoration: none; }
a:hover { color: #005bd6; }
#skip { display: none; }
/*
COMMON --------------------- */

h2, h3, h4, h5, h6 { font-weight: normal; margin: 0 0 5px 20px; text-align: left; }
h3, h4, h5, h6 { color: #003a67; font-family: Tahoma, sans-serif; }
h2 { font-family: Georgia, serif; color: #003a67; font-size: 28px; margin-top: 40px; }
h3 { font-size: 18px; }
h4 { font-size: 14px; font-weight: bold; }
h5 { font-size: 12px; font-weight: bold; }
h6 { font-size: 10px; font-weight: bold; margin: 0; padding: 0; }
.dtitle { font-size: 10px; font-weight: normal; margin: 0; padding: 0; font-family: Tahoma, sans-serif; }
p { margin: 0 0 20px 20px; }
ul, ol, p, span { text-align: left; }
blockquote { margin: 0 0 10px 20px; font-family: Arial, sans-serif; font-size: 9px; font-weight: normal; line-height: 12px; padding: 0; }
/*
LAYOUT --------------------- */

.internal { background: #f0efd7 url(../img/intbg.jpg) repeat-x top center; padding: 0; }
#wrapper { margin: 0 auto; padding: 0; width: 950px; text-align: left; }
.header { margin: 0 auto; padding: 0; height: 99px; background: url(../img/headerbg.jpg) no-repeat top left; width: 950px; }
.header a { display: block; }
#topNavContainer { float:right; width: 700px; }
ul.topnav { padding: 0; margin: 0 10px 0 0; top: 14px; position: relative; font-weight:bold; font-size: 11px; font-family: Arial, sans-serif; text-transform: uppercase; letter-spacing: 1px; }
ul.topnav li { margin: 46px 0 0 30px; float: right; display:inline; }
ul.topnav li a { text-align: center; height: 39px; }
ul.topnav a:hover, .aboutActive, .locationsActive, .contactActive, .careersActive, .newsActive, .requestprospectusActive { color: #005bd6; }
.pagemiddle { height: 200px; margin: 0; padding: 0; width: 950px; clear: both; }
.mainnav ul { margin: 0; padding: 0; float: left; width: 240px; }
.mainnav ul li { margin: 0; list-style-type: none; }
.mainnav ul li a { display: block; width:240px; }
a.onlineMain { background: url(../img/nav.jpg) no-repeat 0 0; height:66px; }
a.businessMain { background: url(../img/nav.jpg) no-repeat left -66px; height:65px; }
a.personalMain { background: url(../img/nav.jpg) no-repeat left -132px; height:68px; }
.loginMain a { background: url(../img/loginMain.jpg) no-repeat top left; height: 34px; }
a.onlineMain:hover, a.onlineActive { background: url(../img/nav.jpg) no-repeat right 0; height:66px; }
a.businessMain:hover, a.businessActive { background: url(../img/nav.jpg) no-repeat right -66px; height:65px; }
a.personalMain:hover, a.personalActive { background: url(../img/nav.jpg) no-repeat right -132px; height:68px; }
.loginMain a:hover { background: url(../img/loginMain.jpg) no-repeat bottom left; height: 34px; }
a.onlineMain, a.businessMain, a.personalMain, .loginMain, a.onlineActive, a.businessActive, a.personalActive { display: block; text-indent: -9000px; }
.intposter { margin: 0; padding: 0; height: 200px; float: left; width: 710px; }
.pagebottom { margin: 0 auto; padding: 0; background: url(../img/pagebottombg.jpg) no-repeat top left; min-height: 210px; width: 950px; }
.subnav { display:block; float:left; width:240px; }
.subnav ul { font-family: Tahoma, sans-serif; margin: 40px 0 20px 0; padding: 0; width: 240px; text-align: right; }
.subnav ul li { margin: 0; padding-right: 20px; line-height: 30px; font-size: 14px; font-weight: bold; list-style-type: none; }
.subnav ul ul { margin: 0; }
.subnav ul ul li { margin: 0; font-size: 12px; line-height: 18px; font-weight: normal; list-style-type: none; }
.content { width: 710px; float: right; padding-bottom: 15px; position:relative; }
.content ul { background: #e3e2cb url(../img/bulletbox.png) no-repeat top right; border: 1px solid #c3c2b6; width: 48%; margin: 0 0 20px 25px; padding: 20px 20px 20px 30px; list-style-type: disc; }
.content ul li { line-height: 16px; margin: 0 0 8px 0; }
h4 { font-size: 16px; line-height: 24px; font-family: Tahoma, sans-serif; color: #003a67; margin-top: 20px; }
.content img { float: right; padding: 10px; border: 1px solid #c3c2b6; margin: 5px 10px 20px 20px; }
#siteMap { margin: 25px 15px 0 0; padding-top: 10px; border-top: 1px solid #c3c2b6; }
#siteMap ul { margin: 0 0 0 10px; padding: 0; text-decoration: none; background: none; border: none; }
#siteMap ul li { font-weight: bold; border: none; }
#siteMap ul li li { font-size: 12px; font-weight: normal; margin: 0px; list-style-type: none; }
.content sup { font-family: Arial; font-weight: bold; top:-5px; position: relative; font-size: 9px; line-height:16px; font-weight:bold; }

.vid {float: left; border:1px solid #C3C2B6; padding:10px; clear: both; margin: 20px 0px 0px 20px;}


/*
footer --------------------- */

.footer { clear: both; background: url(../img/footerbg.jpg) repeat-x top center; height: 129px; padding: 0; margin: 8px 0 0 0; width: 100%; }
.footerbox { width: 950px; margin: 0 auto; padding: 5px 0; }
.ehl { float: left; margin-left: 10px; text-align:left; position:relative; }
.footerbox .ehl span { float:none; color: #524c3f; position:absolute; top:-5px; left:80px; width:300px; }
.footerbox span, .footerbox p { font-size: 11px; line-height: 16px; margin: 15px 10px 0 12px; float: right; }
.footerbox p { float: left; }
ul.footernav { float: right; margin: 0 10px 0 0; padding: 0; height: 33px; line-height: 33px; text-align: right; font-size: 11px; }
ul.footernav li { display: inline; padding: 0; margin: 0; font-size: 11px; }
ul.footernav li a { text-align: center; margin: 0 0 0 30px; color: #524c3f; }
ul.footernav li a:hover { color: #413623; text-decoration: underline; }
span.copy { margin: 0px 0 0 12px; }
.credit { margin: 0; padding: 0; text-align: left; }
.credit a { padding: 0; margin: 0; color: #424a4f; }
.credit a:hover { padding: 0; margin: 0; color: #c64504; text-decoration: underline; }

/* Homepage Specific
----------------------------------------------- */

.index { background: #f0efd7 url(../img/bg.jpg) repeat-x top center; margin: 0 auto; padding: 0; }
.poster { margin: 0; padding: 0; height: 270px; }
.poster img { margin: 0; padding: 0; }
.padbox { margin: 0 auto; width: 950px; background: url(../img/padboxbg.jpg) no-repeat top center; padding: 0; position:relative; }
.launchpad { float: left; width: 270px; top:-10px; font-family: Tahoma, sans-serif; display: inline; position: relative; z-index: 100021; }
.launchpad a { color: #fff; }
.launchpad ul { margin: 20px 0 0 55px; padding: 0; border-left: 1px solid #fff; }
.launchpad ul li { list-style-type: none; }
.launchpad ul li a { margin: 0 0 0 10px; padding: 0 0 10px 0; line-height: 12px; display:block; }
.launchpad ul li a:hover { color: #01459b; }
.launchpad h3 { height: 50px; line-height: 50px; text-align: center; text-transform: uppercase; padding: 0; font-weight: bold; }
.launchpad h3 a { padding: 0; display: block; height: 52px; }
.lp2 { margin: 0 30px; padding: 0; }
.lp3 { margin: 0; padding: 0; }
.lp1 { margin: 0 0 0 33px; padding: 0; }
.lp1 h3, .lp2 h3, .lp3 h3 { text-indent: -9000px; }
.lp1 h3 a { background: url(../img/onlineLp.png) no-repeat top left; }
.lp2 h3 a { background: url(../img/businessLp.png) no-repeat top left; }
.lp3 h3 a { background: url(../img/personalLp.png) no-repeat top left; }
.lp1 h3 a:hover { background: url(../img/onlineLp.png) no-repeat bottom left; }
.lp2 h3 a:hover { background: url(../img/businessLp.png) no-repeat bottom left; }
.lp3 h3 a:hover { background: url(../img/personalLp.png) no-repeat bottom left; }
.lp1 ul { position: relative; left: 18px; }
.lp2 ul { position: relative; left: 10px; }
.lp3 ul { position: relative; left: 5px; }

.newhome {background: #f0efd7 url(../img/bg2.png) repeat-x top center;}
.products_pad { padding:0; margin:0 auto; width:935px; height:202px; padding-left:15px; background: url(../img/products_pad.png) no-repeat; clear:both; }
#product1, #product2 { width:467px; float:left; height:144px; margin-top:15px; background-repeat:no-repeat; }
#product2 {width:450px;}
.text_positioner {margin:5px 0 0 150px; width:300px;}
.text_positioner ul { list-style-type:square; padding:0; margin:0 0 0 15px; }
.text_positioner ul li { padding:0; margin:5px 0; line-height:10px}
.text_positioner h5 { margin:0; padding:0; font-size:13px; line-height:13px;}
.text_positioner a.morelink, .text_positioner h5 { font-family:Arial, sans-serif; font-weight:bold; line-height:30px;}
.newhome br { clear:none; margin:0; padding:0; }
.newhome p { margin:0; }
.newhome .footer, .newhome .footerbox, .newhome .footerbox p { font-family:Arial, sans-serif !important; font-weight:normal; background:none; }
.newhome .footer { margin:0; padding:0; }
.newhome .footerbox { border-top:1px solid #bbbaa7; }
.products_rewards { background-image: url(../img/rewards.jpg); }
.products_cdars { background-image: url(../img/cdars.jpg); }
.products_lockbox { background-image: url(../img/lockbox.jpg); }
.products_anniversary { background-image: url(../img/anniversary.jpg); }
.products_newhours { background-image: url(../img/watchmoney.jpg); }

/* Forms & Tables
----------------------------------------------- */

form { margin:0 0 0 20px; width: 675px; }
form h2, form p { margin:0; }
table.tablebox { margin: 0 0 0 0; padding: 0; }
.tablebox td { vertical-align: top; font-size: 12px; }
.tablebox .checkboxlist td { font-size: 11px; height:25px; }
.label { font-family: Tahoma, sans-serif; line-height:25px; font-weight: bold; font-size: 12px; margin: 0; }
label { }
.input { margin: 5px 5px 5px 0; padding: 2px; border-bottom: 1px solid #e7e5cf; border-top: 1px solid #ceccb8; border-left: 1px solid #ceccb8; border-right: 1px solid #e7e5cf; width: 230px; background: #f8f7eb; height: 20px; }
.btn { margin: 1px; height: 30px; width: 100px; border: none; display: block; }
.btnback { margin: 0; }
.textarea { margin: 5px 5px 20px 0; padding: 2px; border-bottom: 1px solid #e7e5cf; border-top: 1px solid #ceccb8; border-left: 1px solid #ceccb8; border-right: 1px solid #e7e5cf; background: #f8f7eb; width: 85%; }
.dropdown { margin: 5px 5px 10px 0px; padding: 2px; width: 240px; border: none; height:20px; }
.newslist { margin: 0 0 15px 35px; padding: 0; }
.newsItem { margin: 30px 0 0px 0; padding: 20px 50px 0 40px; background: url(../img/bg-newsItem.png) no-repeat top left; }
.newsItem h4 { margin: 0px 0 0 15px; padding: 0; }
.newsItem h5, .newsDetail h5 { margin: 5px 0 0 15px; padding: 0; font-weight: normal; }
.newsItem p { margin: 5px 0 0 15px; padding: 0; line-height: 16px; }
.newsDetail, .newsDetail p, .newsDetail h5, .newsDetail h4 { margin: 5px 0 0 0; padding: 0; }
.newsDetail h5 { margin-top: 20px; }
.newsDetail h4 { margin-bottom: 20px; }
.newsDetail { margin-bottom: 20px; }
.newsTable { width: 100%; }
hr { clear: both; border: none 0; border-top: 1px solid #92917f; margin: 15px 15px 15px 0; text-align: left; padding: 0; }
.red { color: red; }
.postdate { font: 10px Arial bold; margin: 0; padding: 0; }
.errormessage { font-size: 11px; color: #c00; }
.directorstable { margin: 0 0 0 25px; }
.directorstable img { margin: 8px 0 5px 0; float: left; }
img.boardpic { float: none; margin: 10px 0; }
.textbox { border: none; width: 181px; height: 36px; padding: 12px 15px 0 15px; overflow: hidden; }
.textfield { border: none; width: 441px; height: 198px; padding: 12px 15px 0 15px; overflow: hidden; }
.labelCell { font-family: Arial, Helvetica, sans-serif; vertical-align:text-bottom; }
p.bottomaddon { margin: 20px 0 0 0; text-align: center;  width: 960px; }

.content table {margin:10px 10px 20px 0; padding:0; text-align:left; border-top:1px solid #c3c2b6;}
.content table th {padding:2px 5px; border-bottom:1px solid #c3c2b6; font-weight:bold; line-height:18px; text-align:left; color:#600;}
.content table td {padding:2px 5px; margin:0; line-height:16px; border-bottom:1px solid #c3c2b6; }
.content table tr.even td {background-color:#e0debf;}

table.directorstable {margin:0 0 5px 0; border:none;}
table.directorstable td {padding:0; margin:0; line-height:16px; border:none; }
table.directorstable tr.even td {background:none;}

.ratesPage strong {display: block; width: 100%; font-weight:bold; padding:10px 0;}
.ratesPage table {width:700px;}
.ratesPage {font-size:12px;}
.ratesPage h5 {margin:0; padding:5px; }
.ratesPage td {text-align:right; padding:5px 3px 5px 3px !important;}
/*--- MISC --*/



/* Contact page side bar
--------------------------- */
	#contact_sidebar { position:absolute; top:72px; left:-215px; width:200px; display:block; text-align:right; padding:0 0 12px 0; border-bottom:solid 1px #a89a63; }
		#contact_sidebar h3 { margin-left:0; text-align:right; font-size:14px; line-height:18px; font-family:georgia, "times new roman", times, serif; font-style:italic; color:#5b5641; }
		#contact_sidebar h4 { text-align:right; font-size:16px; color:#5b5641; margin-top:16px; font-family:helvetica, arial, sans-serif; }