/* zeroing padding/margin for all elements */
#topNav, #topNav *
{
	margin: 0;
	padding: 0;
}
/* "Master" UL (the whole Menu) */
#topNav
{
	position: relative;
	background: #000 no-repeat 100% 50%;
	width: 1000px;
	max-width: 100%;
	float: left;
	border-bottom: none;
}
/* sub-menu ULs */
#topNav li ul
{
	width: 200px !important; /* leaves room for padding */
	cursor: default;
	position: absolute;
	height: auto;
	display: none;
	left: -10px;
	padding: 0 10px 10px 10px;
	background: url(/img/clear.gif); /* trick to keep'em open */
	z-index: 100;
}
/* All LIs */
#topNav li
{
	position: relative;
	/*width: 135px;*/
	/*max-width: 135px;*/
	cursor: pointer;
	float: left;
	list-style-type: none;
}
/* sub-menu LIs */
#topNav li ul li
{
	width: 200px;
	padding: 0;
	border: none;
	max-width: 120%;
	border: none;
	border-top: none;
	font-weight: bold;
}
/* All anchors */
#topNav li a
{
	cursor: pointer !important;
	color: #ffffff;
	border: none;
	text-decoration: none;
	display: block;
	float: left;
	padding: 0; /*  uncomment the declaration below if you want to go "full width" */ /*	width:7.47em; */
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-weight: bold;
}
/* sub-menu Anchors */
#topNav li ul li a
{
	width: 200px /*FF*/;
	position: relative !important; /* ie Mac */
	cursor: pointer !important;
	white-space: nowrap;
	line-height: 34px;
	height: 34px;
	border-top: 1px solid #ffffff;
	color: #ffffff;
	background-position: 0 50% !important;
	text-align: left;
	font-weight: normal;
}
/* :hover and stuff */
#topNav li a:hover, #topNav li a:focus, #topNav li a:active
{
	color: #ffffff;
	background-color: #263c6d;
}
/* move the declarations from the rule below the one above if you want a background swap on *all* anchors, including the top level ones */
#topNav ul a:hover, #topNav ul a:focus, #topNav ul a:active
{
	color: #ffffff !important;
	background: #c30;
}
/* display and z-index for the sub-menus */
#topNav li:hover ul, #topNav li.msieFix ul
{
	display: block;
	z-index: 110;
	top: 34px !important;
}
/* safari: users can keep sub-menus up by from sub-menus to next top level  */
/* didn't find a solution for users going back from the last one. I prefer  */
/* to leave it like that vs. taking the last sub-menu *out of* the wrapper  */	

#topNav li#tpNvMenuA
{
	width: 160px;
	max-width: 160px;
	z-index: 17;
}
#topNav li#tpNvMenuB
{
	width: 139px;
	border-left: solid 1px #ffffff;
	max-width: 140px;
	z-index: 16;
}
#topNav li#tpNvMenuC
{
	width: 139px;
	border-left: solid 1px #ffffff;
	max-width: 140px;
	z-index: 15;
}
#topNav li#tpNvMenuD
{
	width: 139px;
	border-left: solid 1px #ffffff;
	max-width: 140px;
	z-index: 14;
}
#topNav li#tpNvMenuE
{
	width: 139px;
	border-left: solid 1px #ffffff;
	max-width: 140px;
	z-index: 13;
}
#topNav li#tpNvMenuF
{
	width: 139px;
	border-left: solid 1px #ffffff;
	max-width: 140px;
	z-index: 12;
}
#topNav li#tpNvMenuG
{
	width: 139px;
	border-left: solid 1px #ffffff;
	max-width: 140px;
	z-index: 11;
}

#topNav li#tpNvMenuA a
{
	width: 160px;
	max-width: 160px;
	background: url(/images/samples/freeSamplesBtn.jpg) no-repeat top left;
	z-index: 17;
}
#topNav li#tpNvMenuB a
{
	width: 139px;
	max-width: 139px;
	z-index: 16;
}
#topNav li#tpNvMenuC a
{
	width: 139px;
	max-width: 139px;
	z-index: 15;
}
#topNav li#tpNvMenuD a
{
	width: 139px;
	max-width: 139px;
	z-index: 14;
}
#topNav li#tpNvMenuE a
{
	width: 139px;
	max-width: 139px;
	z-index: 13;
}
#topNav li#tpNvMenuF a
{
	width: 139px;
	max-width: 139px;
	z-index: 12;
}
#topNav li#tpNvMenuG a
{
	width: 139px;
	max-width: 139px;
	z-index: 12;
}

