/* CSS Document for navigation TSA Systems*/

/*XXXXXX #menu is the layer that contains all navigation list items XXXXXX*/

#menu {
			position: absolute;
			top: 68px;
			left: 112px;
			width: 550px;
			height: 110px;
			background-color: transparent;
			font-family: verdana, arial, helvetica, san-serif;
			font-size: 11px;
			font-weight: bold;
			letter-spacing: .125px;
			color: #09399d;
			z-index: 10;
}
/*XXXXXX #nav positions the main list menu as horizontal dropdown rollover items XXXXXX*/

#nav, #nav ul {			/*in the html, this needs to be identified by: <ul id="nav">  */
	margin: 0px;		/*all menu lists*/
	padding: 0px;
	list-style: none;
}

#nav a:link, #nav a:visited {	/*all menu links*/
	text-decoration: none;
	color: #09399d;
}

/*XXXXXX Parent level list notes XXXXXX*/

#nav li.main, #nav li.main_about, #nav li.main_customers, #nav li.main_news, #nav li.main_search {
	float: left;
	border-right: 1px solid #ccc;
	padding: 2px 8px;
}

#nav li.main {			/*formats: contacts, products, archives*/
	width: 5em;			/*need width for Opera*/
}

#nav li.main_about, #nav li.main_customers {
	width: 6.5em;		/*need width for Opera*/
}

#nav li.main_news {
	width: 3.25em;		/*need width for Opera*/
}

#nav li.main_search {
	width: 4em;			/*need width for Opera*/
}


/*XXXXXXXXXXX Secondary level list notes XXXXXXXXXX*/

#nav li ul {				
	position: absolute;		/*gives "layout" feature to to ul element for IE7*/
	left: -999em;			/*use "left: -999" because "display:none" isn't read by screen readers*/
	font-weight: normal;
	line-height: 14px;		/*16px*//*this was updated when title tags were added to links in menu 01/29/08*/
	top: 16px;				/*14px*//*this was updated when title tags were added to links in menu 01/29/08*/
	font-size: 10px;
}

#nav li:hover ul, #nav li.sfhover ul  {	/*this is for mouseover and mouseout events*/
	left: auto;				/*this  positions secondary menus under parent menu*/
}


/*XXXXXXXXXXX Dropdown backgrounds and links XXXXXXXXXX*/

#nav li ul li {
	position: relative;
	top: auto;
	left: auto;
	padding: 0px 8px;
	margin: 0px 0px -1px 0px;	/*this was added when title tags were added to links in menu 01/29/08*/
	border-style: none;
	background-repeat: no-repeat;
	
}

ul.contacts>li {
	width: 169px;
	background-image: url(../navigation/images/fwmenu7_169x17_up.gif);
}

ul.products>li, ul.archives>li {
	width: 133px;
	background-image: url(../navigation/images/fwmenu6_133x17_up.gif);
}

ul.customers>li, ul.about>li, ul.news>li {
	width: 117px;
	background-image: url(../navigation/images/fwmenu3_117x17_up.gif);
}

ul.search>li {
	width: 70px;
	background-image: url(../navigation/images/fwmenu1_70x17_up.gif);
}


/*XXXXXXXXXXX Dropdown hover backgrounds XXXXXXXXXX*/

.contacts li:hover {
	background-image: url(../navigation/images/fwmenu7_169x17_over.gif);
}

.products li:hover, .archives li:hover {
	background-image: url(../navigation/images/fwmenu6_133x17_over.gif);
}

.customers li:hover, .about li:hover, .news li:hover {
	background-image: url(../navigation/images/fwmenu3_117x17_over.gif);
}

.search li:hover {
	background-image: url(../navigation/images/fwmenu1_70x17_over.gif);	
}


/*XXXXXXXXXXX Dropdown hover links XXXXXXXXXX*/

#links1 a:hover, #links2 a:hover, #links3 a:hover, #links4 a:hover, #links5 a:hover, #links6 a:hover, #links7 a:hover {
	color: #ffffff;		/* hover text color of dropdown links*/ 
}