/* CSS Document */
/* Style Sheet created by Johnny Authement - Complete Network Management*/
* {
padding: 0;
margin:  0;
}

/* 1em = 10px */

body {
font-size: 62.5%;
font-family:Arial,Trebuchet MS,  Sans-Serif;
background:url(images/headbg.gif) repeat-x #fff;
text-align:center;
}

a:link{ 
background-color: transparent;
color:#362884;
text-decoration:underline;
}

a:visited{ 
background-color: transparent;
text-decoration:underline;
color: #362884;
}

a:hover, a:active{ 
background-color: transparent;
text-decoration:underline;
color:#fe0000;
}


p { 
font-size: 1.2em; 
}

h1{}
h2{}
h3{}
h4{}
.bolder{font-weight:bold;}
.ital{font-style:italic;}
.undl{text-decoration:underline}
.green{color:#009900;}
.red{color:#e10a00;}
/* container */
#container{
	position: relative;
	margin-top: 0;
	margin-left:auto;
	margin-right:auto;
	padding: 0px; /* messy method of overcoming a rendering bug in mozilla 1.4, maybe others */
	padding-right:0;
	padding-left:0;
	padding-bottom:0px;
	color:; 
	background-color:;
	width: 800px;
	height:100%;
	border-left:1px solid #c0e4ff;
	border-right:1px solid #c0e4ff;
}

#innerbox{
	margin: 0px;
	padding: 0px;
	visibility:visible;
	text-align:left;
	height:auto;
	z-index:0;
	width:100%;
}

/* header */
#header{
	height:100px;
	background:url(images/headbg.gif) repeat-x #fff;
}
#toptab{float:right;font-size:1.2em; background:url(images/toptabbg.gif) repeat-x; text-align:center; height:31px; width:512px; margin-top:69px; padding-top:8px;margin-right:10px;}
.toptabimg{margin-top:-8px;}
#toptab a{color:#083643;display:inline;margin-left:3px; margin-right:3px; text-decoration:none;}
#toptab a:visited{text-decoration:none;}
#toptab a:hover{text-decoration:none; color:#fff;}

#menu {height:31px; background:url(images/menubg.gif) repeat-x; padding-top:10px;border-bottom:1px solid #fff; text-align:center}
#menu a{display:inline; width:100px; font-size:1.8em; font-weight:bold; color:#fff;margin-left:25px; margin-right:25px;text-decoration:none;}
#menu a:visited{text-decoration:none;}
#menu a:hover{color:#362884;text-decoration:none;}

#onlinebanking{background:url(images/onlinebankingbg.gif) repeat-x #8eb0f0;padding-top:10px;padding-bottom:5px;}
#onlinebanking h2{margin-left:20px; font-size:1.6em; color:#fff; margin-bottom:5px;}
label{font-size:1.2em;margin-bottom:3px;display:block;}
#login{width:170px;margin:0px 10px 0px 10px; background:url(images/menubgfull.gif) no-repeat;height:146px;padding-right:20px; padding-left:10px;padding-top:5px; padding-bottom:0px;}

.bonjour{font-weight:bold;}
.buttonlink img{border:none;}
.buttonlink{display:inline;}
#forgot{margin-top:-26px;margin-left:60px;}


.submitButton{background:url(images/buttonbg2.gif) repeat-x;color:#fff; border:0; width:59px; height:26px;}
#tryitnow{height:24px; background:url(images/tryitbg.gif) repeat-x;padding-left:25px;padding-top:10px;}
#tryitnow a{font-size:1.4em; font-weight:bolder;color:#fff;}
/* content */
#pagebody{
background:#548cc3;
}
#pagebody2{background:#ffffff;}

#leftcol{
	width:200px;
	float:left;
	background:#548cc3;

}

