#primaryNav {
margin: 0;
padding: 0;
width: 735px;
background: url(../../picture/nav-bg.gif) repeat-x;
line-height: 21px;
height: 21px;
background-color: #FFF;
}

/* here we set the default display for the lists/nested lists */
#primaryNav ul {
margin: 0;
padding: 0;
list-style: none;
display: block;
width: auto;
font-weight: bold;
text-transform: uppercase;
}
   
#primaryNav ul ul {
display: none;
position: absolute;
width: 105px;
border-bottom: 1px solid #135296;
top: 20px;
left: 0;
}

   /* Fix IE. Hide from IE Mac \*/
   * html #primaryNav ul ul { top: 21px; left: 0; width: 105px;}
   /* End */
   
   
#primaryNav ul ul ul {
display: none;
position: absolute;
left: 105px;
top: -1px;
}

   /* Fix IE. Hide from IE Mac \*/
   * html #primaryNav ul ul ul { left: 105px; top: -1px; }
   /* End */

/* here we set the default display for the list items/nested list items */
#primaryNav ul li {
margin: 0;
padding: 0 0 2px 0;
float: left;
position: relative;
width: 105px;
text-align: center;
}

#primaryNav ul li li {
margin: 0;
padding: 0;
border: 1px solid #135296;
border-bottom: 0;
float: none;
display: block;
font-weight: normal;
width: 105px;
font-size: 10px;
}

/* here we set the default display state for the links */
#primaryNav ul li a {
padding: 0;
display: inline;
text-decoration: none;
width: 105px;
}
   
#primaryNav ul li li a {
padding: 0 10px;
display: block;
width: 105px;
text-align: left;
text-transform: capitalize;
}

   /* Fix IE. Hide from IE Mac \*/
   * html #primaryNav ul li { float: left; height: 1%; }
   * html #primaryNav ul li a { height: 1%; }
   /* End */
   

/* here we set the ACTIVE class for ON menus, first for cascade */
#primaryNav ul.itemOff { color: #333333; /*color: #333333;*/ }

/* DEFINE DEFAULT LI/A APPEARANCE */
/* here we set the standard LI states - controls bg color */
#primaryNav ul li { background-color: transparent; color: #FFF; }
#primaryNav ul li li { background-color: #FFF; color: #333; }
#primaryNav ul li li li { background-color: #ffffff; color: #777; }
#primaryNav ul li li li li { background-color: #f9f9f9; color: #777; }

/* here we set the standard A states - controls text color */
#primaryNav ul li a { color: inherit; }

   /* Fix IE. Hide from IE Mac \*/
   * html #primaryNav ul li a { color: #FFF; }
   * html #primaryNav ul li li a { color: #777; }
   /* End */

/* DEFINE DEFAULT LI/A HOVER/ON APPEARANCE */
/* here we set the hover and "in" styles for elements */
   /* L1 on states */
#primaryNav li:hover, #primaryNav li.sfhover a { color: #FFF; }
   /* L1 off states - for children */
#primaryNav li:hover li, #primaryNav li.sfhover li a { color: #777; }

   /* L2 on states */
#primaryNav li li:hover, #primaryNav li li.sfhover a { color: #333333; }
   /* L2 off states - for children */
#primaryNav li li:hover li, #primaryNav li li.sfhover li a { color: #777; }

   /* L3 on states */
#primaryNav li li li:hover, #primaryNav li li li.sfhover a { color: #333333; }
   /* L3 off states - for children */
#primaryNav li li li:hover li, #primaryNav li li li.sfhover li a { color: #777; }

   /* global states - bg colors */
#primaryNav li li:hover, #primaryNav li li.sfhover, #primaryNav li li li:hover, #primaryNav li li li.sfhover {
   background-color: #D9ECFF;
   }

/* DEFINE MENU APPEARANCE BEHAVIORS */
/* here we set the reveal/hide chains for the fly-out */
#primaryNav li:hover ul ul, #primaryNav li:hover ul ul ul {
   display: none;
   }
   
#primaryNav li:hover ul, #primaryNav li li:hover ul, #primaryNav li li li:hover ul {
   display: block;
   }

#primaryNav li.sfhover ul ul, #primaryNav li.sfhover ul ul ul, #primaryNav li li.sfhover ul ul {
   display: none;
   }
   
#primaryNav li.sfhover ul, #primaryNav li.sfhover ul, #primaryNav li li.sfhover ul, #primaryNav li li li.sfhover ul {
   display: block;
   }