/* 

STYLE SHEET FOR TNB WEB SITE
Created by Matt Roberts
Network Technology Solutions
229-226-2110
www.networkts.com

ToC

	1. defaults
	2. structure
	3. links and navigation (line 231)
		3.1 Left Navigation
		3.2	Left Nav level 2
		3.3 Left Nav level 3
	4. fonts
	5. classes/style
	6. images
	7. hacks

Notes

*/
.errFld {
border:1px solid #FF0000;
}
.errMsg {
color:#CC3333;
}

/*************************************************/
/* --------- 1. defaults  --------- */
/*************************************************/
body {
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(/images/bg_side_shadow.jpg);
	background-repeat: repeat-y;
	background-position: center;	
	background-color:#D0CFBA;
}
.warning	{
	color:#963614;
	padding:5px;
}
form {
	padding: 0;
	margin:0;
}
.small	{
	font-size: 10px;
}
.titleBar	{
	font-family: Arial, Helvetica, sans-serif;
	color:#2e2c2d;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	height: 16px;
	width: 100%;
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: url(/images/title_bg_1x20.jpg);
	background-repeat: repeat-x;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #949260;
}
/********login button*******/
.button	{
	width:114px;
	height:40px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
a.button, a:active.button, a:visited.button, a:link.button {	
	background-image: url(/images/online_banking_button_up.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:114px;
	height:40px;
}
a:hover.button	{
	background-image: url(/images/online_banking_button_down.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:114px;
	height:40px;
}

#subIndexContent .hrStyle	{
	color: #000000;
	height: 1px;
	width: 90%;
}
ul p	{
	margin:0px;
	padding:0px;
}
#content select	{
	width:350px;
}

.line	{
	width:98%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #949260;	
}

/*****table formatting*******/
.tabdata {
	border: 1px solid #D6DDE6;
	border-collapse: collapse;
	width: 80%;
	margin-left:auto;
	margin-right:auto;
}

.tabdata tr {
	background-color: #FFFFFF;
}
.tabdata td {
	border: 1px solid #D6DDE6;
	padding: 4px;
	color: #000000;
	width:50%;
}
.tabdata th {
	border: 1px solid #828282;
	background-color: #949260;
	font-weight: bold;
	text-align: left;
	padding-left: 4px;
	color: #ffffff;
}
.tabdata tr.altrow {
	background-color: #e3e3e3;/*#DFE7F2*/
}

.tabdata tr:hover, .tabdata tr.hilite {
	background-color: #CFD7E2;
}
/*************start tabdata2**********************/
.tabdata2 {/*this is in the tab container on the index page*/
	border: 1px solid #949260;
	border-collapse: collapse;
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}

.tabdata2 tr {
	background-color: #FFFFFF;
}
.tabdata2 td {
	border: 1px solid #949260;
	padding: 4px;
	color: #000000;
	/*width:50%;*/
	font-weight:bold;
}
.tabdata2 th {
	border: 1px solid #828282;
	background-color: #949260;
	font-weight: bold;
	text-align: left;
	padding-left: 4px;
	color: #ffffff;
}
.tabdata2 tr.altrow {
	background-color: #e3e3e3;/*#DFE7F2*/
}

.tabdata2 tr:hover, .tabdata tr.hilite {
	background-color: #CFD7E2;
}
/*************start tabdata2**********************/
.linkTable {/*this is in the tab container on the index page*/
	border: 1px solid #949260;
	border-collapse: collapse;
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}

.linkTable tr {
	background-color: #FFFFFF;
}
.linkTable td {
	border: 1px solid #949260;
	padding: 4px;
	color: #000000;
	width:50%;
	font-weight:bold;
}
.linkTable th {
	border: 1px solid #828282;
	background-color: #949260;
	font-weight: bold;
	text-align: left;
	padding-left: 4px;
	color: #ffffff;
}
.linkTable tr.altrow {
	background-color: #e3e3e3;/*#DFE7F2*/
}

.linkTable tr:hover, .tabdata tr.hilite {
	background-color: #CFD7E2;
}





/*************************************************/		
/*  --------- 2. structure  --------- */
/*************************************************/
#container {
	width: 780px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	
}
#bottom	{
	clear:both;
}
#header {
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 0;
	padding-left: 0;
	margin: 0;
	height: 80px;
	width: 775px;
	background-image: url(/images/main_header.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	/*background-color: #FFFFFF;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #666666;
	text-align: right;
}
#slides { /*440 left between navs with no padding*/
	float: left; 
 	width:415px;
	height:221px;
	margin: 20px 5px 10px 5px;
	border: 1px solid #949260;
	background-color: #FFFFFF;
}
#content { /*440 left between navs with no padding*/
	font-family:Georgia, "Times New Roman", Times, serif;
	float: left; 
 	width:400px;
	height:auto; 
	padding:5px;
	text-align:left;
	margin: 0px 5px 10px 5px;
	border: 1px solid #949260;
	background-color: #FFFFFF;
}
#indexContent { /*440 left between navs with no padding*/
	font-family:Georgia, "Times New Roman", Times, serif;
	float: left; 
 	width:405px;
	height:auto; 
	padding:5px;
	text-align:left;
	margin: 0px 0px 10px 5px;
	border: 1px solid #ffffff;
	background-color: #FFFFFF;
}
#mainTabContainer p	{
	text-align:center;
}
#subIndexContent { /*440 left between navs with no padding*/
	font-family:Georgia, "Times New Roman", Times, serif;
	float: left; 
 	width:95%;
	min-height:418px; 
	padding:5px;
	text-align:left;
	/*border: 1px solid #949260;*/
	background-color: #ffffff;
}
#aboutSubIndexContent { /*440 left between navs with no padding*/
	font-family:Georgia, "Times New Roman", Times, serif;
	float: left; 
 	width:95%;
	min-height:418px; 
	padding:5px;
	text-align:left;
	/*border: 1px solid #949260;*/
	background-color: #d7d6c3;
}
#contentContainer { /*440 left between navs with no padding*/
	font-family:Georgia, "Times New Roman", Times, serif;
	float: left; 
 	width:415px;
	height:auto;
	padding: 0px;
	margin: 20px 5px 10px 5px;
	border: 1px solid #949260;
	background-color: #FFFFFF;
}
#aboutContentContainer { /*440 left between navs with no padding*/
	font-family:Georgia, "Times New Roman", Times, serif;
	float: left; 
 	width:415px;
	height:auto;
	padding: 0px;
	margin: 20px 5px 10px 5px;
	border: 1px solid #949260;
	background-color: #d7d6c3;
}