#topNav li#tpNvMenuA:hover, #topNav li#tpNvMenuA a:hover
{
}
#topNav li#tpNvMenuB:hover, #topNav li#tpNvMenuB a:hover
{
	background-color: #ffb047;	
}
#topNav li#tpNvMenuC:hover, #topNav li#tpNvMenuC a:hover
{
	background-color: #ffb047;
}
#topNav li#tpNvMenuD:hover, #topNav li#tpNvMenuD a:hover
{
	background-color: #ffb047;
}
#topNav li#tpNvMenuE:hover, #topNav li#tpNvMenuE a:hover
{
	background-color: #ffb047;
}
#topNav li#tpNvMenuF:hover, #topNav li#tpNvMenuF a:hover
{
	background-color: #ffb047;
}
#topNav li#tpNvMenuG:hover, #topNav li#tpNvMenuG a:hover
{
	background-color: #ffb047;
}

#topNav li#tpNvMenuA ul li
{
	width: 200px;
	max-width: 200px;
	background-color: #cccccc;
	color: #000000;
	z-index: 17;
}
#topNav li#tpNvMenuB ul li
{
	width: 200px;
	max-width: 200px;
	background-color: #cccccc;
	color: #000000;
	z-index: 16;
}
#topNav li#tpNvMenuC ul li
{
	width: 200px;
	max-width: 200px;
	background-color: #cccccc;
	color: #000000;
	z-index: 15;
}
#topNav li#tpNvMenuD ul li
{
	width: 200px;
	max-width: 200px;
	background-color: #cccccc;
	color: #000000;
	z-index: 13;
}
#topNav li#tpNvMenuE ul li
{
	width: 260px;
	max-width: 260px;
	background-color: #cccccc;
	color: #000000;
	z-index: 14;	
}
#topNav li#tpNvMenuF ul li
{
	width: 200px;
	max-width: 200px;
	background-color: #cccccc;
	color: #000000;
	z-index: 12;
}
#topNav li#tpNvMenuG ul li
{
	width: 200px;
	max-width: 200px;
	background-color: #cccccc;
	color: #000000;
	z-index: 11;
}

#topNav li#tpNvMenuA ul li a
{
	width: 200px;
	max-width: 200px;
	background-color: #cccccc;
	color: #000000;
	z-index: 17;
}
#topNav li#tpNvMenuB ul li a
{
	padding-left: 28px;
	width: 200px;
	max-width: 200px;
	background-color: #cccccc;
	color: #000000;
	z-index: 16;
}
#topNav li#tpNvMenuC ul li a
{
	padding-left: 25px;
	width: 200px;
	max-width: 200px;
	background-color: #cccccc;
	color: #000000;
	z-index: 15;
}
#topNav li#tpNvMenuD ul li a
{
	padding-left: 18px;
	width: 260px;
	max-width: 260px;
	background-color: #cccccc;
	color: #000000;
	z-index: 14;
}
#topNav li#tpNvMenuE ul li a
{
	width: 200px;
	max-width: 200px;
	background-color: #cccccc;
	color: #000000;
	z-index: 13;
}
#topNav li#tpNvMenuE ul li a
{
	padding-left: 18px;
	width: 260px;
	max-width: 260px;
	background-color: #cccccc;
	color: #000000;
	z-index: 14;
}
#topNav li#tpNvMenuF ul li a
{
	width: 200px;
	max-width: 200px;
	background-color: #cccccc;
	color: #000000;
	z-index: 12;
}
#topNav li#tpNvMenuG ul li a
{
	width: 200px;
	max-width: 200px;
	background-color: #cccccc;
	color: #000000;
	z-index: 11;
}


