/* CSS Document */
*
{
	margin: 0;
	padding: 0;
}

body {
	font-size: x-small;
}
* html body {
	font-size: xx-small; /* hack for IE5/Win */
	f\ont-size: x-small;  /* hack for other IE5/Win versions */
}

a{ color:#240566; outline: none;}
a, a:link, a:visited { 	
	text-decoration:none;
}
a:hover, a:active { 	
	text-decoration:underline;
}
h1 {
	color: #d4803a;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 240%;
	font-weight: normal;
	line-height: 100%;
	padding-bottom:20px;
}
h2 {
	color: #6b5f8f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 135%;
	font-weight: normal;
	line-height: 100%;
	padding-bottom:10px;
}

h3 { 
	font-size: 120%; 
	color: #240566;
	display:inline;
	line-height: 140%;
}
h5 {
	color: #d4803a;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 140%;
	font-weight: normal;
	line-height: 100%;
	padding-bottom:20px;
}
h6 {
	color: #240566;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 170%;
	font-weight: normal;
	line-height: 120%;
	padding-bottom:5px;
}
.ltpurple {
	color:#6b5f8f;
}
/*-------------------------------------------------
  Body and Containers
-------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	background-color: #070a5e;
	font-family:Arial, Helvetica, sans-serif;
}
#page {
	width: 919px;
	margin: 0 auto 0 auto;
	background-color:#FFF;
	background-image:url(../images/page_bg.gif);
}
#content {
	width: 919px;
	height: 415px;
	_margin-bottom: -3px;
	background-color: #FF;
}
#inside_content {
	width: 919px;
	_margin-bottom: -3px;
	background-color: #FF;
}
/*-------------------------------------------------
  Header
-------------------------------------------------*/
#header {
	width: 919px;
	height: 78px;
	border-top: solid 9px #1d1d1d;
	background-image:url(../images/_menu/logo_bg.jpg);
}
#header #secNav {
	height: 38px;
	float:right;
}
#header #secNav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float:right;
	background-color: #7461a4;
		
}
#header #secNav li {
	margin: 0;
	padding: 0 0 0 22px;
	list-style-type: none;
	display:inline;
	float:left;
}
#header #mainNav {
	height: 40px;
	float:right;
	_margin-bottom: -3px;
}
#header #mainNav ul {
	margin: 0px 0 0 0;
	padding: 0;
	list-style-type: none;
	position:relative
}
#header #mainNav li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display:inline;
	float:left;
}
#header_bottom_bar {
	width: 919px;
	height: 9px;
	margin: 0;
	padding: 0;
	background-color:#6b5f8f;
	_margin: -1px 0 -3px 0;
}

/*-------------------------------------------------
 Homepage containers
-------------------------------------------------*/
#home_left {
	width: 616px;
	height: 415px;
	background-color:#6b5f8f;
	float:left;
}
#home_right {
	width: 303px;
	height: 415px;
	float:right;
}
#home_photo_box {
	width: 303px;
	height: 209px;
	margin: 0;
	padding: 0;
	_margin: 0 0 -3px 0;
}

#taking_you_farther {
	width: 237px;
	height: 60px;
	padding: 43px 0 0 66px;
	background-color: #e19a35;
}
/*------HOME infobar-----*/
#home_infobar {
	width: 919px;
	height: 200px;
	border-top: solid 9px #1d1d1d;
	border-bottom: solid 11px #FFF;
	background-color:#FFFFFF;
}
.home_infobox_purple {
	width: 162px;
	height: 158px;
	line-height: 150%;
	padding: 21px;
	_padding-bottom: 14px;
	background-color: #c0add3;
	float:left;
	background-position: left bottom;
	background-repeat:no-repeat;
}
.home_infobox_white {
	width: 162px;
	height: 158px;
	line-height: 150%;
	padding: 21px;
	background-color: #ffffff;
	float:left;
	
	background-position: left bottom;
	background-repeat:no-repeat;
}
.home_infobox_purple img, .home_infobox_white img{
	background-position: left bottom;
}
.home_infobox_horz {
	width: 264px;
	height: 52px;
	line-height: 150%;
	padding: 21px 20px 21px 20px;
	_padding-bottom: 18px;
	background-color: #ffffff;
	float:left;
}
.home_infobox_horz_green {
	width: 304px;
	height: 88px;
	font-size: 9px;
	line-height: 150%;
	padding: 18px 0 0 0;
	background-color: #acc95a;
	float:left;
	
	text-align:center;
}

