﻿/*/////////////////////////////////////////////////////////////////////*/
body
{
	background-color: #EEEEEE;
	margin: 25px 0 25px 0;
}

ul {margin: 0; padding: 3px 0 0 35px;}
ul li {padding-bottom: 1px;}

.title
{
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #008000;
}
.header
{
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #095300;
}

/*/////////////////////////////////////////////////////////////////////*/
table.shell
{
	width: 90%; /*update shellTopNav*/
	border: 1px solid #006600;
	background-color: #FFFFFF;
}
table.shellTopNav {width: 90%;} /*update shell*/
td.shellBottom
{
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #666666;
	background: transparent url(images/bottomTile.gif) left top repeat-x;
	padding: 20px 5px 5px 5px;
}

/*/////////////////////////////////////////////////////////////////////*/
td.topLogoWheel
{
	width: 154px;
	padding: 0;
}
td.topLogo
{
	width: 318px;
	padding: 0 0 15px 0;
}
td.topImage {padding: 5px;}

td.topNavMain
{
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background: transparent url(images/topNavTile.gif) left bottom repeat-x;
	height: 30px;
	padding: 0 5px 8px 5px;
}
td.topNavMain a {padding: 1px 3px 1px 3px; text-decoration: none;}
td.topNavMain a:link {color: #FFFFFF;}
td.topNavMain a:visited {color: #FFFFFF;}
td.topNavMain a:hover {color: #FFFFFF; background-color: #008000; border-bottom: 1px solid #FFFFFF;}
td.topNavMain a:active {color: #FFFFFF; background-color: #008000;}

td.topNav
{
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #666666;
	padding: 4px;
}
td.topNav a {padding: 0 3px 0 3px; text-decoration: none;}
td.topNav a:link {color: #666666;}
td.topNav a:visited {color: #666666;}
td.topNav a:hover {color: #000000; background-color: #FFFFFF;  border-bottom: 1px solid #666666;}
td.topNav a:active {color: #000000; background-color: #FFFFFF;}

/*/////////////////////////////////////////////////////////////////////*/
table.content {width: 100%; height: 100%;}
td.contentLeft
{
	width: 25%;
	padding: 0;
	border-right: 2px solid #008000;
}
td.contentMain
{
	width: 75%;
	height: 100%;
	padding: 10px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #222222;
}
td.contentMain a {font-weight: bold;}
td.contentMain a:link {color: #000000;}
td.contentMain a:visited {color: #000000;}
td.contentMain a:hover {color: #008000;}
td.contentMain a:active {color: #000000;}

/*/////////////////////////////////////////////////////////////////////*/
table.leftTable {width: 100%; height: 100%;}
td.leftTableTop
{
	padding: 3px;
}
td.leftTableBottom
{
	width: 25%;
	height: 100%;
	padding: 3px;
	border-top: 2px solid #008000;
	background: transparent url(images/leftNavTile.jpg) left top repeat-x;
}

/*/////////////////////////////////////////////////////////////////////*/
td.bottomNav
{
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #666666;
}
td.bottomNav a {padding: 0 3px 0 3px; text-decoration: none;}
td.bottomNav a:link {color: #666666;}
td.bottomNav a:visited {color: #666666;}
td.bottomNav a:hover {color: #000000; background-color: #EEEEEE;  border-bottom: 1px solid #666666;}
td.bottomNav a:active {color: #000000; background-color: #EEEEEE;}

/*///////////////////////////////////////////////////////////////////*/
table.onlineBankingTable
{
	width: 100%;
	font-size: 11px;
	font-family: Arial, Verdana, sans-serif;
	color: #222222;
	border: 1px solid #58C058;
}
table.onlineBankingTable td {padding: 2px}

.onlineBankingF {
	margin:0; padding:0; display:inline
}

.onlineBankingAccessIDBoxT {
	border:0; border-collapse:collapse; font-size: 11px; font-family: Arial, Verdana, sans-serif;
	color: #222222; 
}

.onlineBankingAccessIDBoxT td {
	padding:0; border:0; vertical-align:middle; 
}

.OB-AccessIDBox {
	width:117px; font-size:11px; border: 1px solid #666666;
	font-family: Arial, Verdana, sans-serif;
	color: #222222;
	*width:129px;
	_width:139px
}

.OB-button {
	background-color: #EEEEEE;
	border: 1px solid #666666;
	font-size: 11px;
	font-family: Arial, Verdana, sans-serif;
	color: #222222;
	margin-right:19px;
}

.fancyForm
{
	border: 1px solid #666666;
	font-size: 11px;
	font-family: Arial, Verdana, sans-serif;
	color: #222222;
}
.fancyBtn
{
	background-color: #EEEEEE;
	border: 1px solid #666666;
	font-size: 11px;
	font-family: Arial, Verdana, sans-serif;
	color: #222222;
}

/*///////////////////////////////////////////////////////////////////*/
table.leftNav
{
	width: 100%;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #000000;
}
td.leftNavTitle
{
	font-size: 13px;
	font-weight: bold;
	padding: 2px 2px 0 5px;
}

td.leftNavLink a {padding: 0 3px 0 3px; text-decoration: none;}
td.leftNavLink a:link {color: #222222;}
td.leftNavLink a:visited {color: #222222;}
td.leftNavLink a:hover {color: #008000; background-color: #EEEEEE;  border-bottom: 1px solid #222222;}
td.leftNavLink a:active {color: #000000; background-color: #EEEEEE;}
td.leftNavLink ul {list-style-image: url(images/arrow1.gif);}

td.leftNavContent
{
	font-size: 11px;
	padding: 0 5px 5px 5px;
}
td.leftNavContent a {font-weight: bold;}
td.leftNavContent a:link {color: #000000;}
td.leftNavContent a:visited {color: #000000;}
td.leftNavContent a:hover {color: #008000;}
td.leftNavContent a:active {color: #000000;}

td.staff
{
	font-size: 11px;
	font-family: Arial, Verdana, sans-serif;
	color: #222222;
	background-color: #FAFAFA;
	border: 1px solid #000000;
}

table.regular
{
	font-size: 11px;
	font-family: Arial, Verdana, sans-serif;
	color: #222222;
}















