@charset "utf-8";
body{font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:10pt; background:url(images/head-bg.gif) scroll repeat-x top left; height:100%; text-align:justify;}
.shadow{-moz-box-shadow:0px 0px 5px #7f8080; -webkit-box-shadow:0px 0px 5px #7f8080; box-shadow:0px 0px 5px #7f8080; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=0, Color='#7f8080')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=0, Color='#7f8080');}
#container{width:750px; position:relative; margin: 0 auto;}

#head{width:100%; height:345px; float:left; clear:left; position:relative; /*margin-bottom:10px;*/}
#body{width:748px; float:left; clear:left; margin:/*20px*/-5px 0 30px 0; border:#3c1900 thin solid;}
#foot{width:100%; height:156px; float:left; clear:left; background: url(images/Best_Rural_Bank_Philippines_foot.png) no-repeat scroll top center;}

/*header section*/
#head div{position:absolute;}
#logo{width:137px; height:158px; background:url(images/Best_Rural_Bank_Philippines_logo.png) no-repeat scroll top left; top:13px; left:18px; z-index:1000;}
#gallery{width:750px;height:250px; bottom:5px; left:0px; background:url(images/Best_Rural_Bank_Philippines_banner.png) scroll no-repeat top left;}

#mainmenu{height:10px; top:75px; left:168px; position:relative;}
#mainmenu a{ position:absolute; height:10px; top:0px;}
#mainmenu a.home{left:5px; width:36px; background:url(images/m-home.png) no-repeat scroll top left;}
#mainmenu a:hover.home{background:url(images/m-home-hover.png) no-repeat scroll top left;}
#mainmenu a.deposits{left:50px; width:61px; background:url(images/m-deposits.png) no-repeat scroll top left;}
#mainmenu a:hover.deposits{background:url(images/m-deposits-hover.png) no-repeat scroll top left;}
#mainmenu a.loans{left:123px; width:41px; background:url(images/m-loans.png) no-repeat scroll top left;}
#mainmenu a:hover.loans{background:url(images/m-loans-hover.png) no-repeat scroll top left; position:absolute;}
#mainmenu a.branches{left:177px; width:78px; background:url(images/m-branches.png) no-repeat scroll top left;}
#mainmenu a:hover.branches{background:url(images/m-branches-hover.png) no-repeat scroll top left;}
#submenu{height:10px; top:65px; left:565px; position:relative;}
#submenu a{ position:absolute; height:10px; top:0px;}
#submenu a.about{width:38px; left:-45px; background:url(images/m-about.png) no-repeat scroll top left;}
#submenu a:hover.about{background:url(images/m-about-hover.png) no-repeat scroll top left;}
#submenu a.blog{width:43px; left:-1px; background:url(images/m-blogs.png) no-repeat scroll top left;}
#submenu a:hover.blog{background:url(images/m-blogs-hover.png) no-repeat scroll top left;}
#submenu a.jobs{width:28px; left:39px; top:2px; background:url(images/m-jobs.png) no-repeat scroll top left;}
#submenu a:hover.jobs{background:url(images/m-jobs-hover.png) no-repeat scroll top left;}
#submenu a.board{width:44px; left:72px; top:0px; background:url(images/m-board.png) no-repeat scroll top left;}
#submenu a:hover.board{background:url(images/m-board-hover.png) no-repeat scroll top left;}
#submenu a.fbook{width:30px; left:120px; top:-10px; background:url(images/m-fb.png) no-repeat scroll top left; height:30px;}
#submenu a:hover.fbook{background:url(images/m-fb-hover.png) no-repeat scroll top left;}

#submenu a.gplus{width:30px; left:156px; top:-10px; background:url(images/m-gplus.png) no-repeat scroll top left; height:30px;}
#submenu a:hover.gplus{background:url(images/m-gplus-hover.png) no-repeat scroll top left;}


/*body content section*/
#body table{text-align:justify; vertical-align:top; margin:20px;}
/*foot menu*/
#foot #menu li{display:inline; list-style-type:none; position:relative; top:/*78px*/54px; left:180px;}
#foot #menu li a{text-decoration:none; color:#3d1901;}

#foot #menu li a:hover{color:#ff9c00;}