
/* ------------------------------------------------------ */
/* Standard constructions that should apply to all menus. */
/* Edit these definitions should not be required.         */
/* ------------------------------------------------------ */
.menuItemsContainer .menuItem, .menuItemsContainer .expandItem {
	display: block;
}
.horizontalMenu .menuItem, .horizontalMenu .expandItem, .horizontalMenu .separator {
	float: left;
}
.verticalMenu .menuItem, .verticalMenu .expandItem {
	/*width: 100%;*/
}
.menuItemsContainer .dropItem {
	display: block;
	clear:left;
	cursor: pointer;
	white-space: nowrap;
}
.menuItemsContainer .dropDown {
	position: absolute;
	z-index: 100000;
	visibility: hidden;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px;
}
.menuItemsContainer li {
	display: inline;
}
.menuItemsContainer ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

/* ------------------------------------------------------ */
/* The following classes should be modified to customize  */
/* the appearance of your menu. */
/* ------------------------------------------------------ */



.Menu {
}

/* Main Nav */
.Menu .menuItem {
	background-color: white;
	line-height: 17px;
	font-size: 11px;
	color: black;
	text-decoration: none;
	padding: 0px 10px 0px 10px;
	margin: 0px;
}
.Menu .menuItem:hover {
	background-color: #f7f7f7;
	color: black;
	text-decoration: none;
}


.FooterMenu .menuItem {
	line-height: 15px;
	font-size: 10px;
	color: black;
	text-decoration: none;
	padding: 0 0 0 12px;
	margin: 0px;
}
.FooterMenu .menuItem:hover {
	color: #FF3434;
	text-decoration: none;
}

.SubMenu .verticalMenu{
	background-image:url(../Images/about-nav-back.gif);
	background-repeat:repeat-y;
}

.TopMenu {
border-bottom: 1px solid white;
}


.TopMenu .verticalMenu, .HomeMenu .verticalMenu{
background-image:url(../Images/TopMenuBack.gif);
background-repeat:repeat-y;
padding:0;
margin:0;
}


.TopMenu .menuItem{
background-image:url(../Images/off.gif);
background-repeat:no-repeat;
background-position:left;
font-size: 11px;
color: black;
text-decoration: none;
padding: 0 0 0 20px;
margin:0 0 16px 0;
}


.TopMenu .menuItem:hover{
background-image:url(../Images/on.gif);
background-repeat:no-repeat;
background-position:left;
font-size: 11px;
color: black;
text-decoration: none;          
}
.TopMenu .currentItem{
background-image:url(../Images/on.gif);
background-repeat:no-repeat;
background-position:left;        
}

.TopMenu .lastItem{
padding: 0 0 0 20px;     
margin:0;
}
								   
.TopMenu .lastItem:hover{
margin:0;
}                                    


.HomeMenu .menuItem{
background-image:url(../Images/on.gif);
background-repeat:no-repeat;
background-position:left;
font-size: 11px;
color: black;
text-decoration: none;
padding: 0 0 0 20px;
margin:0 0 16px 0;
}

.HomeMenu .menuItem:hover{
background-image:url(../Images/off.gif);background-repeat:no-repeat;
background-position:left;
font-size: 11px;
color: black;
text-decoration: none;
padding: 0 0 0 20px;
margin:0 0 16px 0;
}

.HomeMenu .lastItem{
padding: 0 0 0 20px;
margin:0;
}

.HomeMenu .lastItem:hover{
margin:0;
}





.SubMenu .menuItem {
background-image:url(../Images/offsub.gif);
background-repeat:no-repeat;
background-position:0 0;
font-size: 11px;
color: black;
text-decoration: none;
margin: 0 0 14px 0;
padding:0 0 0 15px;
}

.SubMenu .menuItem:hover, .SubMenu .currentItem {
background-image:url(../Images/onsub.gif);
background-repeat:no-repeat;
background-position:0 0;
color: black;
text-decoration: none;
margin: 0 0 14px 0;
padding:0 0 0 15px;
}



.Menu .menuItem {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.Menu .lastItem {
	border-right: 1px solid #ccc;
}

/* conference website menu */

.menuconf{
height:28px;
background-color:#FF3333;
color:#FFF;
padding:0;
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
display:block;
}

.menuconf .menuItem{
font-size: 1.1em;
color: #FFF;
padding: 0 2px;
margin: 6px 0 0 0;
text-decoration:none;
}

.menuconf .separator{
margin:6px 0 0 0;
}

.menuconf .menuItem:hover{
text-decoration: none;
color:#000;
}
/*
.menuconf .lastItem{
margin:0;
}

.menuconf .lastItem:hover{
margin:0;
}*/

.menuconf .dropItem{
background-color: #FF3333;
text-decoration:none;
color:#fff;
line-height:10px;
padding:5px;
text-align:left;
font-size: 1.1em;
margin-top:15px;

}

.menuconf .dropItem:hover {
	background-color: #f7f7f7;
	color: black;
	text-decoration: none;
}

.menuconf .dropFirstItem{
margin-top:12px;
}

.menuconf .dropLastItem{
margin-top:1px;
}


.footerconf{
margin:5px 0 10px 0;

}
.footerconf .menuItem{
color:#000;
text-decoration:none;
padding:0 4px 0 4px


}

.footerconf .menuItem:hover{
color:#FF3333;
text-decoration:none;
}

/* Main Nav Dropdowns */
.Menu .dropItem {
	background-color: white;
	padding: 0px 10px;
	line-height: 17px;
	font-size: 11px;
	text-decoration: none;
	border: 1px solid #ccc;
	border-bottom: 0px;
	color: black;
}
.Menu .dropLastItem {
	border-bottom: 1px solid #ccc;
}
.Menu .dropItem:hover {
	background-color: #f7f7f7;
	color: black;
	text-decoration: none;
}


/* Main Nav Expander */
.Menu .expandItem {
	background-color: yellow;
	padding: 0px 10px 0px 20px;
	line-height: 17px;
	font-size: 11px;
	text-decoration: none;
	border: 1px solid #ccc;
	border-bottom: 0px;
	color: red;
}
.Menu .expandLastItem {
  /*  border-bottom: 1px solid pink;*/
}
.Menu .expandItem:hover {
	background-color: #f7f7f7;
	color: black;
	text-decoration: none;
}
.Menu .expandArrowItem, .Menu .dropArrowItem {
	background-image: url(../Images/menuArrowBlack.gif);
	background-repeat: no-repeat;
	background-position: center right;
}

.Menu .beforeExpandItem {
	/*color: blue;*/
	border-bottom: 0px;
}
.Menu .afterExpandItem {
	/*color: red;*/
	/*border-top: 1px solid black;*/
}

/* Currently selected items are highlighted the same colour in both main and dropdown nav */
.Menu .currentItem, .Menu .dropCurrentItem, .Menu .expandCurrentItem {
	background-color: green;
}
/********************************************************************************/


