.menu-professional {
	position:relative;
	width: 330px;
}

/* There is a menu-professional style in IE_styles.css to give it a z-index. */

ul.primary-menu {
    list-style: none;
    margin: 0 10px 10px 0;
    width: 330px;
    height: 60px;
}

.menu-professional a:link, .menu-professional a:active, .menu-professional a:visited {
	text-decoration:none;
}

.menu-professional a {
    cursor: pointer;
	cursor: hand;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
ul.primary-menu li {
    position: absolute;
    list-style: none;
    float: left;
    width: 165px;
    height: 30px;
    color: #fff;
    text-align: left;
}

ul.primary-menu li.item1 {
    top: 0;
    left: 0;
}

ul.primary-menu li.item2 {
    top: 0;
    left: 165px;
}

ul.primary-menu li.item3 {
    top: 30px;
    left: 0;
}

ul.primary-menu li.item4 {
    top: 30px;
    left: 165px;
}

ul.primary-menu li.item1:hover, ul.primary-menu li.item2:hover, ul.primary-menu li.item3:hover, ul.primary-menu li.item4:hover,
ul.primary-menu li.mhover-item1, ul.primary-menu li.mhover-item2, ul.primary-menu li.mhover-item3, ul.primary-menu li.mhover-item4 {
    z-index: 500;
    border: 0; /* This seems to fix the IE7 bug where the menu will not appear on top. */
}

/* style the links for the top level */
.menu-professional a.primary {
    display: block;
    width: 165px;
	height: 30px;
	line-height: 30px;
	text-align: left;
    font-size: 13px;
    font-weight: bold;
}

.menu-professional a.primary span {
    visibility: hidden;
}

/***** Begin common nested ul, li and a styles *****/
ul.primary-menu ul {
	padding-top: 10px;
    width: 165px;
    overflow: hidden;
}

ul.primary-menu li.item1 ul  {
	background: #fff url('../images/bg_menu_pro_dd.gif') no-repeat;
    height: 250px;
}

ul.primary-menu li.item2 ul {
	background: #fff url('../images/bg_menu_pro_dd.gif') no-repeat;
    height: 250px;
}

ul.primary-menu li.item3 ul {
	background: #fff url('../images/bg_menu_pro_dd_short.gif') no-repeat;
    height: 219px;
}

ul.primary-menu li.item4 ul {
	background: #fff url('../images/bg_menu_pro_dd_short.gif') no-repeat;
    height: 219px;
}

ul.primary-menu ul li {
    position: relative;
	padding: 2px 10px 0 12px;
    width: 143px;
	height: auto;
}

ul.primary-menu ul li a {
	display: block;
    font-weight: bold;
	color: #005c8c !important;
}

ul.primary-menu ul a:hover {
	background: transparent;
	color: #005c8c;
	text-decoration: underline;
}

/* Unique styles */
ul.primary-menu li.highlight a {
    font-weight: bold;
	color: #005c8c !important;
}

ul.primary-menu li.separator {border: 0;}/* Cancels out a default SharePoint style */

ul.primary-menu li.separator a {
    margin-bottom: 4px;
    border-bottom: dashed 1px #7d9798;
    padding-bottom: 6px !important;
}

ul.primary-menu li.sub-item a {
	padding-left: 10px;
	font-weight: normal;
    color: #333 !important;
}
/***** End common nested ul, li and a styles *****/

/***** Begin second level menus *****/
ul.primary-menu ul.secondary-menu {
	visibility: hidden;
	clear: both;
	position: absolute;
	left: -999px;
	text-transform: capitalize;
}

/* make the second level visible when hover on first level list */
ul.primary-menu li.item1:hover ul.secondary-menu, 
ul.primary-menu li.mhover-item1 ul.secondary-menu {
	visibility: visible;
	top: 0;
	left: 165px;
}

ul.primary-menu li.item2:hover ul.secondary-menu, 
ul.primary-menu li.mhover-item2 ul.secondary-menu {
	visibility: visible;
	top: 0;
    left: -165px;
}

ul.primary-menu li.item3:hover ul.secondary-menu, 
ul.primary-menu li.mhover-item3 ul.secondary-menu {
	visibility: visible;
	top: 1px;
    left: 165px;
}

ul.primary-menu li.item4:hover ul.secondary-menu, 
ul.primary-menu li.mhover-item4 ul.secondary-menu {
	visibility: visible;
	top: 1px;
    left: -165px;
}

/***** End second level menus *****/

/***** Begin choose styles *****/
ul#menu-choose li.item1 a.primary {
    background: transparent url('../images/menu_choose1_off.gif') no-repeat;
}

ul#menu-choose li.item2 a.primary {
    background: transparent url('../images/menu_choose2_off.gif') no-repeat;
}

ul#menu-choose li.item3 a.primary {
    background: transparent url('../images/menu_choose3_off.gif') no-repeat;
}

ul#menu-choose li.item4 a.primary {
    background: transparent url('../images/menu_pro4_off.gif') no-repeat;
}

/* hover styles */
ul#menu-choose li.item1 a.primary:hover, ul#menu-choose li.item1:hover a.primary, ul#menu-choose li.mhover-item1 a.primary  {
    background: transparent url('../images/menu_choose1_on.gif') no-repeat;
}

ul#menu-choose li.item2 a.primary:hover, ul#menu-choose li.item2:hover a.primary, ul#menu-choose li.mhover-item2 a.primary {
    background: transparent url('../images/menu_choose2_on.gif') no-repeat;
}

ul#menu-choose li.item3 a.primary:hover, ul#menu-choose li.item3:hover a.primary, ul#menu-choose li.mhover-item3 a.primary {
    background: transparent url('../images/menu_choose3_on.gif') no-repeat;
}

ul#menu-choose li.item4 a.primary:hover, ul#menu-choose li.item4:hover a.primary, ul#menu-choose li.mhover-item4 a.primary {
    background: transparent url('../images/menu_pro4_on.gif') no-repeat;
}
/***** End choose styles *****/

/***** Begin meet styles *****/
ul#menu-meet li.item1 a.primary {
    background: transparent url('../images/menu_meet1_off.gif') no-repeat;
}

ul#menu-meet li.item2 a.primary {
    background: transparent url('../images/menu_meet2_off.gif') no-repeat;
}

ul#menu-meet li.item3 a.primary {
    background: transparent url('../images/menu_meet3_off.gif') no-repeat;
}

ul#menu-meet li.item4 a.primary {
    background: transparent url('../images/menu_pro4_off.gif') no-repeat;
}

/* hover styles */
ul#menu-meet li.item1 a.primary:hover, ul#menu-meet li.item1:hover a.primary, ul#menu-meet li.mhover-item1 a.primary  {
    background: transparent url('../images/menu_meet1_on.gif') no-repeat;
}

ul#menu-meet li.item2 a.primary:hover, ul#menu-meet li.item2:hover a.primary, ul#menu-meet li.mhover-item2 a.primary {
    background: transparent url('../images/menu_meet2_on.gif') no-repeat;
}

ul#menu-meet li.item3 a.primary:hover, ul#menu-meet li.item3:hover a.primary, ul#menu-meet li.mhover-item3 a.primary {
    background: transparent url('../images/menu_meet3_on.gif') no-repeat;
}

ul#menu-meet li.item4 a.primary:hover, ul#menu-meet li.item4:hover a.primary, ul#menu-meet li.mhover-item4 a.primary {
    background: transparent url('../images/menu_pro4_on.gif') no-repeat;
}
/***** End meet styles *****/