/*-------------MainNav-------------*/
.navTopLeft				{background-image:url(../../images/menu/butt_r.gif); background-repeat:no-repeat; background-color:#ffffff; width:8px; height:34px; float:right;}
.navTopRight			{background-image:url(../../images/menu/butt_l.gif); background-repeat:no-repeat; background-color:#ffffff; width:8px; height:34px;float:left;}
.mainNavContainer 		{ width:770px; height:34px; text-align:left; margin-right:auto; margin-left:auto; background-image:url(../../images/menu/butt_p.gif);float:left; background-repeat:repeat-x; background-color:#ffffff; margin-bottom:0.6em; margin-top:0.9em;}
.mainNavContainer span	{ background-image:url(../../images/topbar/menu_saperator.gif);  background-repeat:no-repeat; background-position:left 60%; width:8px;} 

.mainNavBar	{background-color:#5A94D3; border-top:#FFFFFF 1px solid;}

.topMenu 	{margin:0em; float:left; list-style-type:none; clear:right; margin-left:0.4em; line-height:90%;}

.topMenu li 				{margin-top:8px; font-size:90%; font-weight:normal; display:inline; background-image:none; margin-left:3px; padding-left:0px;}
.topMenu li a				{color: #FFFFFF; text-decoration:none}
.topMenu li a:link			{color: #FFFFFF; text-decoration:none}
.topMenu li a:hover			{color: #FFFFFF; text-decoration:none}
.topMenu li a:visited		{color: #FFFFFF; text-decoration:none}
.topMenu li.topMenuSelected a{ font-weight:bold}

.langNavDiv				{margin-top:4px;}
.langNav 				{float:right; font-weight:bold; width:120px; margin-top:3px;}
.langNav li				{font-size:80%; clear:right; display:inline; background-image:none; margin:0px; padding:0px;}
.langNav li a			{color: #FFFFFF; text-decoration:none}
.langNav li a:link		{color: #FFFFFF; text-decoration:none}
.langNav li a:hover		{color: #FFFFFF; text-decoration:none}
.langNav li a:visited	{color: #FFFFFF; text-decoration:none}

DIV#navTopContainer 
{
	float: left;
	height:22px;
	width:630px;
}

DIV#navTopContainer UL
{ 
	position: relative; 
	list-style: none; 
	float: left; 
	padding: 0px;
	margin: 0px;
	width:630px; 
}

DIV#navTopContainer UL LI
{ 
    position: relative; 
    float: left; 
    padding-left:0em; 
    padding-top:0em; 
    font-size:80%; 
    font-weight:bold; 
    display:inline;
    background-image:none;
    /*height:15px;*/
}

DIV#navTopContainer UL LI A 
{ 
	text-decoration: none; 
	width: 1px;
	white-space: nowrap; 
	text-align: left; 
	color: #FFFFFF; 
}

DIV#navTopContainer UL LI>A 
{ 
	width:auto ; 
}

DIV#navTopContainer UL LI A:hover 
{ 
	text-decoration: underline; 
}

DIV#navTopContainer UL LI A.topMenuSelected
{ 
    font-weight:bold	 
}


DIV#navTopContainer UL UL.topPages 
{ 
	text-align: left; 
	width: 178px; 
	display: none; 
	margin-top: 4px; 
	position: absolute; 
	left:-2px;
	top: 18px;
	padding: 0px; 
	/*background-color:#ab9e72;*/background-color:#7A6E99;
	border-bottom:1px solid #ffffe7;
	background-image:none;
}

DIV#navTopContainer UL UL.topPages LI 
{ 
	position: relative; 
	padding: 0px;
	margin: 0px;
	border:1px solid #ffffe7;
	border-bottom:0px;
	width:173px;
	padding-left:5px;
	background-image:none;
	white-space:normal; padding:2px;
}

DIV#navTopContainer UL UL.topPages A 
{ 
	height: auto;
	text-align: left; 
	white-space: normal; 
	padding-right:0px;
	margin: 0px;
	padding:1px; 
	display:block;
	font-size:125%;
	
	/* 
	we have 7px padding therefore width is 163 instead of 170.
	in IE 5.5 this doesn't work. 
	*/ 
	width: 170px; 	
}

DIV#navTopContainer UL UL.topPages A:hover 
{ 
	position:relative;
	color: #ffffff; 
	font-weight:bold;
}

DIV#navTopContainer UL UL.topPages UL
{ 
	/*margin: -30px 0px 0px 0px; */
	position: absolute; 
}