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

/* 1em = 10px */
body {
font-size: 62.5%;
font-family:Arial,Trebuchet MS,  Sans-Serif;
background-color:#28407e;
text-align:center;
}

a:link{ 
background-color: transparent;
color:#024269;
text-decoration:none;
}

a:visited{ 
background-color: transparent;
text-decoration:none;
color:#024269;
}

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


p { 
font-size: 1.2em; 
line-height:1.4em;
margin-top:8px;
margin-bottom:8px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Arial, Helvetica, sans-serif;
}
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em ; }
h4 { font-size: 1.0em; }
h5 { font-size: 0.9em; }
h6 { font-size: 0.8em; }

/* Common Classes */
.clear { clear: both; }
.floatLeft { float: left; }
.floatRight { float: right; }
.textLeft { text-align: left; }
.textRight { text-align: right; }
.textCenter { text-align: center; }
.textJustify { text-align: justify; }
.blockCenter { display: block; margin-left: auto; margin-right: auto; } /* remember to set width */
.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.noindent { margin-left: 0; padding-left: 0; }
.nomargin { margin: 0; }
.nopadding { padding: 0; }
.nobullet { list-style: none; list-style-image: none; }
.redtxt{color:#941515;}
.floatLeftPad{float:left; margin-right:10px; margin-bottom:10px;margin-top:10px;}
/* container */
#container{
	position: relative;
	margin-top: 0;
	margin-left: auto;
	margin-bottom: 0;
	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:url(images/columnbg.gif) repeat-y;
	width: 763px;
	height:100%;
}

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

/* header */
#header{
	width:752px;
	height:90px;
	background:url(images/fnbheader.jpg) no-repeat;

}

#vnav{
	padding-left:300px;
	padding-top:60px;
}
#vnav a{padding-left:10px;}

#inetbanking{
height:165px;
width:169px;
background:url(images/inetbankinglogin3.gif) no-repeat;
}
#inetbankinghead{color:#fff;padding-left:10px;padding-top:3px;}

#inetbankingcontent{padding-left:10px;margin-top:12px; height:100px; font-size:1em;}
.loginbtn:hover{background-color:#fff;}
.loginbtn{background-color: #E2E2E2; border: 1px solid #28407e; font-family: arial; font-size: 11px;}
#inetbankingcontent form{font-size:1.1em;padding-left:5px;}
#inetbankingcontent a, #addresources a {font-size:1.2em;}
#inetbankingcontent a, #inetbankingcontent a:visited{
  text-align:left; 
  text-decoration:none; 
  color:#000; 
  display:block; 
  width:139px; 
  height:18px; 
  border-bottom:1px dotted #878d59; 
  margin-top:8px;
  padding-left:10px;
}
#inetbankingcontent a:hover{color:#941515;}
#addresources{
margin-top:15px;
	width:169px;
	background-color:#f4e08d;
	border:1px solid #dea303;
	padding-bottom:5px;
	margin-bottom:10px;
}
#addhead{background:url(images/addreshead.gif) repeat-x; height:24px;border-bottom:1px solid #dea303;}
#addhead h2{padding-left:10px;padding-top:3px;font-size:1.4em;color:#7d0018;}
#addresources a, #addresources a:visited{
  text-align:left; 
  text-decoration:none; 
  color:#7d0018; 
  display:block; 
  width:139px; 
  padding-left:10px;
  padding-top:3px;
}
#addresources a:hover{color:#000;}
#hmenu{margin-top:15px;}
#hmenu a{font-size:1.2em;}
#hmenu a, #hmenu a:visited{
  text-align:left; 
  text-decoration:none; 
  color:#024269; 
  display:block; 
  width:147px; 
  height:20px; 
  border-bottom:1px dotted #024269; 
  background:url(images/smallstar.gif) no-repeat 2px 6px;
  padding-top:4px;
  margin-left:2px;
  padding-left:20px;
}

#hmenu a:hover{
    height:20px; 
    background:url(images/smallstar2.gif) no-repeat #941515 2px 6px;
	border-bottom:1px dotted #FFFFFF;
	color:#fff;
}



/* content */
#pagebody{
	margin-left:15px;
	margin-right:15px;
}

