#header
{
	position: relative;
	width: 100%;
	text-align:center;
	height:100px;
        border: solid AliceBlue;
}
#content {
	width: 100%;
        border: solid AliceBlue;
	padding:1em;
}
#footer {
	width: 100%;
	padding: 2em;
	text-align: center;
	font-size: small;
	clear: both;
	position:relative;
	z-index;
	height:3em;   /* Height of the footer */
	margin-top:-3em;
        border: solid AliceBlue;
}
#plotRelated {
        border: solid AliceBlue;
	float:left;
	width: 100%;
}
#selection {
        border: solid AliceBlue;
	float:left;
	width: 100%;
	padding:1em;
}
#left {
	float:left;
	width: 25%;
        border: solid AliceBlue;
}
#centerPlot {
	float:left;
	width: 45%;
        border: solid AliceBlue;
}
#statistical {
	float:left;
	width: 20%;
        border: solid AliceBlue;
}
#hierarchy {
	float:left;
	width: 30%;
        border: solid AliceBlue;
	padding:1em;
}
#topics {
	float:left;
	width: 30%;
        border: solid AliceBlue;
	padding:1em;
}
#tree3 select{
	width: 80%;
}
.highlight { background:yellow; }
.tree {border-style:dotted;}
.tree2 {border-style:dotted;}
#topics {border-style:dotted;}
.zeroLevel
	{ font-weight:bold; font-style:italic; }
.oneLevel
	{ padding-left:15px; }
.twoLevel
	{ padding-left:25px; }
#social {
	float:left;
	width: 20%;
        border: solid AliceBlue;
	padding:1em;
}