body {
margin:0px;
padding:0px;
background-color : #ffffff;
color : #000000;
min-width :835px;
text-align : center;
margin-top : 1px;
vertical-align : middle;
}

/* This is for the tab menu*/
#topbox {
width:750px;

margin:-28px auto 0 auto;
}

#tab {
margin :0;
color : #ffffff;
width:750px;
text-align: center;
border-top: solid 0px #000000;
font-family: Arial;
line-height:normal;
    }

	#tab ul {
	color : #ffffff;
  	margin:0;
    padding:0;
    list-style:none;
    font-family: Arial;
	text-decoration: none;

	}
    #tab li {
	color : #ffffff;
      float:left;
      background:url("images/tabright.jpg") no-repeat right top;
      margin:auto;
      padding:0;
      font-family: Arial;
	  text-decoration: none;
	
	  }
    #tab a {
      color : #ffffff;
	  display:block;
      background:url("images/tableft.jpg") no-repeat left top;
      padding:5px 15px;
      font-family: Arial;
	  text-decoration: none;
	 

	  }
	 #tab a:hover{color:#999;} 
	  
#tab #current {
    background-image:url("images/wtabright.jpg");
	color : #000000;

 }
#tab #current a {
    background-image:url("images/wtableft.jpg");
    color : #000000;

	}
	  

/* This is for the header with */
#header {
height: 72px;
background-image: url("images/greytopbox.jpg");
background-repeat: repeat-x;
width: auto;
		min-width: 835px;
		text-align: center;
margin :auto;

}

#imgfloat {
float: left; 
}

#header2 {
background-image: url("images/logo.jpg");
				background-repeat: no-repeat;
				color:#ffffff;
height: 110px;
width:263px;
color: #ffffff;
text-align: center;
margin :auto;
float: left;
}
#header2ind {
background-image: url("images/logoind.jpg");
				background-repeat: no-repeat;
								color:#ffffff;
height: 220px;
width:263px;
color: #ffffff;
text-align: left;
margin :auto;
float: left;
}

#header2ppi {
background-image: url("images/logoppi.jpg");
				background-repeat: no-repeat;
				color:#ffffff;
height: 110px;
width:263px;
color: #ffffff;
text-align: center;
margin :auto;
float: left;
}

#header2mor {
background-image: url("images/logomor.jpg");
				background-repeat: no-repeat;
				color:#ffffff;
height: 110px;
width:263px;
color: #ffffff;
text-align: center;
margin :auto;
float: left;
}

#header2charge {
background-image: url("images/logocharge.jpg");
				background-repeat: no-repeat;
				color:#ffffff;
				Background-color:#ffffff;
				background-position:left middle;
height: 110px;
width:263px;
color: #ffffff;
text-align: center;
margin :auto;
float: left;
}

#header2chargeind {
background-image: url("images/logoindcharge.jpg");
				background-repeat: no-repeat;
				color:#ffffff;
				Background-color:#ffffff;
				background-position:center left;
height: 220px;
width:263px;
color: #ffffff;
text-align: center;
margin :auto;
float: left;
}

#header2cc {
background-image: url("images/logocc.jpg");
				background-repeat: no-repeat;
				color:#ffffff;
height: 110px;
width:263px;
color: #ffffff;
text-align: center;
margin :auto;
float: left;
}
#header2ccind {
background-image: url("images/logocc.jpg");
				background-repeat: no-repeat;
				color:#ffffff;
				Background-color:#ffffff;
				background-position:center left;
height: 220px;
width:263px;
color: #ffffff;
text-align: center;
margin :auto;
float: left;
}

#header2con {
background-image: url("images/logocon.jpg");
				background-repeat: no-repeat;
color:#ffffff;
height: 110px;
width:263px;
color: #ffffff;
text-align: center;
margin :auto;
float: left;
}



#header2ac {
background-image: url("images/logoac.jpg");
				background-repeat: no-repeat;
				color:#ffffff;
height: 110px;
width:263px;
color: #ffffff;
text-align: center;
margin :auto;
float: left;
}

#header3 {
background-image: url("images/city.jpg");
				background-repeat: no-repeat; 
height: 110px;
width:569px;
color: #ffffff;
text-align: center;
margin :0px;
padding: 0px;
float :left;
border-left: 1px solid #ffffff;
border-top: 2px solid #ffffff;
} 

#header3ppi {
background-image: url("images/cityll.jpg");
				background-repeat: no-repeat; 
