/***********************************************************************
                       Main Menu Roll Over Buttons
***********************************************************************/
#home
{ 
	background-image: url(../images/over_08.jpg);
	width: 215px;
	height: 35px;
}

#events
{ 
	background-image: url(../images/over_11.jpg);
	width: 215px;
	height: 35px;
}

#mycismo
{ 
	background-image: url(../images/over_12.jpg);
	width: 215px;
	height: 35px;
}

#members
{ 
	background-image: url(../images/over_13.jpg);
	width: 215px;
	height: 35px;
}

#gallery
{ 
	background-image: url(../images/over_14.jpg);
	width: 215px;
	height: 35px;
}

#about
{ 
	background-image: url(../images/over_15.jpg);
	width: 215px;
	height: 34px;
}

/***********************************************************************
               Members Page Menu Rollover Over Buttons
***********************************************************************/
#executive 
{ 
	background-image: url(../images/memberpage/executive_over.gif);
	width: 110px;
	height: 86px;
}

#mentors 
{ 
	background-image: url(../images/memberpage/mentors_over.gif);
	width: 110px;
	height: 86px;
}

#mentees 
{ 
	background-image: url(../images/memberpage/mentees_over.gif);
	width: 110px;
	height: 86px;
}

/***********************************************************************
                      General Menu Rollover Effect
***********************************************************************/
.menu 
{ 
	background-repeat:no-repeat;
	display: block;
	margin: 0; 
	padding: 0;
	float: left;
	overflow: hidden; 
}

.menu  a {
	display: block;
	float: left;
	overflow: hidden;
}

.menu img {border: 0 }
* html a:hover {visibility:visible}
.menu a:hover img{visibility:hidden}