/* styles specific to non-touchscreen devices (desktop and laptop computers) */

/* hover specific stuff for devices with cursors - originally in flyout-menu.css */

/* style the link hover */
/*
* html .flyoutmenu a:hover {color:white; background:#3173B1; position:relative;}
*/
/*.flyoutmenu li:hover {position:relative;}  made relative for base li  */

/* retain the hover colors for each sublevel IE7 and Firefox etc */
/*
.flyoutmenu li:hover > a {color:white; background:#3173B1;}
*/
/* for browsers that understand this is all you need for the flyouts */
/*
.flyoutmenu li:hover > ul {visibility:visible;}
*/
/* for IE5.5 and IE6 you need to style each level hover */

/* keep the third level+ hidden when you hover on first level link */
/*
.flyoutmenu ul a:hover ul ul{
  visibility:hidden;
}
*/
/* keep the fourth level+ hidden when you hover on second level link */
/*
.flyoutmenu ul a:hover ul a:hover ul ul{
  visibility:hidden;
}
*/
/* keep the fifth level hidden when you hover on third level link */
/*
.flyoutmenu ul a:hover ul a:hover ul a:hover ul ul{
  visibility:hidden;
}
*/
/* make the second level visible when hover on first level link */
/*
.flyoutmenu ul a:hover ul {
  visibility:visible;
}
*/
/* make the third level visible when you hover over second level link */
/*
.flyoutmenu ul a:hover ul a:hover ul{
  visibility:visible;
}
*/
/* make the fourth level visible when you hover over third level link */
/*
.flyoutmenu ul a:hover ul a:hover ul a:hover ul {
  visibility:visible;
}
*/
/* make the fifth level visible when you hover over fourth level link */
/*
.flyoutmenu ul a:hover ul a:hover ul a:hover ul a:hover ul {
  visibility:visible;
}
*/

/* top navigation */
@media screen and (min-width: 701px)
{
  #topNav ul li:hover > ul,
  #topNav ul ul li:hover > ul
  {
    display: block;
  }
}

@media screen and (max-width: 700px)
{
  /* top navigation */
  #topNav ul li:hover > ul,
  #topNav ul ul li:hover > ul
  {
    display: block;
  }
}

/* things to only show with non-touchscreens */
.notTouchOnlyBlock
{
  display: block;
}
.notTouchOnlyInline
{
  display: inline;
}

/* things to only show with touchscreens */
.touchOnlyBlock,
.touchOnlyInline
{
  display: none;
}