
/* --- Nav styles below --- */
#nav {width: 571px;height: 48px; float: right; margin: 24px 0 0 0;z-index: 1;}

/* set up the overall width of the menu div, the font and the margins */
.menu {font-family: "Trebuchet MS", Arial, san-serif; margin:0; height:42px; width:573px; font-size:11px;}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu ul {padding:0;margin:0;list-style-type: none;}
/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
.menu ul li {float:left;position:relative;background:url(2a.gif) no-repeat;}
/* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.menu ul li a, .menu ul li a:visited {display:block;text-align:center;text-decoration:none;width:81px;height:42px;color:#fff;line-height:48px;font-size:11px;}

/* make the dropdown ul invisible */
.menu ul li ul {display: none;}
/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.menu ul li:hover a {color:#fff;background:url(2b.jpg)}
/* make the sub menu ul visible and position it beneath the main menu list item */
.menu ul li:hover ul {display:block;position:absolute;top:42px;left:0;width:200px; background:url(ddbg_200.gif) no-repeat left bottom; margin-left:3px;}
.menu ul li:hover ul li{ background:none}
/* style the background and foreground color of the submenu links */
.menu ul li:hover ul li a {display:block;color:#043454; background:none; height:28px; line-height:26px; color:#043454; width:190px; text-align:left; padding-left:11px;}
/* style the background and forground colors of the links on hover */
.menu ul li:hover ul li a:hover { color:#fff; background:url(hlight_200.gif) no-repeat;}

.menu .one {background:url(1a.jpg);padding-left: 1px;margin-right: -1px;}
.menu .three {background:url(3a.gif);}

.menu ul li:hover .one {color:#043454; background: url(1b.jpg);}
.menu ul li:hover .three {color:#043454; background: url(3b.jpg);}