.subindexleft a{color:#000;display:block; padding-bottom:5px; font-size:1.2em;text-decoration:none;}
.subindexleft a:hover{color:#fe0000;}
.subindexleft a:visited{text-decoration:none;}

#fullnav{width:160px; background:url(images/spotlightbg.gif) repeat-y;margin-top:-5px; margin-bottom:-5px; padding:5px 10px 0px 10px;}
#fullnav h2{font-size:1.4em; color:#342783;margin-bottom:5px; border-bottom:1px dotted #26478b; border-top:1px dotted #26478b;}
#fullnav h3{font-size:1.2em; color:#e07d17;}

#leftbot{background:#548cc3; padding:10px 10px 0px 10px; }

#usefullinks{width:160px; background:url(images/usefulbg.gif) repeat-y;margin-top:-5px; margin-bottom:-5px;}
#usefullinks a{color:#000;display:block; padding-bottom:5px; font-size:1.2em; text-decoration:none;}
#usefullinks a:hover, #spotlight a:hover{color:#fe0000;}
#usefullinks h2{color:#7d0018; font-size:1.4em;margin-bottom:5px;}

#spotlight{width:160px; background:url(images/spotlightbg.gif) repeat-y;margin-top:-5px; margin-bottom:-5px;}
#spotlight a{text-decoration:none;color:#000;display:block;padding-bottom:5px; border-bottom:1px dotted #26478b; padding-top:5px; font-size:1.2em;}

#spotlight h2{color:#252525; padding-bottom:5px; font-size:1.4em; border-bottom:1px dotted #26478b;} 

#spotlight,#usefullinks {padding-right:10px; padding-left:10px;}

#rightcol{
	margin-left:200px;
	width:;
	padding-left:;
	background:#fff;
	padding-bottom:60px;
	height:auto;
}

#righttop{background:url(images/righttopbg.gif) repeat; border-bottom:1px solid #fff; height:210px;}
.bigimg{float:left;}
#rightnav { margin-left:395px;padding-top:40px;line-height:1.8em;}

#rightnav a{display:block; color:#fff; font-weight:bold; font-size:1.1em;padding-left:15px;background:url(images/redstar.gif) no-repeat left 2px;text-decoration:none;}
#rightnav a:visited{text-decoration:none;}
#rightnav a:hover{background:url(images/whitestar.gif) no-repeat left 2px; color:#ede682;text-decoration:none;}

#rightcontent{background:url(images/contentbg.gif) repeat-x #fff; border-top:4px solid #362884;height:228px;}

#rightcontentsub{background:url(images/contentbg.gif) repeat-x #fff; border-top:4px solid #362884;padding:20px;}
#rightcontentsub p {padding-top:5px; padding-bottom:5px; line-height:1.4em;}
#rightcontentsub h1{font-size:2.2em; color:#e10a00;border-bottom:1px dotted #26478b; margin-bottom:10px; }
#rightcontentsub h2{font-size:1.4em; color:#e10a00; margin-top:5px; margin-bottom:5px;}
#rightcontentsub table{font-size:1.2em;margin-left:auto;margin-right:auto;}



#tblfaq td{padding:3px;text-align:center;border-bottom:1px solid #000;}
.tblhead {background-color:#CCCCCC; font-weight:bold;}
.tblbody {background-color:#FFFFCC;}
.tblbody1 {background-color:#FFFFFF;}
#tblfaq,#tblcontact, .tblrate, .tblholiday, .tblcharges{border:1px solid #000;}
.tblholiday{width:75%;}
#tblcontact td, .tblrate td, .tblholiday td, .tblcharges td{align:top; vertical-align:top; padding:5px;border-bottom:1px solid #000;}

.important {border:1px solid #000; background-color:#FFFFCC; padding:10px;margin-top:10px; font-weight:bold;}


.reglist{margin-left:30px;font-size:1.2em;margin-top:10px; margin-bottom:10px;}
.reglist ul, .reglist ul li ol{margin-left:30px;margin-top:5px; margin-bottom:5px;}
.reglist li {margin-top:3px; margin-bottom:3px;}


#personalbanking, #businessbanking, #applynow{width:162px; height:202px;}


.mapthumb{float:right; margin-right:270px;margin-top:10px;}

.orangebox{background:url(images/orangebox.gif) no-repeat;float:left; padding-left:15px;padding-top:8px;margin:10px;}
.orangebox a{display:block; font-size:1.2em; padding-bottom:2px; text-decoration:none;}
.orangebox a:visited{text-decoration:none;}
.orangebox a:hover{color:#fe0000;}

.orangebox h2{color:#943320;font-size:1.4em; margin-bottom:6px;}
.orangebox h3{font-size:1.2em;color:#b50408;margin-bottom:3px;}

#rightfeatured{background:#d7e5ff; border-top:1px dotted #26468a;border-bottom:1px dotted #26468a;}
.featuredimg{float:left; margin-top:auto; margin-bottom:auto; margin-right:10px;}
.featureditem{margin:10px 10px 10px 10px; padding-top:10px; padding-bottom:10px;}
.featureditem h3{color:#e07d17; font-size:1.4em; margin-bottom:5px;}
.featureditem p{color:#083643;margin-left:142px;}
/* footer */
#footer{
border-top:1px solid #97bbff;
	text-align:left;
	padding-top:15px;
	padding-left:10px;
	height:100px;
	background:url(images/footerbg.gif) repeat-x;
	clear:both;
	
}
#footer p {font-size:1em;}
.fdic {float:right;margin-right:10px;}
.newstbl img {margin-right:10px;}

/* FORMS */
fieldset
{
    width:auto;
    border:1px solid #cad0c8;
	padding:10px;

}
.fldsubmit{border:none;}
.fldform{ padding:20px; padding-top:10px;}

br.formstyle{
clear: left;
}
.shortbox{
width: 250px;
margin-bottom: 3px;
}
.longbox{ width:350px; margin-bottom:3px;}
.qtybox {width:25px; margin-bottom:4px;}
.mline{
width: 350px;
height: 50px;}
textarea{
width: 350px;
height: 150px;
}
label
{
margin-left:10px;
float: left;
width: 90px;
font-weight: bold;
font-size:1.2em;
}
legend{
    margin-left:10px;
    font-size:1.7em;
	color:#548cc3;
	font-weight:bolder;
}