/************************************************
Dropdown Menu
************************************************/

/***HTML Drop Down Menu****/
div#dropdownmegamenu
{
	height:55px;
	padding-left: 28px;
}

#dropdownmegamenu ul { /* remove bullets and list indents */
	list-style-type:none;
	margin: 0;
	padding: 0;
	float:left;
	position: relative;
	z-index:20;
}

ul.megamenu_column
{
	width: 173px;
	padding:0 4px 0 5px !important;
}

#dropdownmegamenu ul.megamenu_column a
{
	color:#ffffff;
	text-decoration: none;
	line-height: 14px;
	font-size: 12px;
	display: inline-block;
	margin: 6px 1px 6px 11px;
	letter-spacing: 1px;
}

#dropdownmegamenu ul a.megamenu_level1
{
	font-size: 15px;
	line-height: 17px;
	color:#ffffff;
	font-weight: bold;
	letter-spacing: 0px;
	margin: 2px 0 0px 0;
	padding: 5px 5px 6px 11px;
	width: 157px;
}

#dropdownmegamenu ul a:hover
{
	text-decoration: underline;
}

#dropdownmegamenu ul.megamenu_level1
{
	float: none;
	margin-bottom: 7px;
}

#dropdownmegamenu ul.megamenu_column li{}

#dropdownmegamenu .megamenu_container
{
	border: 1px solid #8dc4ca;
	border-top: 6px solid #811e1e;
	background:#43729c;
	position: absolute;
	padding: 4px 0px 4px 0; 
	display: none;
}

#dropdownmegamenu .inner_container{background:url(_gfx/nav/megamenu_dividers.gif) 0px 0px repeat-y;float: left; width: 100%;}

#dropdownmegamenu .widthcontainer1col{width: 189px;}
.megamenuitem7 .widthcontainer1col{right: 0px;}

#dropdownmegamenu .widthcontainer2col{width: 364px;}
.megamenuitem6 .widthcontainer2col, .megamenuitem7 .widthcontainer2col, .megamenuitem8 .widthcontainer3col, .megamenuitem8 .widthcontainer2col{right: 0px;}

#dropdownmegamenu .widthcontainer3col{width: 547px;}

.megamenuitem5 .widthcontainer3col, .megamenuitem6 .widthcontainer3col, .megamenuitem7 .widthcontainer3col{right: 0px;}

#dropdownmegamenu .widthcontainer4col{width: 690px;}

.megamenuitem3 .widthcontainer4col, .megamenuitem4 .widthcontainer4col, .megamenuitem5 .widthcontainer4col, .megamenuitem6 .widthcontainer4col, .megamenuitem7 .widthcontainer4col{right: 0px;}

/*Determine hide/show behavior of sub-menus*/

div#dropdownmegamenu ul li:hover .megamenu_container{display: block;}

#dropdownmegamenu ul li{float:left;}
#dropdownmegamenu ul li li {float: none;}


/* Root Item images */

a.dropdownrootitem1,
a.dropdownrootitem2,
a.dropdownrootitem3,
a.dropdownrootitem4,
a.dropdownrootitem5,
a.dropdownrootitem6,
a.dropdownrootitem7,
a.dropdownrootitem8
{
	display:block;
	padding: 55px 0 0 0;
	overflow: hidden;
	height: 0px;
}

a:hover.dropdownrootitem1,
a:hover.dropdownrootitem2,
a:hover.dropdownrootitem3,
a:hover.dropdownrootitem4,
a:hover.dropdownrootitem5,
a:hover.dropdownrootitem6,
a:hover.dropdownrootitem7,
a:hover.dropdownrootitem8
{margin: 0;}

a.dropdownrootitem1, a:hover.dropdownrootitem1, a.dropdownrootitem1_over
{
	display: none;
}

a.dropdownrootitem2 {
    background: url("_gfx/nav/2.png") no-repeat scroll 0 0 transparent;
    width: 111px;
}
a.dropdownrootitem3 {
    background: url("_gfx/nav/3.png") no-repeat scroll 0 0 transparent;
    width: 133px;
}
a.dropdownrootitem4 {
    background: url("_gfx/nav/4.png") no-repeat scroll 0 0 transparent;
    width: 135px;
}
a.dropdownrootitem5 {
    background: url("_gfx/nav/5.png") no-repeat scroll 0 0 transparent;
    width: 128px;
}
a.dropdownrootitem6 {
    background: url("_gfx/nav/6.png") no-repeat scroll 0 0 transparent;
    width: 152px;
}
a.dropdownrootitem7 {
    background: url("_gfx/nav/7.png") no-repeat scroll 0 0 transparent;
    width: 100px;
}
a.dropdownrootitem8 {
    background: url("_gfx/nav/8.png") no-repeat scroll 0 0 transparent;
    width: 128px;
}


a:hover.dropdownrootitem2, li:hover a.dropdownrootitem2,
a:hover.dropdownrootitem3, li:hover a.dropdownrootitem3,
a:hover.dropdownrootitem4, li:hover a.dropdownrootitem4,
a:hover.dropdownrootitem5, li:hover a.dropdownrootitem5,
a:hover.dropdownrootitem6, li:hover a.dropdownrootitem6,
a:hover.dropdownrootitem7, li:hover a.dropdownrootitem7,
a:hover.dropdownrootitem8, li:hover a.dropdownrootitem8,
#dropdownmegamenu a.active
{background-position: 0 -55px !important;}

