.mypets{ /*header of 1st demo*/
	cursor: pointer;
	margin-right: 1em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	
}


.mypets2{ /*header of 1st demo*/
	cursor: pointer;
	margin-right: 1em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}
.openpet{ /*class added to contents of 1st demo when they are open*/
}
.thepet {
padding-top:1em;
	background-color: #e6effd;
}

.likethepet {
	margin: 1em;
	background-color: #e6effd;
	 

}
p.mypets2 {
margin:0;
padding-bottom:0;
color:#1a4772;
font-size:1.1em;
font-weight:500;
}



.mypets  a {
	text-decoration: none;
	color:#1a4772;
	}



.mypets  a:visited {
	color: #1a4772;
	text-decoration: none;	
}


.mypets  a:hover {
	color: #A1A1A1;
	text-decoration: none;
	font-weight:normal;}



.mypets  a:active {

	color: #0466AE;
	text-decoration: none;
	
}

.thepet p {
	padding-bottom:1em;
}

.right {
	text-align: right;
}
.thepet h5 {
	color: #0466ae;
	margin-bottom:0;
	padding-bottom:0;
}


h4.mypets {
	font-family: Geneva, Tahoma, Georgia, serif;
	font-weight:normal;

	
}


.thepet h4 {
	margin-left:2em;
	padding-bottom:0em;
	font-weight: 600;
}

/*

h4.mypets h1.mypets h2.mypets {
margin:0;
padding:0;
color: #0466ae;
}
h5.mypets {
	padding:0;
	color: #0466ae;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0.4em;
	margin-left: 0px;
	}
*/

.thepet .thepet {
	
}

.thepet a:hover {
color:#004080;
}


.thepet .thepet .thepet {
	background-color: #ffffff;	
	
}

.thepet .thepet .thepet .thepet{
	background-color: #f9c770;	
	
}