#basic-accordian{
	border:5px solid #EEE;
	padding:5px;
	width:500px;
 margin: 100px auto; 
}

.accordion_headings{
	padding:5px;
	background:#99CC00;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

#accordion div {
    float: left;
    width:25%;
    height: 300px;
    overflow: hidden;
}

.accordion_child{
	padding:15px;
	background:#EEE;
}

.header_highlight{
	background:#00CCFF;
}
#CSSaccordion {
    width: 500px;
    height: 400px;
    margin: 20% auto;
border: 10px outset #000088;
 }
#CSSaccordion div {
    height:50px;
    overflow: hidden;}
#CSSaccordion:hover div {
    height: 20px; }
#CSSaccordion:hover div:hover {
    height: 340px;
    overflow: auto; }


/* #CSSaccordion {
    width: 500px;
    margin: 100px auto; }
#CSSaccordion div {
    float: left;
    width:40px;
    height: 300px;
    overflow: hidden;}

#CSSaccordion:hover div {
    width: 20px; }
#CSSaccordion:hover div:hover {
    width: 430px;
    overflow: auto; }

#thepot {
align:left
}   */
#part1 {
background-color:#F4F4F4;
border: 2px outset #000088;
color: #000;
}

#part2 {
background-color:#F4F4F4;
border: 2px outset #000088;
color: #000;
}

#part3 {
background-color:#F4F4F4;
border: 2px outset #000088;
color: #000;
}

#part4 {
background-color:#F4F4F4;
border: 2px outset #000088;
color: #000;
}

#veraccordion {
    width: 300px;
    height: 200px;
    margin: 20% auto; }
#veraccordion div {
    height:25%;
    overflow: hidden;}
#veraccordion:hover div {
    height: 20px; }
#veraccordion:hover div:hover {
    height: 140px;
    overflow: auto; }