height: 110px;
width:569px;
color: #ffffff;
text-align: center;
margin :0px;
padding: 0px;
float :left;
border-left: 1px solid #ffffff;
border-top: 2px solid #ffffff;
}

#header3ind {

height: 220px;
width:569px;
text-align: left;
margin :auto;
color: #ffffff;
padding: 0px;
float :left;
border-left: 1px solid #ffffff;
border-top: 2px solid #ffffff;
} 
 
#header3mor {
background-image: url("images/banmor.jpg");
				background-repeat: no-repeat; 
height: 110px;
width:569px;
color: #ffffff;
text-align: center;
margin :0px;
padding: 0px;
float :left;
border-left: 1px solid #ffffff;
border-top: 2px solid #ffffff;
} 
#header3ac {
background-image: url("images/banac.jpg");
				background-repeat: no-repeat; 
height: 110px;
width:569px;
color: #ffffff;
text-align: center;
margin :0px;
padding: 0px;
float :left;
border-left: 1px solid #ffffff;
border-top: 2px solid #ffffff;
} 

#header3cc {
background-image: url("images/bancc.jpg");
				background-repeat: no-repeat; 
height: 110px;
width:569px;
color: #ffffff;
text-align: center;
margin :0px;
padding: 0px;
float :left;
border-left: 1px solid #ffffff;
border-top: 2px solid #ffffff;
} 

#header3con {
background-image: url("images/bancon.jpg");
				background-repeat: no-repeat; 
height: 110px;
width:569px;
color: #ffffff;
text-align: center;
margin :0px;
padding: 0px;
float :left;
border-left: 1px solid #ffffff;
border-top: 2px solid #ffffff;
} 




#header4 {
background-image: url("images/brownbar.jpg");
				background-repeat: no-repeat; 
				height: 28px;
width:263px;
color: #ffffff;
text-align: center;
margin :auto;
float :left;
border-top: 2px solid #ffffff;
border-right: 1px solid #ffffff;
} 


#header5 {
background-image: url("images/redbar.gif");
				background-repeat: no-repeat; 
				height: 28px;
				text size:0.2em;
width:569px;
color: #ffffff;
text-align: right;
margin :0px;
padding-bottom: 0px;
border-top: 2px solid #ffffff;
float :left;
font-family: verdana, arial, tahoma, sans-serif;
} 


#content {
width : 835px;
margin:0 auto;
text-align : center;
font-weight: normal;
background: url("images/nav2bg.jpg") left repeat-y;
} 

#header5 H1{
text-decoration:none;
font-weight:normal;
font-family: Century Gothic, Avant Garde, Futura, Helvetica, sans-serif;
font-size: 1.2em;
text-align:center; 
color:#ffffff; 
} 

#contentac {
width : 835px;
height: auto;
background-color : #ffffff;
text-align : center;
font-family: verdana, arial, tahoma, sans-serif;
font-weight: normal;
} 

#contentrow1 {
width:263px;
height: auto;
text-align: center;
font-family: Avant Garde, Futura, Helvetica, sans-serif;
margin :auto;
float :left;
border-right: 1px solid #ffffff;
				text-decoration: none;
								}
								
#textrow1 {
width: 220px;
font-size:0.7em;
text-align:justify;
color:#666666;								
} 

#textrow1 H3 {
width: 220px;
text-align:justify;
color:#666666;								
} 
								 
#contentrow1 H3 {
position:relative;
left:20px;
text-decoration:none;
font-weight:normal;
font-family: Century Gothic, Avant Garde, Futura, Helvetica, sans-serif;
text-align:left;
} 

#row1break {
width:263px;
margin :0px;
padding: 0px;
background-color: #ffffff;
background-image: url("images/nav2break.jpg");
				background-repeat: no repeat; 
} 

#row2image{

background-image: url("images/pigbask.jpg");
				background-repeat: no-repeat;
				height: 115px;
width:135px;
margin :auto;
float:right;

}

#row2break {
width:500px;
margin :0px;
padding: 0px;
background-color: #ffffff;
background-image: url("images/row2break.gif");
				background-repeat: no repeat; 
} 

#contentrow2 {
width:569px;
text-align: center;
margin :0px;
padding: 0px;
border: 0px;
float :left;
background-image: url("images/shadow.gif");
				background-repeat: no-repeat;
				background-position: right top;
				text-decoration: none;
			
								} 
#contentrow2text {

