/* VSOL menu Styles ONLY */

/* ===================
Global Colors:
VinSolutions Dk Blue:		#005288;
VinSolutions Lt Blue:		#7da7d9;
Dk Grey:					#333333;
Med Grey:					#555555;
Lt Grey:					#dddddd;
=================== */

body {font-family: arial, helvetica, serif;}

	#outerPrimary, #outerPrimary ul { /* all lists */
		margin: 0;
		line-height: 1;
		list-style: none;
		padding: 0;
	}
	ul#outerPrimary {height: 25px;}
		#outerPrimary a {
			color:#000000;
			display: block;
			font-size:15px;
			font-weight:bold;
			text-decoration:none;
			width: 125px;
		}
			#outerPrimary a.mainlink {height:25px;}
				#outerPrimary a:hover {color:#7fa7d7;}

		#outerPrimary li { /* all list items */
			display:inline;
			float: left;
			width: 125px; /* width needed or else Opera goes nuts */
		}

		#outerPrimary div.dropdown{
			display:none;
			height:180px;
			left:auto;
			position:absolute;
			top:20px;
			width:602px;
			z-index:3;
		}

			#outerPrimary li ul { /* second-level lists */
				background: #7FA7D7;
				border: 1px solid #aaaaaa;
				height:auto;
				left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
				position: absolute;
				width: 170px;
			}
				#outerPrimary li ul li {
					background-color:#7fa7d7;
					color:#eeeeee;
					display: block;
					width: 150px;
				}
				    ul.shortPrimary {width: 90px !important;}
				    ul.shortPrimary li {width:90px !important;}
				    ul.shortPrimary li a.outerSecondary {width:70px !important;}
				    ul.shortPrimary li ul.innerSecondary li {height: auto; width: 165px !important;}
				    ul.shortPrimary li ul.innerSecondary li a {width: 165px !important;}
				    
				        #outerPrimary .dropdown ul.innerPrimary li {width: 170px;}
    
					#outerPrimary li ul li a {
						background-color:transparent;
						color:inherit;
						font-size:14px;
						font-weight:bold;
						padding:5px 10px;
						text-decoration:none;
						width: 150px;
					}
						#outerPrimary li ul li a:hover {
							background-color:transparent;
							text-decoration:none;
							color:inherit;
						}
						#outerPrimary li ul li:hover {background-color:#dce8f5; color:#0a5286;}
		

							#outerPrimary li ul ul {margin: -1em 0 0 10em;} /* third-and-above-level lists */
								#outerPrimary li ul li ul {
									background-color: #ffffff;
									border-left:0;
									border-right:#aaaaaa 1px solid;
									height:168px;
									width:510px;
								}
									#outerPrimary li ul li ul li {color:#0a5286;width:145px;}
										#outerPrimary li ul li ul li:hover {background-color:#ffffff;}
									#outerPrimary li ul li ul li a {
										background-color:#ffffff;
										color:#0a5286;
										font-size:12px !important;
										font-weight:normal;
										padding:5px 5px 5px 10px;
										text-decoration:none;
										width:130px;
									}
										#outerPrimary li ul li ul li a:hover {
											background-color:#e3e3e3;
											color:#696969;
											padding:5px 5px 5px 10px;
											text-decoration:underline;
											width:inherit;
										    width:130px;
										}
	


/* Here there be monsters */
/* (hover states etc.)    */
/* '+' selects a sibling  */

#outerPrimary li:hover ul ul, 
#outerPrimary li.sfhover ul ul 
	{left: -999em;}
	#outerPrimary li:hover ul,  
	#outerPrimary li.sfhover ul 
		{left: auto;}
		#outerPrimary li li:hover ul,
		#outerPrimary li li.sfhover ul 
			{left:-30px; top:11px;}
			#outerPrimary li li:hover ul{left:-30px; top:11px;}
.innerPrimaryHilite {background-color:#dce8f5; color:#0a5286;}

#outerPrimary li a:hover + ul li.first {background-color:#dce8f5; color:#0a5286;}