#subContentContainer {
	font-family:Georgia, "Times New Roman", Times, serif;
	float: right; 
 	width:590px;
	height:auto;
	margin: 20px 5px 10px 5px;
	border: 1px solid #949260;
	background-color: #FFFFFF;
				}
#subContent	{
	width:90%;
	height:auto;
	padding:7px;
	text-align:left;
	
}
#leftNav {/*left navigation container*/
	width:170px;
	height:auto;
	float:left;
	margin-top:20px;
	margin-left:2px;
	font-weight: bold;
	background-color:#ffffff;
}
/*#leftNav select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #005200; 
}*/
#leftNavBottom {/*bottom portion of left nav*/
	width:170px;
	height:320px;
	clear:left;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #005941;
	}

#navRightContainer	{
	float:right;
	border: 1px solid #949260;
	width:170px;
	height:350px;
	margin-right:2px;
	margin-top:20px;
	background-image: url(/images/nav_right_bank_fade_bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
#navRightContainer .login	{
	padding-top:5px;
}
#navRightContainer a	{
	text-decoration:underline;
}
#navRightContainer .promotion	{
	text-align:left;
	padding:5px;
	color:#474747;/*#7A8908*/
	font-weight:bold;
	
}
#navRightContainer .links	{
	font-family: Arial, Helvetica, sans-serif;
	padding:5px;
	text-align:left;
}
#navRightContainer .links li	{
	list-style-image: url(/images/grey_arrow.gif);	
}
#navRightContainer .contact	{
	text-align:left;
	padding:5px 0px 5px 5px;
}
#footer {
	clear: both;
	padding-top: 8px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #005941;
	width:750px;
	border:1px #949260 solid;
	margin-left:auto;
	margin-right:auto;
	height: auto;
	background-image: url(/images/title_bg_1x20_top_down.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#copyright {
	height:50px;
	font-weight:bold;
	text-align: center;
	color: #666666;
	padding-top: 5px;
	vertical-align: top;
	float: none;
	background-image: url(/images/equal_housing_fdic.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-top:25px;
}

#copyright_tnbfin {
	height:50px;
	font-weight:bold;
	text-align: center;
	color: #666666;
	padding-top: 5px;
	vertical-align: top;
	float: none;
	
	margin-top:25px;
}