top:26px;

width:500px; 
height: auto;
font-size: 0.7em; 
text-align: justify;
text-decoration: none;
font-family: Century Gothic, Avant Garde, Futura, Helvetica, sans-serif;
color:#666666;
}

#contentrow2textnews {
position: relative; 
top:26px;
left:10px; 
width:500px; 
height: auto;
font-size: 0.7em; 
text-align: justify;
text-decoration: none;
font-family: Avant Garde, Futura, Helvetica, sans-serif;
color:#666666;
}

#contentrow2textnews H2 {
text-decoration:none;
font-weight:normal;
font-family: Century Gothic, Avant Garde, Futura, Helvetica, sans-serif;
font-size: 1.5em; 
}




 


#contentrow2texth1  {
width:500px; 
height: auto;
}

#contentrow2texth2 h2{
width:500px; 
height: auto;

}

#contentrow2text H1 {
text-decoration:none;
font-weight:normal;
font-family: Century Gothic, Avant Garde, Futura, Helvetica, sans-serif;
font-size: 2.4em; 
color:#000000; 
}

#contentrow2text H2 {
text-decoration:none;
font-weight:normal;
font-family: Century Gothic, Avant Garde, Futura, Helvetica, sans-serif;
font-size: 1.2m; 
color:#000000; 
}
#contentrow2text H3 {
text-decoration:none;
font-weight:normal;
font-family: Century Gothic, Avant Garde, Futura, Helvetica, sans-serif;
}
/* This is for the footer*/
#footer {
clear:both;
margin: 0px;
 	padding: 0px;
width : auto;
height : 75px;
margin :auto;
background-color: #000000;
}

	
/* This is for the main menue*/ 
#navcontainer
{
min-width : 800px;
margin :auto;
background-color: #000000;
border-top: solid 0px #000000;
border-bottom: solid 1px #FFFFFF;

}

.floatleft { float: left; }

div#navcontainer ul
{
font-family: Arial;
font-weight: normal;
color: white;
text-align: center;
margin: 0;
padding-bottom: 5px;
padding-top: 5px;
width: 100%;
}

div#navcontainer ul li
{
display: inline;
margin-left: -4px;
}

div#navcontainer ul li a
{
padding: 5px 10px 5px 10px;
color: white;
text-decoration: none;
border-right: 1px solid #ffffff;
}

div#navcontainer ul li a:hover
{
background-color: #000000;
color: white;
}



#active a { border-left: 1px solid #FFFFFF }


#navcontainerrow1 { 
list-style: none; 
width: 220px; 
font-family: Avant Garde, Futura, Helvetica, sans-serif;
color: #666666;
text-align: right;
text-decoration: none;
font-size: 1em;
padding: 10px;
}

div#navcontainerrow1 ul
{
padding:0;
margin:0;
list-style:none;
}
#nvacontainerrow1 li{
margin:0;
padding:0;
list-style:none;
}
#navcontainerrow1 #active a{background:#ccc;}

div#navcontainerrow1 a
{
text-decoration: none;
text-align: right;
width:100%;
margin:0 10px 0 0;
padding:0 10px 0 0;
display:block;
color: #000000;
background:url("images/3x1.gif") bottom repeat-x;
font-size:14px;
line-height:20px;
}

div#navcontainerrow1 a:hover
{
background-color: #cccccc;
text-align: right;
text-decoration: none;
}



/* This is for the bank charges new menu*/ 


div#navcontainerbank ul
{
list-style-type: none;
width: 263px;
font-family: Arial;
font-weight: normal;
color: #cccccc;
text-align: center;
margin: 0;
padding-bottom: 5px;
padding-top: 5px;
}

div#navcontainerbank ul li
{
display: inline;
margin-left: -4px;
}

div#navcontainerbank ul li a
{
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #00014e;
display: block;
width: 263px;
padding: 5px;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px solid #B5B5B5;
}

div#navcontainerbank li a:active { 
color: #00014e;
}

div#navcontainerbank ul li a:hover
{
color: black;
background-color: #000000;
color: #ffffff;
}

#activebank a { border-left: 1px solid #000000 }

#homebox1 {
width : 800px;

margin :auto;
text-align : center;
}

#homebox1b {
width : 800px;
;
margin :auto;
background-position: bottom left;
text-align : center;
}


#homebox2 {
width : 266px;

margin :auto;
float: left;
}

#homebox3 {
width : 266px;

margin :auto;
float: left;
}

