.out {
  display:block; 
  background:#bbb; 
  }
.in {
  background:#fff;  
  position:relative; 
  padding:0.5px;
  }
.ltin {
  left:-2.5px;
  }
.tpin {
  top:-2.5px;
  }
.narrow {width:165px;} /* all previous, shadow for main menu */

.menu{margin:0; padding:0; width:162px; list-style:none;} /* main menu */
.menu li{padding:0; margin:0 0 1px 0; height:22px; display:block; }
.menu li a{text-align:left; height:22px; padding:0px 5px; font:9px Verdana, Arial, Helvetica, sans-serif; color:rgb(255,255,255); font-weight:bold; display:block; background:rgb(130,180,218) 0px 0px no-repeat; text-decoration:none; outline:none;}
.menu li a:hover{background:rgb(15,75,117) 0px -22px no-repeat; color:rgb(255,255,255);}
.menu li a.active{background:url('Images/Page/Buttonhead.png') 0px 0px no-repeat; color:rgb(255,255,255);}
.menu li a.active:hover{background:url('Images/Page/Buttonhead.png') 0px -22px no-repeat; color:rgb(255,255,255);}
.menu li a.active1{background:url('Images/Page/Buttonhead.png') 0px 0px no-repeat; color:rgb(255,255,255);}
.menu li a span{line-height:22px;}

ul#menu1{margin:0; padding:0; width:100px; list-style:none;} /* five button top menu */
ul#menu1 li{padding:0; margin:0 0 0px 0; height:100%x; display:block;}
ul#menu1 li a{text-align: center; height:100%; padding:3px 0px; font:10px Verdana, Arial, Helvetica, sans-serif; color:rgb(255,255,255); font-weight:bold; display:block; background:rgb (52,138,204) 0px 0p no-repeat; text-decoration:none; outline:none;}
ul#menu1 li a:hover{height:100%; background:url('Images/Page/TopMenu.png') 0px 0px no-repeat; color:rgb(255,255,255);}

ul#menu2{margin:0; padding:0; width:256px; list-style:none;} /* two button top menu */
ul#menu2 li{padding:0; margin:0 0 0px 0; height:100%x; display:block;}
ul#menu2 li a{text-align: center; height:100%; padding:3px 0px; font:10px Verdana, Arial, Helvetica, sans-serif; color:rgb(255,255,255); font-weight:bold; display:block; background:rgb (52,138,204) 0px 0px no-repeat; text-decoration:none; outline:none;}
ul#menu2 li a:hover{height:100%; background:url('Images/Page/TopMenu.png') 0px 0px no-repeat; color:rgb(255,255,255);}

ul#menu3{margin:0; padding:0; width:169px; list-style:none;} /* three button top menu */
ul#menu3 li{padding:0; margin:0 0 0px 0; height:100%x; display:block;}
ul#menu3 li a{text-align: center; height:100%; padding:3px 0px; font:10px Verdana, Arial, Helvetica, sans-serif; color:rgb(255,255,255); font-weight:bold; display:block; background:rgb (52,138,204) 0px 0px no-repeat; text-decoration:none; outline:none;}
ul#menu3 li a:hover{height:100%; background:url('Images/Page/TopMenu.png') 0px 0px no-repeat; color:rgb(255,255,255);}

ul#menu4{margin:0; padding:0; width:126px; list-style:none;} /* four button top menu */
ul#menu4 li{padding:0; margin:0 0 0px 0; height:100%x; display:block;}
ul#menu4 li a{text-align: center; height:100%; padding:3px 0px; font:10px Verdana, Arial, Helvetica, sans-serif; color:rgb(255,255,255); font-weight:bold; display:block; background:rgb (52,138,204) 0px 0px no-repeat; text-decoration:none; outline:none;}
ul#menu4 li a:hover{height:100%; background:url('Images/Page/TopMenu.png') 0px 0px no-repeat; color:rgb(255,255,255);}