#leftcol{
	width:170px;
	padding-top:20px;
	float:left;
}

.liststuff , .liststuff2{margin: 10px 10px 10px 30px;}
.liststuff li{font-size:1.2em; margin-top:7px; margin-bottom:7px;}
.liststuff2 li{font-size:1em; margin-top:7px; margin-bottom:7px;}
.liststuff3 {margin:5px 5px 5px 15px; list-style-type:none;}
.liststuff3 li{font-size:1em; margin-top:3px; margin-bottom:3px;}


#rightcol{
padding-top:10px;
padding-bottom:20px;
	margin-left:190px;
	width:500px;
	padding-left:20px;
	border-left:1px dotted #024269;
	height:auto;
}
#starheaderoutter{
	height:41px;
	background:url(images/headstar.gif) no-repeat ;
	padding-top:25px;
	padding-left:0px;
	width:500px;
}
#starheader{border-bottom:1px dotted #024269;width:100%; font-size:2.2em; color:#28407e; }
#mainad{margin-bottom:10px;}
.bluedothead{ font-size:1.8em; color:#28407e;border-bottom:1px dotted #024269;width:100%;margin-top:10px; margin-bottom:10px;}
#inetcol{padding-top:10px; font-weight:bold; font-size:1.2em;height:28px; width:510px; background:url(images/inetbankingbox.gif) no-repeat;margin-top:10px; margin-bottom:10px; text-align:center;}
#inetcol a{padding-left:5px;padding-right:5px; }
#tblbankingservices h3, .lochead, .question{ font-size:1.4em; color:#941515;}
#tblbankingservices td{width:250px; vertical-align:top;}
#tblbankingservices ul, .linklist{list-style-type:none;margin:5px;}
#tblbankingservices ul li, .linklist li{font-size:1.2em; margin-top:3px; margin-bottom:3px;}
.backtotop{margin-bottom:20px;border-bottom:1px dotted #024269;}

#firstadv{background:url(images/first-adv.gif) no-repeat;width:510px; height:38px; text-align:center; padding-top:3px;}
#firstadv h3{color:#fff;}
#firstadv a{color:#F4E08D;}

.linklist{margin-top:15px; margin-bottom:15px;}
.tbllocation {border-collapse: collapse; border:1px solid #1e568f; margin:10px; }
.tbllocation td{ font-size:1.2em; width:70px; padding:4px;}
.tdlochead{background:#000 url(images/shinyblue.gif) repeat-x ; color:#fff; font-weight:bold; border-bottom:1px solid #1e568f;}
.tdlocbody{ background:url(images/lightgrad.gif) repeat-x #f1f5f6;}

#tblotherfees td{font-size:1.2em; vertical-align:top; border-bottom:1px solid #959ec6; padding-top:3px; padding-bottom:3px;}
.tblcontact{margin-top:10px; margin-bottom:10px;}
.tblcontact td{font-size:1.2em; vertical-align:top; padding-top:3px; padding-bottom:3px;}
.firsttd{width:280px;}

/* footer */
#footline{margin-top:10px;width:752px; height:12px; background:url(images/footerline.gif) repeat-x;clear:both;}
#footer{
	text-align:center;
	margin-top:10px;
	height:100%;
	clear:both;
	padding-bottom:10px;
}
#footer p{font-size:.9em;}
#footlinks{
	margin-left:150px;
	margin-right:150px;
	margin-top:10px;
	margin-bottom:15px;
}
#footlinks a, #footlinks a:visited{
	color:#2475e4;
}

/* FORMS */
fieldset
{
    width:400px;
    border:1px solid #1e568f;
    background:url(images/calcgrad.gif) #FFFFFF repeat-x;
	padding:10px;
	margin-bottom:5px;

}

.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: 150px;
font-weight: bold;
font-size:1.2em;
}
.butty{margin-left:160px;}
fieldset h3{margin-bottom:5px; font-size:1.4em; color:Red;margin-left:10px;border-bottom:1px dotted #000;}
legend
{
    margin-left:10px;
    font-size:1.7em;
	color:#fff;
	font-weight:bolder;
	border:1px solid #000099;
	background-color:#000099;
	padding:3px;

}