#homebox4 {
width : 266px;

margin :auto;
float: left;
}

#homebox5 {
width : 400px;

margin :auto;
float: left;
}

#homebox6 {
width : 400px;

margin :auto;
float: left;
}


#hometext {
font-size: 1.2em;
} 

#text50 {
font-size: 0.5em;
} 

 
#hometext1 { 
position: relative; 
top:120px; 
left:1px; 
width:700px; 

font-size: 1.2em;
}

#homeimgbank{ 
position: relative; 
TOP:10px; 
LEFT:15px; 
WIDTH:232px; 

}

#hometextbank{ 
position: relative; 
top:230px; 
left:15px; 
width:232px; 
height:25px;
text-align : center;
}

#homeimgppi{ 
position: relative; 
TOP:10px; 
LEFT:15px; 
WIDTH:232px; 

float: left;
}

#hometextppi{ 
position: relative; 
top:230px; 
left:15px; 
width:232px; 
height:25px;
text-align : center;
}

#homeimgcredit{ 
position: relative; 
TOP:10px; 
LEFT:15px; 
WIDTH:232px; 

float: left;
}

#hometextcredit{ 
position: relative; 
top:230px; 
left:15px; 
width:232px; 
height:25px;
text-align : center;
}

#homeimgmortgage{ 
position: relative; 
TOP:30px; 
LEFT:120px; 
WIDTH:232px; 

float: left; 
}

#hometextmortgage{ 
position: relative; 
top:255px; 
left:120px; 
width:232px; 
height:25px;
text-align : center;
}

#homeimgaccident{ 
position: relative; 
TOP:30px; 
LEFT:50px; 
WIDTH:232px; 

float: left; 
}

#hometextaccident{ 
position: relative; 
top:255px; 
left:50px; 
width:232px; 
height:25px;
text-align : center;
}

#homeimgtitle { 
position: relative; 
top:10px; 
left:0px; 
width:750px; 
height:59px;
}

#faqtext1 { 
position: relative; 
top:15px; 
left:50px; 
width:700px; 
height:500px;
font-size: 1.2em;
text-align : justify;
}

#bankchargestext {
position: relative; 
top:15px; 
left:50px; 
width:453px; 
height:500px;
font-size: 1.2em;
text-align : justify;
float: left; 
}

#bankchargesimg1 { 
position: relative; 
top:10px; 
left:98px; 
width:247px; 
height:352px;
float: left; 
}


a:link {color: #666666; text-decoration: none; }
a:active {color: #666666; text-decoration: none; }
a:visited {color: #666666; text-decoration: none; }
a:hover {color: #000000; text-decoration: none; }

div#contentrow2textnews a:link {color: #000000; text-decoration: none; }
div#contentrow2textnews a:active {color: #000000; text-decoration: none; }
div#contentrow2textnews a:visited {color: #000000; text-decoration: none; }
div#contentrow2textnews a:hover {color: #000000; text-decoration: none; }


#contactc2r1 {
width:150px; 
float:left;
}

#contactc2r2 {
width:350px; 
float:left;
}

#wpside {

font-size:1.2em;
text-align:left;
}

/*Text inputs*/
.textinput, .textinputHovered {
background:url("images/input.gif") no-repeat left top;
	width:236px;
	height:15px;
		border:none;
	padding:4px 8px;
}
.textinputHovered {
background:url("images/input1.gif") no-repeat left top;

}


#formsrow2{
width: 400px;
text-align:left;
font-size: 0.7em; 
text-decoration: none;
font-family: Avant Garde, Futura, Helvetica, sans-serif;
}

#swfind{
position:absolute;
text-align:left;

}

/*Radio buttons*/
.radioAreaUnchecked, .radioAreaChecked {
	z-index:5;
	position:absolute;
	width:15px;
	height:15px;
	cursor:pointer;
}
.radioAreaUnchecked {
	background:url("images/radio.gif") no-repeat left top;
}
.radioAreaChecked {
	background:url("images/radio.gif") no-repeat left bottom;
}

/*Checkboxes*/
.checkboxAreaUnchecked, .checkboxAreaChecked {
	z-index:5;
	position:absolute;
	width:14px;
	height:14px;
	cursor:pointer;
}
.checkboxAreaUnchecked {
	background:url("images/checkbox.gif") no-repeat left top;
}
.checkboxAreaChecked {
	background:url("images/checkbox.gif") no-repeat left bottom;
}