.mypets{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding: 2px 5px;
border: 1px solid gray;
background: #E1E1E1;
}

.justiceaccordion{ /*header of justice accordion*/
cursor: hand;
cursor: pointer;
padding: 2px 5px;
border: 1px black;
background: #000000;
}

.synodaccordion{ /*header of justice accordion*/
cursor: hand;
cursor: pointer;
padding: 2px 2px;
border: 1px black;
background: #000000;
}

.accordionsmall{ /*synod section*/
font-size:80%;
}

.openpet{ /*class added to contents of 1st demo when they are open*/
background: yellow;
}

.openjustice{ /*class added to contents of 1st demo when they are open*/
background: #bb0000;
}

.opensynod /*class added to contents of 1st demo when they are open*/
background: #bb0000;
}

h4 { 
color:#ffffff;  
font-size:120%;
}

h3 { 
color:#000000;  
}

h2 { 
color:#ffffff;  
font-size:80%; 
}

.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font: bold 14px Verdana;
margin: 10px 0;
}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: green;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: red;
}

.togglehtml li{
margin-bottom: 2px;
}

.myheader{
cursor: hand;
cursor: pointer;
}

.mycontent{
padding-top: 2px;
padding-bottom: 9px;
}