#nav {
	padding:0;
	margin:0;
	list-style:none;
	height:20px;
	position:relative;
	z-index:200;
	font-family:arial, verdana, sans-serif;
	width:802px;
	background-color: #4E73A2;
}
#nav li.top {display:block; float:left;}
#nav li a {display:block; float:left; height:20px; width:147px;   text-decoration:none; padding:0; cursor:pointer;}
#nav li a b {margin-left:-999px;}

#nav li a.parents {background:url(../images/parents_off.gif);}
#nav li a.clientsAndPartners {background:url(../images/clientsAndPartners_off.gif);}
#nav li a.productsAndServices{background:url(../images/prodAndServices_off.gif);}
#nav li a.thisIdentity {background:url(../images/identity_off.gif);}

/* spacers */
#nav li a.long_spacer {background:url(../images/menu_space.gif); width:46px;}
#nav li a.short_spacer_left {background:url(../images/menu_space.gif); width:39px;}
#nav li a.short_spacer_right {background:url(../images/menu_space.gif); width:37px;}


#nav li:hover a.parents,
#nav a.parents:hover 
{background:url(../images/parents_on.gif);}



#nav li:hover a.clientsAndPartners,
#nav a.clientsAndPartners:hover 
{background:url(../images/clientsAndPartners_on.gif);}

#nav li:hover a.productsAndServices,
#nav a.productsAndServices:hover 
{background:url(../images/prodAndServices_on.gif);}

#nav li:hover a.thisIdentity,
#nav a.thisIdentity:hover 
{background:url(../images/identity_on.gif);}

#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}

#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{left:0; top:20px;  width:147px; height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:147px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; height:20px; width:147px;  text-decoration:none; padding:0; cursor:pointer;}
#nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}



/* parents sub nav */
#nav :hover ul li a.coppa {background:url(../images/coppa_off.gif); background-repeat:repeat-x;}
#nav :hover ul li a.privolock {background:url(../images/privolock_off.gif); background-repeat:repeat-x;}
#nav :hover ul li a.protect {background:url(../images/protect_off.gif); background-repeat:repeat-x;}
#nav :hover ul li a.resource {background:url(../images/resource_off.gif); background-repeat:repeat-x;}
#nav :hover ul li a.kids {background:url(../images/kids_off.gif); background-repeat:repeat-x;}
#nav :hover ul li a.account {background:url(../images/account_off.gif); background-repeat:repeat-x;}
#nav :hover ul li a.faqs {background:url(../images/faqs_off.gif); background-repeat:repeat-x;}


#nav :hover ul.sub li a.coppa:hover {background:url(../images/coppa_on.gif);position:relative;}
#nav :hover ul.sub li a.privolock:hover {background:url(../images/privolock_on.gif);position:relative;}
#nav :hover ul.sub li a.protect:hover {background:url(../images/protect_on.gif);position:relative;}
#nav :hover ul.sub li a.resource:hover {background:url(../images/resource_on.gif);position:relative;}
#nav :hover ul.sub li a.kids:hover {background:url(../images/kids_on.gif);position:relative;}
#nav :hover ul.sub li a.account:hover {background:url(../images/account_on.gif);position:relative;}
#nav :hover ul.sub li a.faqs:hover {background:url(../images/faqs_on.gif);position:relative;}

/* clients and partners */
#nav :hover ul li a.clients {background:url(../images/clients_off.gif); background-repeat:repeat-x;}
#nav :hover ul li a.partners {background:url(../images/partners_off.gif); background-repeat:repeat-x;}

#nav :hover ul.sub li a.clients:hover {background:url(../images/clients_on.gif);position:relative;}
#nav :hover ul.sub li a.partners:hover {background:url(../images/partners_on.gif);position:relative;}

/* products and services */
#nav :hover ul li a.products {background:url(../images/products_off.gif); background-repeat:repeat-x;}
#nav :hover ul li a.services {background:url(../images/services_off.gif); background-repeat:repeat-x;}

#nav :hover ul.sub li a.products:hover {background:url(../images/products_on.gif);position:relative;}
#nav :hover ul.sub li a.services:hover {background:url(../images/services_on.gif);position:relative;}

/* identity resources */
#nav :hover ul li a.legislation {background:url(../images/legislation_off.gif); background-repeat:repeat-x;display:block; height:30px;}
#nav :hover ul li a.rss {background:url(../images/rss_off.gif); background-repeat:repeat-x;}

#nav :hover ul.sub li a.legislation:hover {background:url(../images/legislation_on.gif);position:relative;display:block; height:30px;}
#nav :hover ul.sub li a.rss:hover {background:url(../images/rss_on.gif);position:relative;}

#nav :hover ul.sub li a:hover b {left:100px; top:15px; background:#fff; color:#000; border:1px solid #888; display:block; width:100px; height:20px; text-align:center; font-size:12px; line-height:18px;}