/*
Sidepanel elements
-------------------------
*/

#contentArea .sidepanel {
	display: block;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 13px;
	line-height: 16px;
}

#contentArea .sidepanel h2 {
	margin: 0px 0px 5px 0px;
}

#contentArea .sidepanel .sidepanelContent {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#contentArea .sidepanel .sidepanelContent p {
	margin: 0px 0px 5px 0px;
}

#contentArea .sidepanel .sidepanelContent dl {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#contentArea .sidepanel .sidepanelContent dl dd {
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 0px;
}

#contentArea .sidepanel .sidepanelContent dl dd a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	background-position: 0px 3px;
	background-repeat: no-repeat;
	font-weight: bold;
	text-decoration: none;
	background-image: url("/images/common/mw_link_arrow_off.gif");
}
#contentArea .sidepanel .sidepanelContent dl dd a:visited {
	text-decoration: none;
	background-image: url("/images/common/mw_link_arrow_visited.gif");
}
#contentArea .sidepanel .sidepanelContent dl dd a:hover {
	text-decoration: none;
	background-image: url("/images/common/mw_link_arrow_over.gif");
}

/*
Image backgrounds
-------------------------
*/

#contentArea .sidepanel .meerkat {
	padding-right: 40px;
	background-image: url("/images/sidepanels/meerkat_bg.jpg");
	background-position: bottom right;
	background-repeat: no-repeat;
	min-height: 72px;
	_height: 72px;
}

#contentArea .sidepanel .penguin {
	padding-right: 40px;
	background-image: url("/images/sidepanels/penguin_bg.jpg");
	background-position: bottom right;
	background-repeat: no-repeat;
	min-height: 70px;
	_height: 70px;
}

#contentArea .sidepanel .okapi {
	padding-right: 60px;
	background-image: url("/images/sidepanels/okapi_bg.jpg");
	background-position: bottom right;
	background-repeat: no-repeat;
	min-height: 70px;
	_height: 70px;
}

#contentArea .sidepanel .penguin2 {
	padding-right: 40px;
	background-image: url("/images/sidepanels/penguin_bg2.jpg");
	background-position: bottom right;
	background-repeat: no-repeat;
}

#contentArea .sidepanel .giraffe {
	padding-right: 50px;
	background-image: url("/images/sidepanels/giraffe_bg.jpg");
	background-position: bottom right;
	background-repeat: no-repeat;
	min-height: 85px;
	_height: 85px;
}

#contentArea .sidepanel .lovebirds {
	padding-right: 40px;
	background-image: url("/images/sidepanels/lovebirds.jpg");
	background-position: bottom right;
	background-repeat: no-repeat;
}

#contentArea .sidepanel .newCorner {
	padding-right: 40px;
	background-image: url("/images/sidepanels/new_corner.jpg");
	background-position: top right;
	background-repeat: no-repeat;
	min-height: 40px;
	_height: 40px;
}

#contentArea .sidepanel .rhino {
	padding-right: 60px;
	background-image: url("/images/sidepanels/rhino_bg.jpg");
	background-position: bottom right;
	background-repeat: no-repeat;
	min-height: 82px;
	_height: 82px;
}

#contentArea .sidepanel .photos {
	padding-right: 60px;
	background-image: url("/images/sidepanels/photos_bg.jpg");
	background-position: bottom right;
	background-repeat: no-repeat;
	min-height: 69px;
	_height: 69px;
}


/*
Images and Logos
----------------
*/

#contentArea .sidepanel .sidepanelContent p.imageMiddle {
	text-align: center;
	margin: 0px auto 0px auto;
}

.sideLogo {
	text-align: center;
	margin: 10px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

.sideLogoPadded {
	text-align: center;
	margin: 25px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

.sideLogo p, .sideLogoPadded p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 10px;
	line-height: 12px;
	width: 130px;
}


/*
Donate Panels
---------------
*/

#contentArea .sidepanel a.donateButton {
	display: block;
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 0px;
	width: 150px;
	height: 30px;
	background-image: url("/images/sidepanels/donate_button_off.gif");
	background-repeat: no-repeat;
}

#contentArea .sidepanel a.donateButton span {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 150px;
	height: 30px;
	background-image: url("/images/sidepanels/donate_button_over.gif");
	background-repeat: no-repeat;
	visibility: hidden;
}
#contentArea .sidepanel a.donateButton:hover span {
	visibility: visible;
}

#contentArea .sidepanel a.donateButton span strong {
	display: none;
}

/*
Adoption / Donation Panels
--------------------------
*/
.adoptDonate {
	margin: -10px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
}
.adoptDonate span {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 150px;
	height: 120px;
}
.adoptDonate span a, .adoptDonate span a:visited {
	display: block;
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 150px;
	height: 120px;
	background-image: none;
	background-repeat: no-repeat;
}
.adoptDonate span a span {
	display: none;
}

.adoptMeMeerkat span {
	background-image: url("/images/sidepanels/adopt/meerkat.jpg");
	background-repeat: no-repeat;
}
.adoptMeMeerkat span a:hover {
	background-image: url("/images/sidepanels/adopt/meerkat_over.gif");
}

.adoptMeGiraffe span {
	background-image: url("/images/sidepanels/adopt/giraffe.jpg");
	background-repeat: no-repeat;
}
.adoptMeGiraffe span a:hover {
	background-image: url("/images/sidepanels/adopt/giraffe_over.gif");
}

.adoptMeSnowLeopard span {
	background-image: url("/images/sidepanels/adopt/snow_leopard.jpg");
	background-repeat: no-repeat;
}
.adoptMeSnowLeopard  span a:hover {
	background-image: url("/images/sidepanels/adopt/snow_leopard_over.gif");
}


.donateOwl span {
	background-image: url("/images/sidepanels/donate/owl.jpg");
	background-repeat: no-repeat;
}
.donateOwl span a:hover {
	background-image: url("/images/sidepanels/donate/owl_over.gif");
}

.donateCheetah span {
	background-image: url("/images/sidepanels/donate/cheetah.jpg");
	background-repeat: no-repeat;
}
.donateCheetah span a:hover {
	background-image: url("/images/sidepanels/donate/cheetah_over.gif");
}