/* common styling */
/* set up the overall width of the menu div, the font and the margins */

.menu   { font-family: arial, sans-serif; background-color: #fff; margin: 0 0 60px; position: relative; z-index: 100; width: 706px }
/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu ul  { background-color: #fff; list-style-type: none; margin: 0; padding: 0 }
/* 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  { background-color: #fff; position: relative; float: left }
/* 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    { color: #2d6aac; font-size: 15px; font-weight: bold; line-height: 15px; text-decoration: none; background-color: #fff; background-image: url("images/navi.gif"); background-repeat: no-repeat; background-position: 0 center; text-align: center; text-transform: uppercase; display: block; padding-top: 12px; width: 234px; height: 31px; border-color: #fff }
/* make the dropdown ul invisible */
.menu ul li ul  { background-color: #fff; 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: #2d6aac; background-color: #fff; background-image: url("images/navi_on.gif") }
/* make the sub menu ul visible and position it beneath the main menu list item */
.menu ul li:hover ul     { background-color: #fff; display: block; position: absolute; top: 43px; left: 0; width: 234px }
/* style the background and foreground color of the submenu links */
.menu ul li:hover ul li a    { color: #155086; line-height: 28px; background-color: #fff; background-image: url("images/subnav.gif"); background-repeat: no-repeat; background-position: 0 center; text-align: left; text-indent: 10px; display: block; padding: 0; height: 31px }
/* style the background and forground colors of the links on hover */
.menu ul li:hover ul li a:hover  { color: #fff; background-color: #fff; background-image: url("images/subnav_on.gif"); background-repeat: no-repeat }