.link a{
	width: 204px;
	height: 200px;
	float:left;
	display:block;
	
	border-right: solid 1px #af9ebd;
}
.link a p{
	color:#000000;
}
.link a:hover {
	text-decoration:none;
	cursor:pointer;
}
.link a:hover .home_infobox_white{
	background-color: #f1ebf7;
}
.link a:hover .home_infobox_purple{
	background-color: #a592b7;
}


div.button a  {width:120px; height:24px; display:block; padding-top:2px;
font: bold .8em; text-align:center;}
div.button a:link {color: black; text-decoration:none;}
div.button a:hover {color:#F33; text-decoration:underline;}

/*-------------------------------------------------
  Inside layout
-------------------------------------------------*/
#col_left {
	width: 616px;
	float:left;
	padding:0 0 35px 0;
}
#col_right {
	width: 303px;
	float:right;
}	

#col_left .head {
	height: 103px;
	width: 616px;
	padding:0 0 0 0;
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #6b5f8f;
}
#col_left .head_img {
	width: 616px;
	height: 103px;
	background-position: left top;
	background-repeat: no-repeat;
}
#col_left #head_text {
	padding:0 0 10px 0;
}
#col_left #head_text .indent{
	width: 596px;
	height: 25px;
	border-top: solid 12px #cbdfe6;
	background-color: #ecf4f7;
	padding: 7px 0 8px 20px;
	color: #d4803a;
	font-family: Optima, Verdana, Arial, Helvetica, sans-serif;
	font-size: 240%;
	font-weight: lighter;
	line-height: 100%;
}
#col_left #head_text .indent_plain {
	margin:0 31px 0px 31px;
	padding: 25px 0 4px 0;
	border-bottom: 1px solid #eeecf3;
	color: #d4803a;
	font-family: Optima, Verdana, Arial, Helvetica, sans-serif;
	font-size: 240%;
	font-weight: lighter;
	line-height: 100%;
}
#col_left .info {
	padding:0 31px 0px 31px;
	font-size:110%;
	line-height: 140%;
	font:Arial, Helvetica, sans-serif;
}
#col_left .info ul li{
	margin-left: 38px;
	margin-right: 35px;
	list-style-image: url(../images/bullets/bullets_dkpurple.gif);
	color: #372c7b;
	margin-top: 5px;
}

#col_left .info ol li {
	margin-left:15px;
}

#col_left .tabs {
	padding:0 31px 0px 31px;
	font-size:110%;
	line-height: 130%;
	font:Arial, Helvetica, sans-serif;
}
#col_left .info img {
	float:right;
	display:block;
	clear: both;
	margin: -15px -31px 0 0;
	_margin: -15px -18px 0 0;
	
	padding-right: 0;
	padding-bottom: 7px;
	padding-left: 14px;
}
#col_left .info table img {
	float:none;
	display:block;
	margin:0;
	padding:0;

}

/*-------------------------------------------------
  ONLINE BANKING
-------------------------------------------------*/
#online_banking_login {
	width: 278px;
	height: 88px;
	padding: 15px 0 0 25px;
	background-color:#ac1528;
	font-size:px;
}
#online_banking_login, #online_banking_login a {
	color:#FFFFFF;
}
#online_banking_form {
	margin: 5px 0 0 0;
	width: 182px;
	height: 47px;
	background-image: url(../images/online_banking_bg.gif);
	background-repeat: repeat-x;
	position:relative;
}
#online_banking_login .go {
	position:absolute;
	top:0;
	right:0;
}
.online_banking_input {
	color: #7F0000;
	background: #ecaca7;
	border: none;
	margin:3px 0 0 5px;
	width: 146px;
	height: 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	vertical-align: top;
	font-weight: normal;
}

#online_banking_form input[type=radio] {
	margin-top:8px;
	margin-right:4px;
	margin-bottom:-4px;
	*margin-top:3px;
}