#Message {
	border:	1px solid black;
	margin:	5px;
	padding: 0px 10px;
	text-align:	left;
	width:	395px;
	float:	left;
	color: #963614;
	font-family: Georgia,"Times New Roman",Times,serif;
}

/*************************************************/
/* ---------- 3. links and navigation ---------- */
/*************************************************/
a {
	color: #474747;
	text-decoration: none;
		}
		
a:hover {
	color: #474747;
	text-decoration: underline;
		}
#header a, a:visited {
	color: #474747;
	text-decoration: none;
}
#header a:hover {
	color: #474747;
	text-decoration: underline;
}
.contentLinks	{
	font-family: Arial, Helvetica, sans-serif;
}
#subIndexContent a, a:visited {
	
	font-weight:bold;
	color: #7A8908;/*red #963614*/
	text-decoration: underline;
}

#subIndexContent a:hover {
	color: #963614;
	text-decoration: none;
}
/*************************************************/
/* ---------- 3.1 Left navigation -------------- */
/*************************************************/
#navcontainer ul {
	margin: 0px 0px 0px 0px;
	padding: 0px; /*fixes left indent for nav in firefox*/
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align:left;
}

#navcontainer li {
	width: 172px;/*controls width of the nav containers*/
	margin-bottom: 2px;
}
#navcontainer a, #navcontainer a:link, #navcontainer a:visited {
	display: block;
	padding: 4px 2px 4px 24px;
	border: 1px solid #949260;/*green:#949260--lt.grn:#7A8908*/
	color: #005941;
	text-decoration:none;
}
#navcontainer a:hover {
	text-decoration:underline;
	background-image: url(/images/nav_bg_1x20.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

#navcontainer img.PhotoInclude {
	border: 1px solid #000000;
	

	
}

#navcontainer a.PhotoInclude, #navcontainer a.PhotoInclude a:hover {
	background-image: none;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	border: none;
}

/*************************************************/
/* ---------- 3.2 SUB ->navigation ---------- */
/*************************************************/
	#navcontainer ul ul	{
		margin-left:5px;
	}
	#navcontainer ul ul	li{
		width:167px;/*controls width of sub nav buttons*/
	}
	#navcontainer ul ul li a, #navcontainer ul ul li a:active, #navcontainer ul ul li a:visited, #navcontainer ul ul li a:link {
	color: #005941;
	text-decoration: none;
	background-image: url(/images/nav_bg_1x20.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-top: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	/*width of left box border*/
	border-left-width: 4px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	/*these border colors change color of 2nd level nav box*/
	border-top-color: #005941;
	border-right-color: #005941;
	border-bottom-color: #005941;
	border-left-color: #005941;
	}
	
	#navcontainer ul ul li a:hover{
		color: #005941;
		text-decoration: underline;
	}
