.SWITCH { 
}
.content_panel {
    display: none;
    margin-top: -20px;
	margin-left: 0px;
    float: left;
}
.details {
    display: none;
    margin-top: -30px;
	margin-left: 50px;
    float: left;
}
.hide {display: none;}
.show:target + .hide {display: inline;}
.show:target {display: none;}
.show:target ~ .content_panel {display:inline;}
.show:target ~ .details {display:inline;}

/*style the (+) and (-) */
.hide, .show {
    width: 30px;
    height: 30px;
    border-radius: 15px;
    font-size: 30px;
    color: #000;
    text-shadow: 0 1px 0 #666;
    text-align: center;
    text-decoration: none;
    box-shadow: 1px 1px 2px #000;
    background: #E2E2FF;
    opacity: 1;
    float: left;
}

.hide:hover, .show:hover {
    color: #333;
    text-shadow: 0 0 1px #666;
    text-decoration: none;
    box-shadow: 0 0 4px #222 inset;
    opacity: 1;
    margin-bottom: 0px;
}

.section_title {
	float: left;
	line-height: 20px;
	padding-left: 20px;
	margin-bottom: 25px;
	font-style: italic;
	font-weight: bold;
}

.sciences {
	float: right;
	font-style: italic;
}