#col_left .newsbox {
	margin:0 31px 15px 31px;
	padding: 25px 0 25px 0;
	font-size:110%;
	line-height: 150%;
	background-color:#FFF;
	border-bottom: 1px solid #eeecf3;
	font-family: Arial, Helvetica, sans-serif;
}
#col_left .newsbox img{
	float: right;
	display:block;
	position: relative;
	width:135px;
	padding: 3px;
	border: 1px solid #eeecf3;
}
#col_left .locationsbox {
	margin:0 31px 0px 31px;
	padding: 25px 0 25px 0;
	font-size:110%;
	line-height: 150%;
	background-color:#FFF;
	border-bottom: 1px solid #eeecf3;
	font-family: Arial, Helvetica, sans-serif;
}
#col_left .locationsbox .item {
	float:left;
	width:24%;
	display:block;
}

/*-------------------------------------------------
  SECOND LEVEL MENU
-------------------------------------------------*/
#secondLmenu {
	width: 244px;
	margin-top: 12px;
	padding: 25px 0 29px 59px;
	background-color:#d5d0e1;
	color: #1b1c58;
	font-size:115%;
	line-height: 210%;
}
#secondLmenu a {
	color: #6b5f8f;
}
#secondLmenu a:hover {
	font-weight: bold;
	text-decoration:none;
	color: #1b1c58;
}
#secondLmenu ul{
	list-style: none;
}
#secondLmenu li{ 
	list-style-image: none;	
}
#secondLmenu li:hover{ 
	list-style-image: url(../images/bullets/bullets_purple_menu.gif);	
}
#secondLmenu li.over{ 
	list-style-image: url(../images/bullets/bullets_purple_menu.gif);	
	font-weight:bold;
}
#secondLmenu li.over a{ 
	color: #1b1c58;
}

#secondLnews {
	width: 278px;
	margin-top: 12px;
	padding: 25px 0 29px 25px;
	background-color:#d5d0e1;
	color: #1b1c58;
	font-size:115%;
	line-height: 210%;
}
#secondLnews a {
	color: #6b5f8f;
}
#secondLnews a:hover {
	font-weight: bold;
	text-decoration:none;
	color: #1b1c58;
}

#secondLcontactus {
	width: 278px;
	margin-top: 12px;
	padding: 25px 0 29px 25px;
	color: #d5d0e1;
	font-size:115%;
	line-height: 140%;
}
#secondLcontactus b{
	font-size:125%;
}

.inputBox {
	color: #3d335b;
	background: #d5d0e1;
	border: 1px solid #d5d0e1;
	width: 150px;
	height: 13px;
	margin: 0;
	padding: 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	vertical-align: middle;
	font-weight: normal;
}
.inputBoxLrg {
	color: #3d335b;
	background: #d5d0e1;
	border: 1px solid #d5d0e1;
	width: 300px;
	height: 130px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 4px;
	margin-top: 0px;
	padding: 2px 0px 0px 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: middle;
}
.dropBox {
	color: #3d335b;
	background: #897fa7;
	border: 1px solid #897fa7;
	width: 200px;
	height: 20px;
	margin: 8px 0 8px 0;
	padding: 2px 0px 0px 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	vertical-align: middle;
	line-height:140%;
}
.grey {
	color:#666666;
}


#popup {
	width:560px; 
	margin: 0 auto 0 auto; 
	background-color:#FFFFFF;
	padding: 15px 25px 15px 15px;
	border-bottom: 10px solid #e2dfed;
	line-height:120%;
	font-size:110%; 
}
#popup li{
	margin-left: 18px;
	list-style-image: url(../images/bullets/bullets_purple_callout.gif);
	padding-top: 8px;
}
#popup table {
	font-size:100%;
}
#popup li b{
	font-size:105%; 
}
#popup img {
	margin:-15px 0 10px -15px;
}

/*-------------------------------------------------
  Callout
-------------------------------------------------*/
#col_left .callout {
	margin:0 31px 15px 31px;
	padding: 25px 25px 25px 25px; 
	font-size:110%;
	line-height: 150%;
	font:Arial, Helvetica, sans-serif;
	background-color: #eeecf3;
	border-top: 5px solid #e2dfed;
	border-bottom: 5px solid #e2dfed;
}
#col_left .callout li{
	margin-left: 18px;
	list-style-image: url(../images/bullets/bullets_purple_callout.gif);
}



