/*
Remove b/g image from DIV and put it into UL with float:left & width:100%
*/

.top-menu
  {clear:both;
   margin:0 0 0 0; /* JJM btm was 2px */
   font-weight:bold;
   width:940px;  /* JJM added */
/*  background:#003060 url(../images/nav2/menu-top.gif) no-repeat top left; JJM orig */
   padding:0 10px 0 0;}
.top-menu ul
  {list-style-type:none;
   margin:0;
   padding:0;
   /* JJM Added :- */
   float:left;
   width:100%;
   background:transparent url(../images/nav2/menu-top.gif) no-repeat top left;
   /* END of JJM Added :- */
  }
.top-menu ul li
  {float:left;
   width:auto;
   display:block;
   margin:0;
   padding:0;
   background:transparent url(../images/nav2/menu-top-li.gif) no-repeat top right;}
.top-menu ul li.first
  {background:url(../images/nav2/menu-top-li-first.gif) no-repeat top right;
   padding-right:2px;}
.top-menu ul li.selected
  {background:#FFFFFF url(../images/nav2/menu-top-li.gif) no-repeat right -105px;
   padding:0 14px 0 0;
   margin-left:-2px;}
.top-menu ul li.selected_i
  {background:#FFFFFF url(../images/nav2/menu-top-li_si.gif) no-repeat right -105px;
   padding:0 14px 0 0;
   margin-left:-2px;}
.top-menu ul li a
  {color:#FFFFFF;
   display:block;
   float:left;
   width:auto;
   text-decoration:none;
   font-weight:normal;
   margin:0;
   padding:17px 20px;
   min-height:13px;
   line-height:1.05em;}
.top-menu ul li a:hover,.top-menu ul li a:focus
  {background:url(../images/nav2/menu-top-li.gif) right -53px no-repeat;
   font-weight:normal;
   text-decoration:none;}
.top-menu ul li.first a:hover,.top-menu ul li.first a:focus
  {background:url(../images/nav2/menu-top-li-first.gif) left -52px no-repeat;}
.top-menu ul li.selected a, .top-menu ul li.selected a:hover,.top-menu ul li.selected a:focus
  {color:#003366; /* JJM was #404040 */
   display:block;
   float:left;
   width:auto;
   background:transparent url(../images/nav2/menu-top-li.gif) no-repeat left -105px;
   padding:17px 8px 17px 20px;}
.top-menu ul li.selected_i a,.top-menu ul li.selected_i a:hover,.top-menu ul li.selected_i a:focus
  {color:#FFFFFF;
   display:block;
   float:left;
   width:auto;
   background:transparent url(../images/nav2/menu-top-li_si.gif) no-repeat left -105px;
   padding:17px 8px 17px 20px;}
.top-menu ul li.first-selected a,.top-menu ul li.first-selected a:hover,.top-menu ul li.first-selected a:focus
  {background-image:url(../images/nav2/menu-top-li-first.gif);
   padding-left:24px;}
.top-menu ul li.first-selected_i a,.top-menu ul li.first-selected_i a:hover,.top-menu ul li.first-selected_i a:focus
  {background-image:url(../images/nav2/menu-top-li-first_si.gif);
   padding-left:24px;}

.int-menu
  {clear:both;
   margin:0 0 2px 0;
   font-weight:bold;
   width:940px;
/*  background:#003060 url(../images/nav2/menu-int.gif) no-repeat top left; JJM orig */
   padding:0 10px 0 0;}
.int-menu ul
  {list-style-type:none;
   margin:0;
   padding:0;
   /* JJM Added :- */
   float:left;
   width:100%;
   background:transparent url(../images/nav2/menu-int.gif) no-repeat top left;
   /* END of JJM Added :- */
  }
.int-menu ul li
  {float:left;
   width:auto;
   display:block;
   margin:0;
   padding:0;
   background:transparent url(../images/nav2/menu-int-li.gif) no-repeat top right;}
.int-menu ul li.first
  {background:url(../images/nav2/menu-int-li-first.gif) no-repeat top right;
   padding-right:2px;}
.int-menu ul li.selected
  {background:#FFFFFF url(../images/nav2/menu-int-li.gif) no-repeat right -105px;
   padding:0 14px 0 0;
   margin-left:-2px;}
