﻿.menuContainer {
	background-color:#CADBFF;
	border-left:2px solid black;
	border-right:2px solid black;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0px;
	margin: 0px auto;
	padding:2px 0px;
	text-decoration:none;
}
.menuContainer a {								/*all anchors*/
	color:black;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;    							/*size of menu font*/
	white-space:nowrap;
	text-transform:uppercase;
}
.menuContainer a:hover {						/*all menu hovers*/
	background-color:#990000;
	color:white;
}	
.toggleMenu {									/*reduced MENU*/							
	border:2px solid black;
	color:black;
	display:none;
	margin:auto;
	padding:4px 12px;
	text-decoration:none;
}
.toggleMenu img {
	border:0px;
	padding-left:6px;
	vertical-align:top;
}
#menuDiv {
	display:table;
	margin:0px auto;						/*centers menu*/
	padding:0px;
}
.nav {
	list-style-type:none;
	margin:0px auto;
	padding:0px;
}
.nav ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
.nav li {									/*1st menu level*/
	margin:0px auto;
	padding:4px;
	position:relative;
}
.nav > li {
	float:left;
	margin:0px auto;
	padding:0px;
}
.nav li a:hover {
	background-color:#990000; 				/* #990000 = variation of red */
}
.nav a {
	color:black;
	margin:0px;
	padding:4px 14px 4px 7px;
	text-decoration:none;
}
.nav > li > .parent {
	background-image:url('../images/arrowDown.png');
	background-position:97% 10px;
	background-repeat:no-repeat;
}
.nav > li li > .parent {
	background-image:url('../images/arrowRight.png');
	background-position:97% 7px;
	background-repeat:no-repeat;
}
.nav > li > a {
	border:2px black solid;
	display:block;
}
.nav li ul,
.nav li li ul {
	left:-9999px;
	position:absolute;
}
.nav > li.hover > ul {
	left:0;
}
.nav li li.hover ul {
	left:100%;
	top:0;
}
.nav li li,
.nav li li li {
	margin:0px auto;
	padding:0px;
	text-align:center;							/*left;center;right*/
}
.nav li li a {									/*2nd menu level*/
	background-color:#CADBFF;
	border-top:2px solid black;
	border-left:2px solid black;
	border-right:2px solid black;
	border-bottom:0px;
	display:block;
	position:relative;
	z-index:100;
}
.nav li li li a {								/*3rd menu level*/
	background-color:#CADBFF;
	border-top:2px solid black;
	border-left:2px solid black;
	border-right:2px solid black;
	border-bottom:0px;
	z-index:200;
}
.nav li li:last-child a,						/*2nd menu level*/
.nav li li li:last-child a {					/*3rd menu level*/
	border-bottom:2px solid black;
}

/* Narrow Device Styles - - - - - - - - - - - -- */
/* @media screen is also in txssar-bodyStyle.css */
@media screen and (max-width:750px) { 
.menuContainer, 			
.menuContainer a {font-size:16px}	/*Allow larger area for finger use */
#menuDiv {width:98%}				/*change menu width*/
.active,
.nav ul {display:block}
.nav > li {float:none}
.nav > li li > .parent {background-image:url('../images/arrowDown.png')}
.nav > li.hover > ul, 
.nav li li.hover ul {position:static}
}

