/* Root Item images */

/*IE6 ul width fix - ul becomes 100% width if you don't specific the widths*/
.dropdownrootitem1ul{width:80px;}
.dropdownrootitem2ul{width:98px;}
.dropdownrootitem3ul{width:132px;}
.dropdownrootitem4ul{width:135px;}
.dropdownrootitem5ul{width:161px;}
.dropdownrootitem6ul{width:153px;}
.dropdownrootitem7ul{width:97px;}
/*IE6 ul width fix*/

/* This does not work in IE6
#dropdownmenu > ul > li > a
{
	display:block;
}
*/

a.dropdownrootitem1
{
	background-image:url(_gfx/nav/1.png) ;
	width:80px;
	display: block;
    padding: 39px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:39px;
}

a:hover.dropdownrootitem1
{
	background:url(_gfx/nav/1_over.png) 0 0px no-repeat;
	margin: 0;
}

a.dropdownrootitem2
{
	background:url(_gfx/nav/2.png) 0 0 ;
	width:98px;
	display: block;
    padding: 39px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:39px;
}

a:hover.dropdownrootitem2
{
	background:url(_gfx/nav/2_over.png) 0 0px no-repeat;
	margin: 0;
}

a.dropdownrootitem3
{
	background-image:url(_gfx/nav/3.png);
	width:132px;
	display: block;
    padding: 39px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:39px;
}

a:hover.dropdownrootitem3
{
	background:url(_gfx/nav/3_over.png) 0 0px no-repeat;
	margin: 0;
}

a.dropdownrootitem4
{
	background-image:url(_gfx/nav/4.png);
	width:135px;
	display: block;
    padding: 39px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:39px;
}

a:hover.dropdownrootitem4
{
	background:url(_gfx/nav/4_over.png) 0 0px no-repeat;
	margin: 0;
}

a.dropdownrootitem5
{
	background-image:url(_gfx/nav/5.png);
	width:161px;
	display: block;
    padding: 39px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:39px;
}

a:hover.dropdownrootitem5
{
	background:url(_gfx/nav/5_over.png) 0 0px no-repeat;
	margin: 0;
}

a.dropdownrootitem6
{
	background-image:url(_gfx/nav/6.png);
	width:153px;
	display: block;
    padding: 39px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:39px;
}

a:hover.dropdownrootitem6
{
	background:url(_gfx/nav/6_over.png) 0 0px no-repeat;
	margin: 0;
}

a.dropdownrootitem7
{
	background-image:url(_gfx/nav/7.png);
	width:97px;
	display: block;
    padding: 39px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:39px;
}

a:hover.dropdownrootitem7
{
	background:url(_gfx/nav/7_over.png) 0 0px no-repeat;
	margin: 0;
}

/* Root Item images over - These classes are being used with javascript. */
a.dropdownrootitem1_over
{
	background:url(_gfx/nav/1_over.png) 0 0px no-repeat;
	width:80px;
	display: block;
    padding: 39px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:39px;
}

a:hover.dropdownrootitem1_over
{
	background:url(_gfx/nav/1_over.png) 0 0px no-repeat;
	margin: 0;
}

a.dropdownrootitem2_over
{
	background:url(_gfx/nav/2_over.png) 0 0px no-repeat;
	width:98px;
	display: block;
    padding: 39px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:39px;
}

a:hover.dropdownrootitem2_over
{
	background:url(_gfx/nav/2_over.png) 0 0px no-repeat;
	margin: 0;
}

a.dropdownrootitem3_over
{
	background:url(_gfx/nav/3_over.png) 0 0px no-repeat;
	width:132px;
	display: block;
    padding: 39px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:39px;
}

a:hover.dropdownrootitem3_over
{
	background:url(_gfx/nav/3_over.png) 0 0px no-repeat;
	margin: 0;
}

a.dropdownrootitem4_over
{
	background:url(_gfx/nav/4_over.png) 0 0px no-repeat;
	width:135px;
	display: block;
    padding: 39px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:39px;
}

a:hover.dropdownrootitem4_over
{
	background:url(_gfx/nav/4_over.png) 0 0px no-repeat;
	margin: 0;
}

a.dropdownrootitem5_over
{
	background:url(_gfx/nav/5_over.png) 0 0px no-repeat;
	width:161px;
	display: block;
    padding: 39px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:39px;
}

a:hover.dropdownrootitem5_over
{
	background:url(_gfx/nav/5_over.png) 0 0px no-repeat;
	margin: 0;
}

a.dropdownrootitem6_over
{
	background:url(_gfx/nav/6_over.png) 0 0px no-repeat;
	width:153px;
	height: 39px;
	display: block;
    padding: 39px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:39px;
}

a:hover.dropdownrootitem6_over
{
	background:url(_gfx/nav/6_over.png) 0 0px no-repeat;
	margin: 0;
}

a.dropdownrootitem7_over
{
	background:url(_gfx/nav/7_over.png) 0 0px no-repeat;
	width:153px;
	height: 39px;
	display: block;
    padding: 39px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:39px;
}

a:hover.dropdownrootitem7_over
{
	background:url(_gfx/nav/7_over.png) 0 0px no-repeat;
	margin: 0;
}
/* Root Item images over */

/* Root Item images */
