/* RadMenu SPD skin - 03/06/08 */

.RadMenu_SPD {
	height: 22px;
	}

.RadMenu_SPD a {
	text-decoration: none;
	display: block;
	font-size: 12px;
	color: #418200;
	}
	.RadMenu_SPD a:hover {
		cursor: pointer;
		text-decoration: none;
		color: #418200; /* Specifically stated again on the hover because IE6 was making the text blue */
		}
	.RadMenu_SPD a.level0 {
		height: 19px;
		width: 84px;
		text-align: center;
		padding-top: 3px;
		}
	.RadMenu_SPD a.i1 {
		background: transparent url(Img/bkg_nav_menu.gif) no-repeat;
		}
	.RadMenu_SPD a.i2 {
		background: transparent url(Img/bkg_nav_menu.gif) -84px 0 no-repeat;
		}
	.RadMenu_SPD a.i3 {
		background: transparent url(Img/bkg_nav_menu.gif) -168px 0 no-repeat;
		}
	.RadMenu_SPD a.i4 {
		background: transparent url(Img/bkg_nav_menu.gif) -252px 0 no-repeat;
		}
	.RadMenu_SPD a.i5 {
		background: transparent url(Img/bkg_nav_menu.gif) -336px 0 no-repeat;
		}
	.RadMenu_SPD a.i6 {
		background: transparent url(Img/bkg_nav_menu.gif) -421px 0 no-repeat;
		}
	.RadMenu_SPD a.i7 {
		background: transparent url(Img/bkg_nav_menu.gif) -505px 0 no-repeat;
		}
	.RadMenu_SPD a.i8 {
		background: transparent url(Img/bkg_nav_menu.gif) -589px 0 no-repeat;
		width: 88px;
		}
		/* When you hover over the links */
		.RadMenu_SPD a.i1:hover {
			background: transparent url(Img/bkg_nav_menu.gif) 0 -22px no-repeat;
			}			
		.RadMenu_SPD a.i2:hover {
			background: transparent url(Img/bkg_nav_menu.gif) -84px -22px no-repeat;
			}			
		.RadMenu_SPD a.i3:hover {
			background: transparent url(Img/bkg_nav_menu.gif) -168px -22px no-repeat;
			}			
		.RadMenu_SPD a.i4:hover {
			background: transparent url(Img/bkg_nav_menu.gif) -252px -22px no-repeat;
			}		
		.RadMenu_SPD a.i5:hover {
			background: transparent url(Img/bkg_nav_menu.gif) -336px -22px no-repeat;
			}			
		.RadMenu_SPD a.i6:hover {
			background: transparent url(Img/bkg_nav_menu.gif) -421px -22px no-repeat;
			}
		.RadMenu_SPD a.i7:hover {
			background: transparent url(Img/bkg_nav_menu.gif) -505px -22px no-repeat;
			}
		.RadMenu_SPD a.i8:hover {
			background: transparent url(Img/bkg_nav_menu.gif) -589px -22px no-repeat;
			}
			/* Keep the main link in its hovered state while you move to the drop-down. 
			These should just be added to the hover rules above. Unfortunately, IE6 does 
			not allow multiple class selectors. */			
			html > body .RadMenu_SPD a.i1.expanded {
				background: transparent url(Img/bkg_nav_menu.gif) 0 -22px no-repeat;
				}
			html > body .RadMenu_SPD a.i2.expanded {
				background: transparent url(Img/bkg_nav_menu.gif) -84px -22px no-repeat;
				}
			html > body .RadMenu_SPD a.i3.expanded {
				background: transparent url(Img/bkg_nav_menu.gif) -168px -22px no-repeat;
				}
			html > body .RadMenu_SPD a.i4.expanded {
				background: transparent url(Img/bkg_nav_menu.gif) -252px -22px no-repeat;
				}
			html > body .RadMenu_SPD a.i5.expanded {
				background: transparent url(Img/bkg_nav_menu.gif) -336px -22px no-repeat;
				}
			html > body .RadMenu_SPD a.i6.expanded {
				background: transparent url(Img/bkg_nav_menu.gif) -421px -22px no-repeat;
				}
			html > body .RadMenu_SPD a.i7.expanded {
				background: transparent url(Img/bkg_nav_menu.gif) -505px -22px no-repeat;
				}
			html > body .RadMenu_SPD a.i8.expanded {
				background: transparent url(Img/bkg_nav_menu.gif) -589px -22px no-repeat;
				}
		
/* Sub menus */
.RadMenu_SPD .slide a {
	background-color: #fff;
	color: #418200;
	padding: 5px 5px 5px 11px;
	}
	.RadMenu_SPD .slide a:hover {
		background-color: #e9f9dc;
		}
.RadMenu_SPD .vertical li {
	/* margin-left: 3px; */
	border-bottom: 1px solid #418200;
	border-left: 1px solid #418200;
	border-right: 1px solid #418200;
	}
	.RadMenu_SPD .vertical li.first {
		/* padding-top: 6px;
		margin-top: -1px; */
		border-top: 1px solid #418200;
		} 


/* I think these apply to the second level of drop-down. They look like they specifically alter the space between the menus.

* html .RadMenu_SPD .vertical .slide
{
	margin-left: -2px !important;
}

* html .RadMenu_SPD .horizontal .slide
{
	margin-top: -2px !important;
}

.RadMenu_SPD_rtl .slide
{
	margin: -1px 0 0 2px !important;
}

* html .RadMenu_SPD_rtl .vertical .slide
{
	margin-left: 3px !important;
}

* html .RadMenu_SPD_rtl .horizontal .slide
{
	margin-top: -2px !important;
	margin-left: 0 !important;
}
*/
		
/* Add the expand arrows */
.RadMenu_SPD .group .link .expandLeft {
	background: transparent url("img/ArrowExpand.gif") no-repeat 100% 50%;
	padding-right: 13px; /* To push the link text away from the arrow */
	}