.int-menu ul li a
  {color:#FFFFFF;
   display:block;
   float:left;
   width:auto;
   text-decoration:none;
   margin:0;
   padding:17px 20px;
   min-height:13px;
   line-height:1.05em;}
.int-menu ul li a:hover,.int-menu ul li a:focus
  {background:url(../images/nav2/menu-int-li.gif) right -53px no-repeat;
   text-decoration:none;}
.int-menu ul li.first a:hover,.int-menu ul li.first a:focus
  {background:url(../images/nav2/menu-int-li-first.gif) left -52px no-repeat;}
.int-menu ul li.selected a,.int-menu ul li.selected a:hover,.int-menu ul li.selected a:focus
  {color:#003366;
   display:block;
   float:left;
   width:auto;
   background:transparent url(../images/nav2/menu-int-li.gif) no-repeat left -105px;
   padding:17px 8px 17px 20px;}
.int-menu ul li.first-selected a,.int-menu ul li.first-selected a:hover,.int-menu ul li.first-selected a:focus
  {background-image:url(../images/nav2/menu-int-li-first.gif);
   padding-left:24px;}

.btm-menu
  {padding:0 0 0.2em 0;} /* JJM was 1em */
.btm-menu ul
  {list-style-type:none;
   margin:0;
   padding:0 6px;
   background:url(../images/nav2/menu-btm.gif) center bottom no-repeat;
   /* JJM Added :- */
   float:left;
   width:100%;
   /* END of JJM Added :- */
  }
.btm-menu ul li
  {float:left;
   width:auto;
   display:block;
   margin:0 0 -8px 0;
   padding:0;
   background:url(../images/nav2/menu-btm-sep.gif) no-repeat right 10px;}
.btm-menu ul li.last
  {background:none;}
.btm-menu ul li a
  {font-weight:bold;
   margin:0px 1px 0px 0px; /* JJM Added left=1 */
   padding:10px 14px 20px 14px;
   display:block;
   text-decoration:none;}
.btm-menu ul li.selected a
  {color:#4a4a4a;
   font-weight:bold;
   margin:0px 1px 0px 0px; /* JJM Added left=1 */
   padding:10px 14px 20px 14px;
   display:block;
   background:url(../images/nav2/menu-btm-sel.gif) center bottom no-repeat;
   position:relative;}
.btm-menu ul li.selected a:hover,.btm-menu ul li.selected a:focus
  {background-color:#FFFFFF;}
.btm-menu ul li a:hover,.btm-menu ul li a:focus
  {background-color:#F0F0F0;}

/* Define tab width in HTML using <a style="width:280px" src=...> */
.tab-menu
  {float:left;
   width:100%;
   background-color:#ffffff;
   line-height:normal;
   font-weight:normal;}
.tab-menu ul
  {margin:0;
   padding:0;
   list-style:none;
   list-style-image:none;}
.tab-menu ul li
  {float:left;
   height:30px;
   background:transparent url("../images/nav2/tab-pale-left.gif") no-repeat left top;
   margin:0;
   /* For IE6, use pad-left:10 here, rather than mgn-left:10 under <a> */
   /* 10px is width of left image */
   padding-left:10px;}
.tab-menu ul li a, .tab-menu ul li a:hover, .tab-menu ul li a:visited,
   .tab-menu ul li a:link, .tab-menu ul li a:focus
  {float:left;
   display:block;
   background:#e0e0e0 url("../images/nav2/tab-pale-right.gif") no-repeat right top;
   padding-top:0px;
   margin:0;
   height:30px;
   text-decoration:none;
   text-align:center;
   font-size:1.6em;
   font-weight:normal;
   color:#003366;}
.tab-menu ul li a:hover
  {font-weight:bold;}
.tab-menu ul li.selected
  {background:transparent url("../images/nav2/tab-silv-left.gif") no-repeat left top;}
.tab-menu ul li.selected a, .tab-menu ul li.selected a:hover,
  .tab-menu ul li.selected a:visited, .tab-menu ul li.selected a:link,
  .tab-menu ul li.selected a:focus
  {background:#c0c0c0 url("../images/nav2/tab-silv-right.gif") no-repeat right top;}
.tab-span
  {display:block;
   margin-top:4px;}