/*** NAVIGATION ***/

/* navigation gradient to repeat full width of navigation, height = gradient + shadow  */
div#navigation {
	margin: 10px 0 0 0;
	width: 1100px;
	height: 58px;
	background: #ebebeb url(/r/images/solutionsplus/header/nav_bg.png) repeat-x top;
}


/* shadow beneath gradient */
div#menuShadow {
	margin: 19px 0 0 0;
	padding: 0;
	width: 100%;
	height: 20px;
	background: #ffffff url(/r/images/solutionsplus/header/nav_bg_shadow.png) repeat-x top;
}

ul.topLevelList {
	list-style: none;
	margin: 0;
	padding: 0 0 0 39px;
}

li.topLevelListItem {
	float: left;
	margin: 0;
	padding: 0;
}

/* navigation gradient changes when item is active */
li.topLevelListItemActive {
	float: left;
	margin: 0;
	padding: 0;
	background: url(/r/images/solutionsplus/header/nav_bg_active.png) repeat-x;
}

/* note the line height: 
* height of surrounding div with bg image minus top and margin padding plus 1px for visible offset
* to corresponding submenu
*/
a.topLevelItemHL {
	display: block;
	color: #0000ee;
	text-decoration: none;
	line-height: 29px;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 12px 5px 12px;
	margin: 0;
	background: url(/r/images/solutionsplus/header/nav_separator.png) no-repeat left;
	text-transform: uppercase;
}

a.topLevelItemActive {
	display: block;
	color: #0000ee;
	text-decoration: none;
	line-height: 29px;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 12px 5px 12px;
	margin: 0;
	background: url(/r/images/solutionsplus/header/nav_separator.png) no-repeat left;
	text-transform: uppercase;
}

a.topLevelItemActive:hover {
	display: block;
	color: #0000ee;
	text-decoration: none;
	line-height: 29px;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 12px 5px 12px;
	margin: 0;
	background: url(/r/images/solutionsplus/header/nav_separator.png) no-repeat left;
	text-transform: uppercase;
}

a.topLevelItem:link {
	display: block;
	color: #414042;
	line-height: 29px;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 12px 5px 12px;
	margin: 0;
	background: url(/r/images/solutionsplus/header/nav_separator.png) no-repeat left;
	text-transform: uppercase;
}

a.topLevelItem:visited {
	display: block;
	color: #414042;
	line-height: 29px;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 12px 5px 12px;
	margin: 0;
	background: url(/r/images/solutionsplus/header/nav_separator.png) no-repeat left;
	text-transform: uppercase;
}

a.topLevelItem:hover {
	display: block;
	color: #0000ee;
	line-height: 29px;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 12px 5px 12px;
	margin: 0;
	background: url(/r/images/solutionsplus/header/nav_separator.png) no-repeat right;
	text-transform: uppercase;
}

span.lastSeparator {
	float: left;
	display: block;
	line-height: 29px;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	width:5px;
	padding: 5px 12px 5px 12px;
	background: url(/r/images/solutionsplus/header/nav_separator.png) no-repeat left;
}

div.subNav {
	display: none;
	position: absolute;
	border: 1px solid #c7c7c7;
	background-color: white;
	padding: 5px;
	margin: 0;
	z-index: 99;
}



/** subnavigation defs **/
ul.subMenuList {
	list-style: none;
	margin: 0;
	padding: 5px;
}

ul.subMenuList li {
	/*padding: 5px;*/
	margin: 0 0 3px 0;
}

p.subMenuLegend {
	background: #cecdcb;
	color: #414042;
	font-family: Arial;
	font-size: 9pt;
	font-weight: bold;
	padding: 3px;
}

a.subMenuItemLink:link {
	color: #414042;
	font-family: Arial;
	font-size: 9pt;
	white-space: nowrap;
}

a.subMenuItemLink:visited {
	color: #414042;
	font-family: Arial;
	font-size: 9pt;
	white-space: nowrap;
}

a.subMenuItemLink:hover {
	color: #0000ee;
	font-family: Arial;
	font-size: 9pt;
	white-space: nowrap;
}

table.subNavTable {
	border-collapse: collapse;
}

table.subNavTable td {
	padding: 4px;
	margin: 0;
}