/* CSS Document */
body {margin: 0 auto; width: 960px; text-align: left; background-image:url(../images/wood-tile.jpg); background-repeat: repeat; background-attachment: fixed;}

h1,h2,h4,h5,h6 {font-family: "Times New Roman", Times, serif; padding:1px; margin:0; align:left; color:#68624b;}
h1 {font-size: 24px;}
h2 {font-size: 20px;}
h3 {font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:20px; color:#666;}
h4 {font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:20px; color:#333; margin-left:10px;}

a {	font-family: Arial, Helvetica, sans-serif;	color: #48672C;}
a:visited {color: #999;}
a:hover {color: #728E66;}
a:active {color: #48672C;}

a.utnav {font-family: Arial, Helvetica, sans-serif;	color: #333333; cursor: pointer; text-decoration:underline;}
a.utnav:visited {color: #333;}
a.utnav:hover {color: #900;}
a.utnav:active {color: #333;}

a.footer {font-family: Arial, Helvetica, sans-serif; color: #333333;}
a.footer:visited {color: #333;}
a.footer:hover {color: #900;}
a.footer:active {color: #333;}

a.tabs {font-family: Arial, Helvetica, sans-serif; color: #8da993; text-decoration:none;}
a.tabs:visited {color: #8da993;}
a.tabs:hover {color: #728E66;}
a.tabs:active {color: #8da993;}

a.tabon {font-family: Arial, Helvetica, sans-serif;	color: #fff; text-decoration:none;}
a.tabon:visited {color: #fff;}
a.tabon:hover {color: #fff;}
a.tabon:active {color: #fff;}

/*font styles*/
.utilitynav{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#333; margin:5px;}
.body{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; line-height: 18px;}
.slightlySmaller{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; line-height: 15px;}
.footer{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666; line-height: normal;}
.right{font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:right;}
.center{font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center;}
.resourceHeader{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666; line-height:22px;}
.columnTitle{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-align:center; color:#000; line-height: 12px;}
.form{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; line-height: 12px;}
form input#UserID {float:left; margin: 0 5px 0 0;}
.warning{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#700000; line-height: 12px;}
.tabOn{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-align:center; color:#fff; background-color: #8da993; cursor: pointer;}
.tabOff{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-align:center; color:#8da993; cursor: pointer;}


/*for confusions sake, new divs for homepage*/
#homepagelogo{width: 312px; height: 161px; float:left; background-color: #E9E6E2;}
#homepagenav{width: 122px; height: 144px; float:left; padding-top:17px; background-image:url(../images/homepage-nav-bg.gif); background-color: #E9E6E2;}
#homepagenav img{padding:0px; margin:0px;}
#homepagesubnav{width: 153px; height: 161px;float:left; background-image: url(../images/homepage-subnav-bg.gif); background-color: #E9E6E2;}
#homepagePhoto{width: 371px; height: 161px; float:left; background:url(../images/homepage-photos.jpg) #E9E6E2 right;}


/*header divs & styles*/
#utilityNav{width: 958px; height: 23px; background-image:url(../images/utilitynav-bg.gif); float:left;}
#breadcrumbs{float:left;}
#utilityLinks{float:right;}
#logo{width: 271px; height: 181px; float:left; background-color: #E9E6E2;}
#navBracket{width: 39px; height: 181px;float:left; background-image:url(../images/nav-bracket.gif);}
#nav{width: 122px; height: 157px;float:left; padding-top:24px; background-image:url(../images/nav-bg.gif); background-color: #E9E6E2;}
#nav img{padding:0px; margin:0px;}
#subnav2{width: 135px; height: 181px;float:left; background-image: url(../images/subnav-bg.gif); background-color: #E9E6E2;}
#subnavPersonal{width: 135px; height: 181px; float:left;}
#subnavBiz{width: 135px; height: 181px;float:left; }
#subnavCalc{width: 135px; height: 181px;float:left; }
#subnavAbout{width: 135px; height: 181px;float:left; }
#trinav{width: 567px; height:10px; float:left; background-image:url(../images/trinav-bg.jpg); background-repeat:repeat-y;}
.subMenuItem{float:left;display:none;visibility:hidden;}
#footer{width: 958px; height: 60px; background-image:url(../images/footer-bg.jpg); clear:both; padding-top:10px; border-bottom:1px solid #700000;}

/*any page*/
#mainShell{background-image:url(../images/bg-tile.gif); background-repeat: repeat-y; width: 966px; height:100%; padding-left: 4px;}
#pageContent{width:540px; margin-left:20px; padding-top:30px; padding-bottom:10px; float:left;}
#insidePhoto{width: 391px; height: 437px; float:right; margin-right:8px; background-image:url(../images/nophotos.jpg)}
#rightColumn{float:right; width:360px; margin-right:20px; margin-bottom:20px;}
.reset {clear:both;}

/*homepage*/
#sidebar{float:left;  display:inline;}
#signin{float:left; background:#d0dfd3; width:250px; padding: 18px; display:inline;}
#whatsnew{float:left; width:250px; padding: 18px; background:url(../images/resource-gradient.jpg) repeat-x; display:inline;}
#homepageContent{float:right; width: 620px; margin: 18px 36px 0 0; display:inline;}
#featad{float:left; width: 620px; height:240px; margin-bottom: 18px; display:inline;}

/*calculators*/
#calcBG{width:435px; background-color:#d2e0d5; margin-left:20px;; margin-top:20px; margin-bottom:10px; padding:10px;}
#calcBGmort{width:485px; background-color:#d2e0d5; margin-left:10px; margin-top:20px; margin-bottom:10px; padding:10px;}
#savingsCalc{width:540px; margin-left:20px; padding-top:45px; padding-bottom:10px; float:left;}
#savingsCalcfields div{float:left; width:200px; padding-right:10px; margin-bottom:4px;}
#cashflowCalc{width:540px; margin-left:20px; padding-top:45px; padding-bottom:10px; float:left;}
#cashflowCalcfields div{float:left; width:120px; padding-right:5px; margin-bottom:6px;}
#resultsPane {width:540px; margin-left:20px; padding-top:30px; padding-bottom:10px; float:left;}

/*contact*/
#contactForm{width:500px; padding:10px; float:left; background-color:#d2e0d5;}
#contactFields div{float:left; width:180px; padding-right:10px; margin-bottom:4px;}
#contactBranches{float:right; width:350px; margin-right:10px; margin-bottom:20px;}
#contactWarning{float:left; margin-top:15px;}

/*locations*/
#bankLocation{float:left;}
#bankLocation div{float:left; width:180px; padding-right:10px; margin-bottom:4px;}
#bankDirectory{float:right; width:350px; padding-right:10px; margin-right:10px;}
#bankDirectory div{float:left; width:160px; padding-right:10px; margin-bottom:4px;}
#map{float:right; width:360px; border: #48672C solid 1px; }

/*officers*/
#officers{width:500px; margin-left:20px; padding-top:20px; padding-bottom:10px; float:left;}
#officers div{float:left; width:240px; padding-right:10px; margin-bottom:4px;}

/*personal banking*/
#accounts{width:930px; margin-left:20px; padding-bottom:10px; float:left;}
#accountTabs{width:900px;float:left;}
#accountTabs div{float:left; border:1px solid #8da993; padding:5px;}
#accountInfo{width:900px; float:left; border:1px solid #8da993; padding:5px;}

/*checking*/
#checkingInfo{float:left; width:490px;}
#checkingInfoRelationship{float:left; width:490px; visibility:visible;}
#checkingInfoNow{float:left; width:490px; visibility:hidden;display:none;}
#checkingInfoRoyal{float:left; width:490px; visibility:hidden;display:none;}
#checkingInfoManager{float:left; width:490px; visibility:hidden;display:none;}
#checkingInfoProgressive{float:left; width:490px; visibility:hidden;display:none;}
#checkingInfoMarket{float:left; width:490px; visibility:hidden;display:none;}
#checkingInfoCompare{float:left; width:520px; visibility:hidden;display:none;}
#rightInfo{float:right; width:350px;}
#openAccount{background-color: #d9d8d2; padding:5px;}
#ratesButton{float:left; width:165px; margin-top:10px;}
#accountLinks{float:left; margin-top:10px;}
/*savings*/
#savingsInfo{float:left; width:490px;}
#savingsInfoSavings{float:left; width:490px; visibility:visible;}
#savingsInfoCD{float:left; width:490px; visibility:hidden;display:none;}
#savingsInfoxmas{float:left; width:490px; visibility:hidden;display:none;}
#savingsInfoVacation{float:left; width:490px; visibility:hidden;display:none;}
#savingsInfosenior{float:left; width:490px; visibility:hidden;display:none;}

/*biz banking */
#creditGrid{float:left}
#creditGrid div {float:left; width:170px; padding-right:10px; margin-bottom:4px;}
/*biz*/
#bizInfo{float:left; width:490px;}
#bizInfocommercial{float:left; width:490px; visibility:visible;}
#bizInfoSmall{float:left; width:490px; visibility:hidden;display:none;}
#bizInfoSuper{float:left; width:490px; visibility:hidden;display:none;}
#bizInfoFees{float:left; width:490px; visibility:hidden;display:none;}
#bizInfoSavings{float:left; width:490px; visibility:hidden;display:none;}
#bizBottomContent{width:900px; margin-left:20px; padding-top:10px; padding-bottom:10px; float:left;}

/*board members*/
#boardMembers{width:520px; margin-left:20px; padding-top:45px; padding-bottom:10px; float:left;}
#boardMembers2{width:900px; margin-left:20px; padding-bottom:10px; float:left;}
#boardMembers div {float:left; text-align:center; width:220px;}
#boardMembers2 div {float:left; text-align:center; width:220px;}

/*signin*/
#loginBG{float:left; width:435px; background-color:#d2e0d5; margin-left:20px;; margin-top:20px; margin-bottom:10px; padding:10px; padding-top:1px;}
#loginBG div{float:left; width:150px; padding-right:10px; margin-bottom:4px;}