/***HTML Drop Down Menu****/
div#dropdownmenu
{
	width: 922px;  /*set width of menu */
	margin: 0 0 0 9px;
	height: 38px;
	display: block;
	background: url(_gfx/nav/main_nav_bg.gif) 0 0 repeat-x;
}

#dropdownmenu ul { /* remove bullets and list indents */
	list-style-type:none;
	margin: 0;
	padding: 0;
	float:left;
	padding: 8px 0 0 15px;
	font-size: 16px !important;
}

#dropdownmenu ul:hover{background: url(_gfx/nav/main_nav_bg.gif) 0 -38px repeat-x;}

#dropdownmenu ul ul:hover {background: none;}

.navSpan
{
	display: block;
	color: #ffffff;
}

.navSpan a
{
	text-decoration: none;
	font-size: 14px;
	display: block;
	color:#fff !important;
	font-weight:bold;
	display: block;
}

a.dropdownitemlevel1, a.dropdownitemhaschildlevel1, a.dropdownitemlevel2
{
	display: block;
	border:1px solid #81c48c;
	margin-bottom: -1px !important;
	padding: 2px 12px 4px 4px;
	width:186px;
	font-size: 13px;
	text-align: left;
	color:#fff;
	cursor: pointer;
	line-height: 17px !important;
	background: url(_gfx/nav/main_nav_drop_bg.gif) 0 0 repeat-y;
	text-decoration:none;
}

a:hover.dropdownitemlevel1, a:hover.dropdownitemhaschildlevel1, a:hover.dropdownitemlevel2{
	background: #01679e url(_gfx/nav/main_nav_over.gif) 0 0 repeat-x;
	text-decoration: none;
	color: #fff;
}

a.dropdownitemhaschildlevel1
{
	background-image:url(_gfx/nav/main_nav_drop_bg_hc.jpg);
	background-position: 0% 0%;
	background-repeat:no-repeat;
}

#dropdownmenu ul ul
{
	position: absolute;
	left: -30px;
	top: 21px;
	z-index: 500;
	width:202px;
}

#dropdownmenu ul ul ul {
	position: absolute; 
	top: 0%;
	left: 65% !important; /*to position them to the right of their containing block */
	width:202px;
	z-index:400;/*IE7 fix if home collage is present*/
}

/*Determine hide/show behavior of sub-menus*/
div#dropdownmenu ul ul,
div#dropdownmenu ul li:hover ul ul,
div#dropdownmenu ul ul li:hover ul ul,
div#dropdownmenu ul li.over ul ul,
div#dropdownmenu ul ul li.over ul ul
{
	display: none;
}

div#dropdownmenu ul li:hover ul,
div#dropdownmenu ul ul li:hover ul,
div#dropdownmenu ul ul ul li:hover ul,
div#dropdownmenu ul li.over ul,
div#dropdownmenu ul ul li.over ul,
div#dropdownmenu ul ul ul li.over ul
{
	display: block;
}
/*Determine hide/show behavior of sub-menus*/


/*Control Z-Index*/
#dropdownmenu li {
	/* make the list elements a containing block for the nested lists */
	position: relative;
	z-index:20;
}

#dropdownmenu > ul > ul
{
	position: absolute;
	z-index:100;
}

#dropdownmenu ul ul ul {
	position: absolute; 
	z-index:110;
}

#dropdownmenu > ul > li
{
	position: relative;
	z-index:20;
}

#dropdownmenu ul li ul li:hover,
#dropdownmenu ul li ul li.over
{
	position: relative;
	z-index:205;
}

#dropdownmenu ul li ul li,
#dropdownmenu ul li ul li
{
	position: relative;
	z-index:200;
}

#dropdownmenu ul li ul li:hover ul li,
#dropdownmenu ul li ul li.over ul li
{
	position: relative;
	z-index:300;
}

#dropdownmenu ul li ul li ul li
{
	position: relative;
	z-index:400;
}
/*Control Z-Index*/



/* Fix IE. Hide from IE Mac \
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */



/* For IE6 Fix - I don't remember what it fixes.. It seems it is no longer needed. 
#dropdownmenu ul
{
	clear:right;
	float: left;
}
/* For IE6 Fix */



/*Nero - 11/05/2008 IE7 fix for google translate...*/
/*#dropdownmenu > ul > li
{
	float:left;
}*/

#dropdownmenu li li
{
	line-height:0px;
}
/*...IE7 fix for google translate*/

#dropdownmenu ul.dropdownrootitem2ul, #dropdownmenu ul.dropdownrootitem3ul, #dropdownmenu ul.dropdownrootitem8ul
{
	padding-left: 20px;
}

#dropdownmenu ul.dropdownrootitem2ul ul, #dropdownmenu ul.dropdownrootitem3ul ul, #dropdownmenu ul.dropdownrootitem8ul ul
{
	left: -35px;
}

#dropdownmenu ul.dropdownrootitem8ul ul ul {
	left: -106% !important; /*to position them to the right of their containing block */
}
