/* this is the main UL element*/
#menuContain
{
    display: block;
    width: 664px;
    height: 26px;
    position: relative;
    margin: -57px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    left: 51px;
    background-image: url(../images/nav/back.gif);
}
.ie #menuContain
{
    left: 50px;
}

#dropDownMenu
{
	width: 664px;
	height: 26px;
}

.dropdown{
	display:none;
	width: 664px;
	height: 26px;
	padding:0;
	margin: 0;
	list-style:none;
}

/* these are the inner menus*/
.dropdown ul
{
	border-top:1px solid #444;
	list-style:none;
}

/* these are all the LIs in the menu*/
.dropdown li{
	width:98px;
	cursor:pointer;
	text-align: center;
}

/* these are anchor in the menu, if you want to style them differently from the rest of you website*/
.dropdown a
{
    width: 100%;
    display: block;
    font-family: Tahoma, Helvetica, Arial, Sans-Serif;
    font-size: 10pt;
	text-decoration:none;
	color:#e5e5e5;
	padding: 5px;
}

.dropdown a:hover{
	text-decoration:underline;
    background-image: url(../images/nav/back_active.gif);
	color: #2E5C8E;
	width: 100%;
}

/* these are the LIs that only belong to submenu*/
.dropdown ul li{
	border:1px solid #444;
	border-top:0;
}

/* these are the LIs that contains a submenu*/
.dropdown li.submenu-down{
	width:108px;
}
.dropdown li.submenu-down li{
	width:160px;
    background-image: url(../images/nav/back.gif);
    margin-left: -39px;
}
.ie .dropdown li.submenu-down li{
	width:160px;
    background-image: url(../images/nav/back.gif);
    margin-left: 0px;
}
.dropdown li.submenu-down li a
{
    border: none;
    width: 150px;
}
.dropdown li.submenu-down li a:hover
{
    border: none;
    padding: none;
}

/* these are the LIs that contains a submenu and which are in a sub-menu themselve*/
.dropdown li.submenu-left{
	width:108px;
}