.nav{width:auto;list-style:none none;line-height:1.5em;font-weight:normal;padding:0;margin:0;}
.nav ul{list-style:none none;padding:0;margin:0;}
.nav li a.arrow, .nav li a.noarrowhover { width:auto; display:block; text-decoration:none; font-size:13px; color:#fff; background:#2f5296 url(../images/icons/arrow_off.gif) center left no-repeat; padding:5px 35px 6px 15px } /* the top and bottom padding work together as an offset for the submenus */
.nav li:hover a.arrow, .nav li.ie6hover a.arrow { background:#2f5296 url(../images/icons/arrow_on.gif) center left no-repeat }
.nav li.topnav { float:left; padding:0 }

/* Support for the "iehover-fix.js" */
.nav iframe{position:absolute;left:0;z-index:-1;filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);}
#nav li.ie6hover div.subnav{left:auto;} /* shows the subnav, don't change to .nav */
.nav li.topnav div.subnav li.ie6hover a{color:#fff;}
.nav li.topnav div.subnav li.ie6hover{background-color:#2f5296;}

#nav li.topnav:hover div.subnav{left:auto;} /* shows the subnav, don't change to .nav */
.nav li.topnav div.subnav{position:absolute;left:-999em;background:url(../images/layout/spacer.gif) no-repeat right bottom /* needed for IE7*/ } /* don't change to #nav, doesn't work in IE6 */

.nav li.topnav div.subnav ul{background:#fff url(../images/layout/subnav_bg.gif) repeat-x bottom;font-size:1.1em;border:2px solid #b5bdc6;border-bottom:none;border-top:none;}
.nav li.topnav div.subnav li{line-height:1.8em;cursor:pointer;}
.nav li.topnav div.subnav li a{display:block;padding:0 10px 0 10px;color:#24427c;background-color:none;font-weight:bold;white-space:nowrap;}
.nav li.topnav div.subnav li:hover{background-color:#2f5296;}
.nav li.topnav div.subnav li:hover a{color:#fff;}
.nav li.topnav div.subnav div.btmcurvelt { float:left; height:10px; width:10px; background:url(../images/layout/nav_btm_left.gif) no-repeat }
.nav li.topnav div.subnav div.btmcurvert { float:left; height:10px; background:url(../images/layout/nav_btm_right.gif) no-repeat right }

/* the following governs the widths of the flyout menus */
/* The <a> tags are 14px less than the <div> tags */
.nav li.topnav div.subnav ul.menufirst li a { width:134px }
.nav li.topnav div.subnav ul.menusecond li a { width:134px }
.nav li.topnav div.subnav ul.menuthird li a { width:131px }
.nav li.topnav div.subnav ul.menufourth li a { width:143px }

.nav li.topnav div.subnav .first { width:148px }
.nav li.topnav div.subnav .second { width:148px }
.nav li.topnav div.subnav .third { width:145px }
.nav li.topnav div.subnav .fourth { width:157px }