#navigation ul { margin: 0px; padding: 0px; float : left; list-style: none;}
				
#navigation ul li { position: relative; }

#navigation li ul { width : 165px; left: 0px; top: 62px; position: absolute;  background-color : #1e5427; display: none; }

.navitem {  background-image:url(/images/navigation_seperator.jpg); background-repeat:no-repeat; height : 62px; min-height : 62px;  padding : 5px; padding-top : 12px; text-align : center; text-decoration: none; font-family:arial; font-size:13px; color: #e4f1f5; display: block; }
			
.navitem:hover {  background-image:url(/images/navigation_hover_bg.jpg); background-repeat:repeat-x; color : #fff;  text-decoration: none;  }

/* IE STYLE. IE handles height and padding differently than firefox.
Height here has to be determined by padding in IE relative to the text line or image.
The "top : ##px;" is how much padding there is between the main items and the dropdowns, and must be tuned for IE as well
 \*/

* html #navigation li ul {}
* html .navitem { padding-top:15px; padding-bottom:15px; }
* html #navigation ul li ul li a { padding-top : 5px; padding-bottom : 5px; }

* html #navigation ul li ul li { margin-bottom:-15px; }

/* End */

#navigation ul li ul li a { font-family:arial; font-size:13px; text-align : left; line-height:20px; text-decoration: none; color : #89e798; background-color : #1e5427; min-height : 24px;  padding: 3px 5px 0px 12px; border:0px; display: block; }

#navigation ul li ul li a:hover { color : #fff; background-color : #09190c; }

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

#navigation li:hover ul, #navigation li.over ul { display: block; }
#navigation ul li ul li:hover ul li, #navigation li.subnavtrigger ul li { display: block; }