/*************************************************/
/* ---------- 3.3 level 3 ->navigation ---------- */
/*************************************************/
		#navcontainer ul ul	ul{/*determines left indent*/
			margin-left:11px;
		}
		#navcontainer ul ul ul li{
		width:156px;/*controls width of 3rd level nav buttons*/
		
		}
		#navcontainer ul ul ul li a, #navcontainer ul ul ul li a:active, #navcontainer ul ul ul li a:visited, #navcontainer ul ul ul li a:link {
		
		color:#005941 ;
		text-decoration: underline;
		border-top-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width:4px; /*width of left box border*/
		border-top-style: solid;
		border-right-style: solid;
		border-bottom-style: solid;
		border-left-style: solid;
		/*BELOW - these border colors change color of 3rd level nav box*/
		border-top-color: #949260;
		border-right-color: #949260;
		border-bottom-color: #949260;
		border-left-color: #949260;
		/*border: 1px solid #000000;*/
		background-image: none;
		
		
		}
		
		#navcontainer ul ul ul li a:hover{
			color: #963614;
			text-decoration: none;
			border-left-color: #963614;
		}

/* ----------RIGHT SIDE OF INDEX --------------*/
#navRightContainer	{
	height:auto;
	margin-bottom:10px;
}
#navRightContainer .security a, a:visited {
	color: #963614;
	text-decoration: underline;
	font-weight:bold;
}
#navRightContainer .security a:hover {
	color: #963614;
	text-decoration: none;
}
#navRightContainer .info a, a:visited {
	color: #7A8908;/*#963614*/
	text-decoration: underline;
	font-weight:bold;
}
#navRightContainer a:hover {
	color: #963614;
	text-decoration: none;
}
#navRightContainer ul {
	padding: 5px 0px 0px 0px;
	margin-left:15px;
	
}
#container #navRightContainer li {
	padding: 0px 0px 5px 0px;
	margin:0px;
	
}

/*-----------  FOOTER------------  */
#footer a, a:visited {
	color: #005941;
	text-decoration: none;
	font-weight:bold;
}

#footer a:hover {
	color: #005941;
	text-decoration: underline;
}
#poweredBy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	text-align: center;
	clear: both;
	height: 20px;
	width: 800px;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
}
		
/* ---------- 4. fonts ---------- */

  h4, p, ul {
		}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	padding-top:5px;
	margin: 0px 0px 10px 0px;
	width:98%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #949260;
	color:#2e2c2d;
		
		}

h2 {
	font-family:Georgia,Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#005941;
	padding-top:0px;
	padding-bottom:5px;
	margin: 0px 0px 5px 0px;
		}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#2e2c2d;
	/*padding:0px;
	margin: 0px 0px 10px 0px;*/
		}
		
h4 {
		}

p {
		}

ul {
		/*list-style-type: none;*/
		}

/* ---------- 6. classes / style ---------- */

.login	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;	
}

.promos	{
	padding:5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	color: #005941;
	font-weight: 300;
	font-style: italic;
}
.center	{
	text-align:center;
	margin-left: 50px;
	
}
.dojoTabPaneWrapper {
				  padding : 10px 10px 10px 10px;
					height:150px;
				}

/*googlemaps*/
#mapLayout{
	width:450px;
	height:400px;
	margin-left:50px;
	border:1px solid black;
	text-align:center;
		}
.hideMapData	{
	display:none;
}
/* ---------- 6. images ---------- */

a img {
		border: 0;
		}

/*img.center	{
	margin-left: 50px;
	position: relative;	
}*/
		
/* ---------- 7. hacks ---------- */

body	{ /* IE 5 centring bug fix */
		text-align: center;
		}
		
#wrapper {
		text-align: left;
		} 
#subIndexContent	{
	height:auto !important;
  	height:418px;

}