#topNav li#tpNvMenuA ul li:hover, #topNav li#tpNvMenuA ul li a:hover
{
	color: #ffffff;
	background-color: #ffb047;
}
#topNav li#tpNvMenuB ul li:hover, #topNav li#tpNvMenuB ul li a:hover
{
	color: #ffffff;
	background-color: #ffb047;
}
#topNav li#tpNvMenuC ul li:hover, #topNav li#tpNvMenuC ul li a:hover
{
	color: #ffffff;
	background-color: #ffb047;
}
#topNav li#tpNvMenuD ul li:hover, #topNav li#tpNvMenuD ul li a:hover
{
	color: #ffffff;
	background-color: #ffb047;
}
#topNav li#tpNvMenuE ul li:hover, #topNav li#tpNvMenuE ul li a:hover
{
	color: #ffffff;
	background-color: #ffb047;
}
#topNav li#tpNvMenuF ul li:hover, #topNav li#tpNvMenuF ul li a:hover
{
	color: #ffffff;
	background-color: #ffb047;
}
#topNav li#tpNvMenuG ul li:hover, #topNav li#tpNvMenuG ul li a:hover
{
	color: #ffffff;
	background-color: #ffb047;
}


/* Current location - class on Body must match LI's id */
.tpNvMenuA #topNav li#tpNvMenuA a, .tpNvMenuB #topNav li#tpNvMenuB a, .tpNvMenuC #topNav li#tpNvMenuC a, .tpNvMenuD #topNav li#tpNvMenuD a, .tpNvMenuE #topNav li#tpNvMenuE a, .tpNvMenuF #topNav li#tpNvMenuF a, .tpNvMenuG #topNav li#tpNvMenuG a
{
	color: #000;
}
/* Keeping current menu accessible to JAWS */
.tpNvMenuA #topNav li#tpNvMenuA ul, .tpNvMenuB #topNav li#tpNvMenuB ul, .tpNvMenuC #topNav li#tpNvMenuC ul, .tpNvMenuD #topNav li#tpNvMenuD ul, .tpNvMenuE #topNav li#tpNvMenuE ul, .tpNvMenuF #topNav li#tpNvMenuF ul, .tpNvMenuG #topNav li#tpNvMenuG ul
{
	display: block;
	top: -1000px;
}

/* background colors */
#tpNvMenuA, #tpNvMenuA li a
{
	background-color: #ffb047;
}
#tpNvMenuB, #tpNvMenuB li a
{
	background-color: #263c6d;
}
#tpNvMenuC, #tpNvMenuC li a
{
	background-color: #263c6d;
}
#tpNvMenuD, #tpNvMenuD li a
{
	background-color: #263c6d;
}
#tpNvMenuE, #tpNvMenuE li a
{
	background-color: #263c6d;
}
#tpNvMenuF, #tpNvMenuF li a
{
	background-color: #263c6d;
}
#tpNvMenuG, #tpNvMenuG li a
{
	background-color: #263c6d;
}

/* "trigger" and "msieFix" classes */
#topNav li.msieFix a
{
}
/* last nested UL. keeping it in */
#topNav li#tpNvMenuG ul
{
	left: -2.3em !important;
}

/* If JS is OFF we need to style the links in the sub-menu of the current page     */
/* so they are accessible to keyboard users. Using a class on each link would let  */
/* us stick each link in the same place, but we would have to plug a lot of        */
/* attributes in the markup and many rules here, so...                             */
.tpNvMenuA #topNav li#tpNvMenuA ul li a:focus, .tpNvMenuA #topNav li#tpNvMenuA ul li a:active, .tpNvMenuB #topNav li#tpNvMenuB ul li a:focus, .tpNvMenuB #topNav li#tpNvMenuB ul li a:active, .tpNvMenuC #topNav li#tpNvMenuC ul li a:focus, .tpNvMenuC #topNav li#tpNvMenuC ul li a:active, .tpNvMenuD #topNav li#tpNvMenuD ul li a:focus, .tpNvMenuD #topNav li#tpNvMenuD ul li a:active, .tpNvMenuE #topNav li#tpNvMenuE ul li a:focus, .tpNvMenuE #topNav li#tpNvMenuE ul li a:active, .tpNvMenuF #topNav li#tpNvMenuF ul li a:focus, .tpNvMenuF #topNav li#tpNvMenuF ul li a:active, .tpNvMenuG #topNav li#tpNvMenuG ul li a:focus, .tpNvMenuG #topNav li#tpNvMenuG ul li a:active
{
	position: absolute !important;
	top: 1028px !important;
}