.container {
	background:#fff; color:#fff; margin:0 0px;	
	background-image: url('images/boxtopblue.gif');
}
 
/* ================ START OF NEW CSS ================*/

.simple {	
	background:lightyellow; color:#000; margin:0 0px; 
	/*background-image: url('images/boxtopblue.gif');*/
}

.top, .bottom{
display:block;
background:#fff;
}

.top *, .bottom *{
display: block;
height: 1px;
overflow: hidden;
background:#ffc;
/*background-image: url('images/boxBottomblue.gif');*/
}

.top *{
display: block;
height: 1px;
overflow: hidden;
background:#ffc;
/*background-image: url('images/boxtop.gif');*/
}

/* ================  END OF NEW CSS ================*/
.rtop, .rbottom{
display:block;
background:#fff;
}

.rtop *, .rbottom *{
display: block;
height: 1px;
overflow: hidden;
background:#fff;
background-image: url('images/boxBottomblue.gif');
}

.rtop *{
display: block;
height: 1px;
overflow: hidden;
background:#fff;
background-image: url('images/boxtop.gif');
}

.r1{
	margin: 0 5px
}
.r2{
	margin: 0 3px
}
.r3{
	margin: 0 2px
}
.r4{
	margin: 0 1px;
	height: 2px
}



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

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

.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;
}