/*-------------------------------------------------
  FOOTER
-------------------------------------------------*/
#footer {
	width: 919px;
	padding: 5px 0 0 0;
	margin: 0 auto 0 auto;
	line-height:160%;
	color: #5f699e;
}
#footer a {
	color: #5f699e;
}
#footer a.large {
	font-weight: bold;
	font-size: 110%;
}


/*-------------------------------------------------
  tabber
-------------------------------------------------*/
				/*--------------------------------------------------
				  ul.tabbernav = the tab navigation list
				  li.tabberactive = the active tab
				  --------------------------------------------------*/
				ul.tabbernav {
					margin:0;
					padding:0;
					list-style: none;
					display: inline;
				}
				ul.tabbernav li {
					margin:0;
					padding:0;
					list-style: none;
					display: inline;
					
				}
				ul.tabbernav li a {
					font: Verdana, Arial, Helvetica, sans-serif;
					border-left: none; 
					height: 11px;
					padding: 10px 15px 10px 15px;
					color: #FFF;
					font-size: 95%;
					font-weight: bold;
					background-color: #FFF;
					text-decoration: none;
				}
					
				ul.tabbernav  li a, ul.tabbernav  li.tabberactive a {background-color:#B5B5B5;}
				ul.tabbernav  li.tabberactive_yellow a {background-color: #F4A836;}
				ul.tabbernav  li.tabberactive_purple a {background-color: #CB96CA;}
				ul.tabbernav  li.tabberactive_green a {background-color: #A3B764;}
				ul.tabbernav  li.tabberactive_pink a {background-color: #F78389;}
				ul.tabbernav  li.tabberactive_blue a {background-color: #91C2DD;}
				ul.tabbernav  li.tabberactive_dkblue a {background-color: #7F7EB0;}
				ul.tabbernav  li.tabberactive_dkpurple a {background-color: #45369B;}
				
				ul.tabbernav  li a, ul.tabbernav  li.tabberactive a {background-color:#999999;}
				ul.tabbernav  li.tabberactive_yellow a:hover {background-color: #db9832;}
				ul.tabbernav  li.tabberactive_purple a:hover {background-color: #ab7fa9;}
				ul.tabbernav  li.tabberactive_green a:hover {background-color: #869654;}
				ul.tabbernav  li.tabberactive_pink a:hover {background-color: #da7478;}
				ul.tabbernav  li.tabberactive_blue a:hover {background-color: #7ea7bf;}
				ul.tabbernav  li.tabberactive_dkblue a:hover {background-color: #626288;}
				ul.tabbernav  li.tabberactive_dkpurple a:hover {background-color: #372c7b;}
				
				/*--------------------------------------------------
				  .tabbertab = the tab content
				  Add style only after the tabber interface is set up (.tabberlive)
				  --------------------------------------------------*/
				#col_left .tabs div {
					margin: 9px 0 15px 0;
					_margin: 10px 0 0 0;
					padding: 15px 25px 25px 25px; 
					background-color: #f9f9f9;
					border-top: 5px solid #f4f4f4;
					line-height: 150%;
				}
				#col_left .tabs div li {
					margin-left: 18px;
				}
				#col_left .tabs div h3 {
					padding-bottom:5px;
				}
				
				.tabstyle_yellow h3 {color: #db9832;}
				.tabstyle_purple h3 {color: #ab7fa9;}
				.tabstyle_green h3 {color: #869654;}
				.tabstyle_pink h3 {color: #da7478;}
				.tabstyle_blue h3 {color: #7ea7bf;}
				.tabstyle_dkblue h3 {color: #626288;}
				.tabstyle_dkpurple h3 {color: #372c7b;}

				
			    .tabstyle_yellow li{list-style-image: url(../images/bullets/bullets_yellow.gif);}
				.tabstyle_purple li{list-style-image: url(../images/bullets/bullets_purple.gif);}
				.tabstyle_green li{list-style-image: url(../images/bullets/bullets_green.gif);}
				.tabstyle_pink li{list-style-image: url(../images/bullets/bullets_pink.gif);}
				.tabstyle_blue li{list-style-image: url(../images/bullets/bullets_blue.gif);}
				.tabstyle_dkblue li{list-style-image: url(../images/bullets/bullets_dkblue.gif);}
				.tabstyle_dkpurple li{list-style-image: url(../images/bullets/bullets_dkpurple.gif);}