
/*About us button*/

#about{
	margin:0;
	padding:0;
	}
#about li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	background:url(../images/about-on.jpg) no-repeat;
	width:102px;
	height:48px;
	_height:48px;

}
#about li a
{	display: block;
	background:url(../images/about-off.jpg) no-repeat;
	width:102px;
	height:48px;
	_height:48px;

}
#about li a:hover
{
background:url(../images/about-on.jpg) no-repeat;
	width:102px;
	height:48px;
	_height:48px;
}
#about div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
}
#about div a
{	position: relative;
	display: block;
	margin: 0;
	padding:5px 0 0 14px;
	text-align: left;
	text-decoration: none;
	font-weight:normal;
	color: #333333;
	font-family:Tahoma;
	font-size:11px;
	background:url(../images/mouse-off.jpg) no-repeat;
	width:220px;
	height:20px;
}
#about div a:hover
{	background: #49A3FF;
	color: #333333;
	background:url(../images/mouse-on.jpg) no-repeat;
	width:220px;
	height:20px;
	font-weight:normal;
}


/*Get Connected button*/

#get-connexted{
	margin:0;
	padding:0;
	}
#get-connexted li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	background:url(../images/get-connected-on.jpg) no-repeat;
	width:135px;
	height:48px;
	_height:48px;
}
#get-connexted li a
{	display: block;
	background:url(../images/get-connected-off.jpg) no-repeat;
	width:135px;
	height:48px;
	_height:48px;

}
#get-connexted li a:hover
{
background:url(../images/get-connected-on.jpg) no-repeat;
	width:135px;
	height:48px;
	_height:48px;

}
#get-connexted div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
}
#get-connexted div a
{	position: relative;
	display: block;
	margin: 0;
	padding:5px 0 0 14px;
	text-align: left;
	text-decoration: none;
	font-weight:normal;
	color: #333333;
	font-family:Tahoma;
	font-size:11px;
	background:url(../images/mouse-off.jpg) no-repeat;
	width:220px;
	height:20px;
}
#get-connexted div a:hover
{	background: #49A3FF;
	color: #333333;
	background:url(../images/mouse-on.jpg) no-repeat;
	width:220px;
	height:20px;
	font-weight:normal;
}
/*Events button*/

#events{
	margin:0;
	padding:0;
	}
#events li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	background:url(../images/events-on.jpg) no-repeat;
	width:77px;
	height:48px;
	_height:48px;
}
#events li a
{	display: block;
	background:url(../images/events-off.jpg) no-repeat;
	width:77px;
	height:48px;
	_height:48px;

}
#events li a:hover
{
	background:url(../images/events-on.jpg) no-repeat;
	width:77px;
	height:48px;
	_height:48px;

}
#events div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
}
#events div a
{	position: relative;
	display: block;
	margin: 0;
	padding:5px 0 0 14px;
	text-align: left;
	text-decoration: none;
	font-weight:normal;
	color: #333333;
	font-family:Tahoma;
	font-size:11px;
	background:url(../images/mouse-off.jpg) no-repeat;
	width:220px;
	height:20px;
}
#events div a:hover
{	background: #49A3FF;
	color: #333333;
	background:url(../images/mouse-on.jpg) no-repeat;
	width:220px;
	height:20px;
	font-weight:normal;
}

/*Messages button*/

#messages{
	margin:0;
	padding:0;
	}
#messages li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	background:url(../images/massage-on.jpg) no-repeat;
	width:93px;
	height:48px;
	_height:48px;
}
#messages li a
{	display: block;
	background:url(../images/massage-off.jpg) no-repeat;
	width:93px;
	height:48px;
	_height:48px;

}
#messages li a:hover
{
	background:url(../images/massage-on.jpg) no-repeat;
	width:93px;
	height:48px;
	_height:48px;

}
#messages div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
}
#messages div a
{	position: relative;
	display: block;
	margin: 0;
	padding:5px 0 0 14px;
	text-align: left;
	text-decoration: none;
	font-weight:normal;
	color: #333333;
	font-family:Tahoma;
	font-size:11px;
	background:url(../images/mouse-off.jpg) no-repeat;
	width:220px;
	height:20px;
}
#messages div a:hover
{	background: #49A3FF;
	color: #333333;
	background:url(../images/mouse-on.jpg) no-repeat;
	width:220px;
	height:20px;
	font-weight:normal;
}

/*Evites button*/

#evites{
	margin:0;
	padding:0;
	}
#evites li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	background:url(../images/evites-on.jpg) no-repeat;
	width:70px;
	height:48px;
	_height:48px;
}
#evites li a
{	display: block;
	background:url(../images/evites-off.jpg) no-repeat;
	width:70px;
	height:48px;
	_height:48px;

}
#evites li a:hover
{
	background:url(../images/evites-on.jpg) no-repeat;
	width:70px;
	height:48px;

}
#evites div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
}
#evites div a
{	position: relative;
	display: block;
	margin: 0;
	padding:5px 0 0 14px;
	text-align: left;
	text-decoration: none;
	font-weight:normal;
	color: #333333;
	font-family:Tahoma;
	font-size:11px;
	background:url(../images/mouse-off.jpg) no-repeat;
	width:220px;
	height:20px;
}
#evites div a:hover
{	background: #49A3FF;
	color: #333333;
	background:url(../images/mouse-on.jpg) no-repeat;
	width:220px;
	height:20px;
	font-weight:normal;
}


/*Resources button*/

#resources{
	margin:0;
	padding:0;
	}
#resources li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	background:url(../images/resources-on.jpg) no-repeat;
	width:101px;
	height:48px;
	_height:48px;
}
#resources li a
{	display: block;
	background:url(../images/resources-off.jpg) no-repeat;
	width:101px;
	height:48px;
	_height:48px;

}
#resources li a:hover
{
	background:url(../images/resources-on.jpg) no-repeat;
	width:101px;
	height:48px;
	_height:48px;

}
#resources div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
}
#resources div a
{	position: relative;
	display: block;
	margin: 0;
	padding:5px 0 0 14px;
	text-align: left;
	text-decoration: none;
	font-weight:normal;
	color: #333333;
	font-family:Tahoma;
	font-size:11px;
	background:url(../images/mouse-off.jpg) no-repeat;
	width:220px;
	height:20px;
}
#resources div a:hover
{	background: #49A3FF;
	color: #333333;
	background:url(../images/mouse-on.jpg) no-repeat;
	width:220px;
	height:20px;
	font-weight:normal;
}


/*Member Services button*/

#member-services{
	margin:0;
	padding:0;
	}
#member-services li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	background:url(../images/member-service-on.jpg) no-repeat;
	width:157px;
	height:48px;
}
#member-services li a
{	display: block;
	background:url(../images/member-service-off.jpg) no-repeat;
	width:157px;
	height:48px;

}
#member-services li a:hover
{
	background:url(../images/member-service-on.jpg) no-repeat;
	width:157px;
	height:48px;

}
#member-services div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
}
#member-services div a
{	position: relative;
	display: block;
	margin: 0;
	padding:5px 0 0 14px;
	text-align: left;
	text-decoration: none;
	font-weight:normal;
	color: #333333;
	font-family:Tahoma;
	font-size:11px;
	background:url(../images/mouse-off.jpg) no-repeat;
	width:220px;
	height:20px;
}
#member-services div a:hover
{	background: #49A3FF;
	color: #333333;
	background:url(../images/mouse-on.jpg) no-repeat;
	width:220px;
	height:20px;
	font-weight:normal;
}
