/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/simple_vertical.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
===================================================================
cmsnav.css by Will Fastie for Chesapeake Medical, July 2008
-- First level menu behavior and design is different than dropdowns
-- text left aligned
-- variable sized entries on the pulldown
-- 2 levels max
-- Blue Dart in background for each dropdown menu item
Other Notes:
-- The "transparent.gif" file mentioned below does not need to exist
   but must be mentioned for the overrun area to work.
=================================================================== */

/* The container for the menu is defined in cms.css */

/* Get rid of the margin, padding and bullets in the unordered lists - see cms.css for browser resets */
#topmenu ul { margin: 0; padding: 0; list-style: none; }

/* Set up the link size, font color and borders */
#topmenu ul { padding-right: 12px; }
#topmenu li { display: inline; padding-left: 1.25em; }
#topmenu a { text-decoration: none; color: white; }
#topmenu a:hover { color: #e37304;  }

/* Set up the sub level borders & formatting */
#topmenu li ul { 
  border-color: #145192;
  border-style: solid;
  border-width: 2px 1px 1px 2px;
}
#topmenu li ul li {
	font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em;
  font-weight: 500;
  font-variant: normal;
  padding: 0;
  border: 0;
}
#topmenu li ul li a {
  display:block; width: 169px; 
  text-decoration:none;
  color: #e37304;
  padding: 9px 5px 9px 25px;
  background: white url('dart-blue.gif') no-repeat 0px 6px;
  /* background-position: 0px 6px; */
  border: 1px solid #145192;
  border-width: 0px 1px 1px 0px;
}
#topmenu li ul li a:visited { 
  text-decoration:none;
  color: #e37304;
}
#topmenu li ul li a:hover { 
  background: white url('dart-blue.gif') no-repeat 0px 6px;
  text-decoration:none;
  color: #145192;
}
#topmenu li a.enclose:visited {border-width:1px;}

#topmenu li a.enclose {border-width:1px;}

/* Set up the list items. This is where the default color of the background is specified */
/* #topmenu li {float:left; background-color:#2b6969; text-align:center;}
#topmenu li {float:left; background-color:#85A9A9; text-align:center;} */

/* For Non-IE browsers and IE7 */
#topmenu li:hover {position:relative;}
/* Make the hovered list color persist */
#topmenu li:hover > a {color:#e37304;}
/* #topmenu li:hover > a {color:white;} */

/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
/* transparent.gif does not need to exist, it just needs to be mentioned for IE7 to work, according to Stu. */
#topmenu li ul {display:none; background-color: white;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#topmenu li:hover > ul { 
  display:block; position:absolute; top:17px; left:18px; 
  padding:0; 
  background:white url(transparent.gif);  
  width:200px;
  border-width: 2px 1px 1px 2px;
  color: #145192;
}
/* Position the first sub level beneath the top level liinks */
#topmenu > li:hover > ul {left:-30px; top:17px;}

/* get rid of the table */
/* #topmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;} */
#topmenu table {position:absolute; border-collapse:collapse; top:4px; left:30px; z-index:100; font-size:1em;}
/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #topmenu li a:hover {position:relative; background:white; color:#145192;}
* html #topmenu li a:hover {position:relative; background:white; color:#145192;}

/* For accessibility of the top level menu when tabbing */
#topmenu li a:focus {background:white; color:#145192;}
#topmenu li a:active {background:white; color:#145192;}
#topmenu li a:focus {background:white; color:#145192;}

#topmenu li a:active {background:white; color:#145192;}

/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */
/* change the drop down levels from display:none; to visibility:hidden; */
* html #topmenu li ul {visibility:hidden; display:block; position:absolute; top:0px; left:0px; 
  /* padding:10px 30px 30px 30px; */ padding:0;
  background:transparent url(transparent.gif);
  color: #145192;
  }

/* make the second level visible when hover on first level link and position it */
#topmenu li a:hover ul {
visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px; color: #145192;
}