body { font-family:verdana; font-size:10pt; overflow:hidden; }
td, ul, th { font-family:Tahoma; font-size:10pt; }
 
/* top row of our menu, browser hacks, etc. */
#menu, #menu ul { 	padding:0; 
					margin:0; 
					border: 0px none; 
					list-style-type: none; 
				}
/*#menu { margin:0; }*/
#menu li {	
			float:left; 
			position:relative; 
						
		}
#menu li li {	
			float:left; 
			position:relative; 
			width:130px;
			text-align:left;
		}
 
/* all menus that have url link, in this case every list menu item                         */
/* total menu width is 840px, so divide by our 6 columns to get a menu width of 140        */
/* IE puts border on outside so subtract 2 in order to get the 138px width or it will wrap.*/
/* Test by playing with the background colors to see which menu item you are effecting     */
 
#menu a { 	margin:0px; 
			padding:0px; 
			display:block; 
          	font-family:tahoma; 
          	font-size:12px; 
          	color:#183A81; 
          	height:100%; 
          	line-height: 24px;
          	text-decoration:none; 
          	background:#D6E2F2; 
         	border:1px solid white; 
         	border-width: 1px 0px 1px 1px; 
         }
      
#menu li:hover > a { 
						background:#B4C9E7; 
						color:black; 
						text-align:left;
					}
 
/* defaults to open any close menus     */                        
#menu li ul { 	
				display: none; 
				left:0px; 
			}
#menu li:hover { 	display: block; 
					left:0px; 
				}
 
/* menuheads - add down-arrow image and change color on hover.  *
#menu li a.submenu { color:#D6E2F2; }
#menu li a:hover.submenu { color:#B4C9E7; }
 
/* dropdowns - any ul with id dropdown */
#menu li:hover > ul#dropdown { 	display:block; 
								position:absolute; 
								top:34px; 
								left:0px; 
								width:140px;
							}
 
/* flyout1 - any ul with id flyout1 *
#menu li li li li a  { background:white; }
#menu li:hover > ul#flyout1 { display:block; position:absolute; top:0px; left:140px; width:140px; }
 
/* flyout2 - any ul with id flyout2 *
#menu li li li a  { background:#D6E2F2; }
#menu li:hover > ul#flyout2 { display:block; position:absolute; top:0px; left:140px; }

/* all menu flyouts with id submenu - add right-arrow image *
#menu li li a.submenu { color:white; background:Goldenrod url('flyout.gif') no-repeat right; }
#menu li li a:hover.submenu { color:white; background:red url('flyout.gif') no-repeat right; }
 
/* iframemasks - 1. mask dropdowns 2. mask flyouts *
#menu li > iframe {display: none; }
#menu li:hover > iframe { display:block; position:absolute; top:25px; left:0px; }
 
#menu li > ul iframe {display: none;}
#menu li:hover > ul iframe { display:block; position:absolute; top:0px; left:0px; }
 
/* master iframemasks class - state default top and left so we need not apply when resizing in javascript. *
.iframemask { position:absolute; left:0px; top:25px; width:140px; height:0px; display:none; }