/** Buttons **/

.btn_caredfor-side {
display: block;
height: 50px;
width: 192px;
background-image: url(/images/buttons/btn_caredfor-sidebar-fr.gif);
background-position: 0px 0px;
}

.btn_caredfor-side:hover {
background-position: 0px -50px;
}

.btn_jhmonthly {
display: block;
height: 42px;
width: 192px;
background-image: url(/images/buttons/btn_jhmonthly-fr.gif);
background-position: 0px 0px;
}

.btn_jhmonthly:hover {
background-position: 0px -42px;
}

.btn_jhexpress {
display: block;
height: 42px;
width: 192px;
background-image: url(/images/buttons/btn_jhexpress-fr.gif);
background-position: 0px 0px;
}

.btn_jhexpress:hover {
background-position: 0px -42px;
}

.btn_jhpodcasts {
display: block;
height: 42px;
width: 192px;
background-image: url(/images/buttons/btn_jhpodcasts-fr.gif);
background-position: 0px 0px;
}

.btn_jhpodcasts:hover {
background-position: 0px -42px;
}

.btn_jhworkshops {
display: block;
height: 42px;
width: 192px;
background-image: url(/images/buttons/btn_jhworkshops-fr.gif);
background-position: 0px 0px;
}

.btn_jhworkshops:hover {
background-position: 0px -42px;
}

.btn_jhsurveys {
display: block;
height: 42px;
width: 192px;
background-image: url(/images/buttons/btn_jhsurveys-fr.gif);
background-position: 0px 0px;
}

.btn_jhsurveys:hover {
background-position: 0px -42px;
}

.btn_jhreportcard {
display: block;
height: 42px;
width: 192px;
background-image: url(/images/buttons/btn_jhreportcard-fr.gif);
background-position: 0px 0px;
}

.btn_jhreportcard:hover {
background-position: 0px -42px;
}

.btn_caredfor {
display: block;
height: 304px;
width: 360px;
background-image: url(/images/buttons/caredfor-banner-fr.jpg);
background-position: 0px 0px;
}

.btn_caredfor:hover {
background-position: 0px -304px;
}

.btn_aicp2 {
display: block;
height: 304px;
width: 360px;
background-image: url(/images/buttons/button_aicp2_fr.gif);
background-position: 0px 0px;
}

.btn_aicp2:hover {
background-position: 0px -304px;
}

.btn_aicp3 {
display: block;
height: 150px;
width: 360px;
background-image: url(/images/buttons/AIC_3_360-150.gif);
background-position: 0px 0px;
}

.btn_aicp3:hover {
background-position: 0px -150px;
}

/** Action Centre **/
#actioncentre {
	height: 72px;
}

#actitle {
	width: 192px;
	height: 16px;
	position: relative;
	background: url(/images/buttons/btn_actioncentre_title-fr.gif);
	margin: 0;
	padding: 0;
	list-style: none;
}

#actitle ul {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

#actitle li {
	float: left;
}

#ac1 {
	width: 192px;
	height: 24px;
	position: relative;
	background: url(/images/buttons/actioncentre-fr.gif);
	margin: 0;
	padding: 0;
	list-style: none;
}

#ac1 ul {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

#ac1 li {
	float: left;
}

#ac1 li a {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	display: block;
	height: 24px;
	background: url(/images/buttons/actioncentre-fr.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
}

#ac2 {
	width: 192px;
	height: 24px;
	position: relative;
	background: url(/images/buttons/actioncentre-fr.gif);
	margin: 0;
	padding: 0;
	list-style: none;
}

#ac2 ul {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

#ac2 li {
	float: left;
}

#ac2 li a {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	display: block;
	height: 24px;
	background: url(/images/buttons/actioncentre-fr.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
}

li#ac1_joinus a					{left: 0px; width: 82px; background-position: 0px 0;}
li#ac1_tellafriend a			{left: 82px; width: 110px; background-position: -82px 0;}
li#ac2_speakout a				{left: 0px; width: 58px; background-position: -192px 0;}
li#ac2_tellapolitician a		{left: 58px; width: 134px; background-position: -250px 0;}

li#ac1_joinus a:hover			{background-position: 0px -24px;}
li#ac1_tellafriend a:hover		{background-position: -82px -24px;}
li#ac2_speakout a:hover			{background-position: -192px -24px;}
li#ac2_tellapolitician a:hover	{background-position: -250px -24px;}
