@charset "UTF-8";
/* CSS Document */

#navigation
{
	position: relative;
	z-index:10;
}

#topnav
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	width:758px;
	height:24px;
	position: absolute;
	top: 2px;
	right: 0px;z-index:7001;
}

	/* #topnav li a.navIsOn { background: red; color: #ffcc00; } */

	#topnav li { position: relative; float:left; padding: 0px; }

		#topnav li a
		{
			display:block;
			padding: 0px 0px;
			height:24px;
			margin: 0px;
			float: left;
			background-position: top left;
			background-repeat: no-repeat;
			text-decoration: none;
		}

		.nav1, .nav2, .nav3, .nav4
		{
			height: 24px;
		}

		#nav1 { width: 99px; background-image: url(/images/nav_1_ro.jpg); }
		#nav2 { width: 124px; background-image: url(/images/nav_2_ro.jpg); }
		#nav3 { width: 216px; background-image: url(/images/nav_3_ro.jpg); }
		#nav4 { width: 122px; background-image: url(/images/nav_4_ro.jpg); }

		#nav1.navIsOn { background-image: url(/images/nav_1.jpg); }
		#nav2.navIsOn { background-image: url(/images/nav_2.jpg); }
		#nav3.navIsOn { background-image: url(/images/nav_3.jpg); }
		#nav4.navIsOn { background-image: url(/images/nav_4.jpg); }
		
		.firstLvlSep { background-image: url(/images/nav_ball.jpg); background-position: center center; background-repeat: no-repeat; height: 15px; width: 65px; }

		.dropdown, .dropdown2
		{
			background-repeat: repeat-y;
			background-position: top right;
		}

		.dropdown2 .dropdown
		{
			position:absolute;
			top: 0px;
			left: 177px;
			list-style:none;
			display:none;
			font-size:0px;
			border-left: 7px solid #fff;

			/* Design for Dropdown Menus */
			padding: 10px 0px 0px 0px;
			margin: 0px;
			text-align:left;
			width: 192px;
			background-image: url(/images/r4/menu-2.png);
		}
		
		
		.dropdown2
		{
			background-image: url(/images/r4/menu.png);
			/* Design for Dropdown Menus */
			padding: 0px 0px 0px 0px;
			margin: 0px;
			text-align:left;
			border:0px none;
			border-left: 7px solid #fff;
			font-size:0px;
			position:absolute;
			list-style:none;
			display:none;
			top: 100%;
			left: -7px;
			width:192px;
		}

		.dropdown2.wider .dropdown
		{
			left: 305px;
		}

			.dropdown2.wider
			{
				width: 320px;
			}
		
			#topnav li ul.dropdown2.wider li.shadow2
			{
				width: 327px;
			}

			#topnav li ul.dropdown2.wider li
			{
				width: 268px;
			}
		
			#topnav li ul.dropdown2.wider li a
			{
				width: 282px;
			}

			#topnav li ul.dropdown2 li, #topnav li ul.dropdown li, #topnav li ul.dropdown2 li ul.dropdown li.notWider
			{
				background: none;
				font-size:0px; line-height:0px;
				width: 140px;
				padding-left: 0px;
			} 

			#topnav li ul.dropdown2 li.shadow2, #topnav li ul.dropdown li.shadow
			{
				position: absolute;
				width: 199px;
				height: 15px;
				bottom: -15px;
				left: -7px;
				background-position: top right;
				background-repeat: repeat-x;
				background-image: url(../../images/r4/shadow-bottom.png);
			}

			#topnav li ul.dropdown2 li.accent1, #topnav li ul.dropdown li.accent1
			{
				position: absolute;
				width: 180px;
				height: 7px;
				top: 0px;
				left: 0px;
				background-color: #fff;
			}
	
				#topnav li ul.dropdown2 li a, #topnav li ul.dropdown li a, #topnav li ul.dropdown2.wider li ul.dropdown li.notWider a
				{
					text-transform: none;
					background-repeat: no-repeat;
					font-family: arial, Helvetica, sans-serif;
					display: block;
					float:left;
					height:auto;
					line-height: 100%;
					font-size: 13px;
					width:154px;
					padding: 5px 3px 5px 20px;
				}

				#topnav li ul.dropdown2 li a
				{
					color:#ccc;
				}

				#topnav li ul.dropdown li a
				{
					color:#fff;
				}

				#topnav li ul.dropdown2 li.hasMore ul li a
				{
					background-image: none;
				}

				#topnav li ul.dropdown2 li.hasMore a
				{
					background-image: url(../../images/r4/menu-arrow.gif);
					background-position: top right;
				}

				#topnav li ul.dropdown2 li a.navIsOn, #topnav li ul.dropdown2 li.hasMore a.navIsOn
				{
					background-image: url(../../images/r4/menu-dot.gif);
					background-position: top left;
					color: #000;
				}

				#topnav li ul.dropdown2 li ul.dropdown li a.navIsOn
				{
					background-image: url(../../images/r4/menu-2-dot.gif);
					background-position: top left;
					color: #000;
				}
