#page {
	min-width: 400px;
	min-height: 400px;
	width: 100%;
	height: 100%;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	overflow: hidden;
}
#rightColumn, #mainContent, #leftColumn {
	position: fixed;
	top: 5%;
	bottom: 5%;
	padding: 0px;
	margin: 0px;
	overflow:scroll
}
#leftColumn {
	width: 20%;
	height: 90%;
	left: 0px;
	background-color: #008080;
	z-index: 40;
}
#mainContent {
	width: 60%;
	height: 90%;
	top: 5%;
	left: 20%;
	right: 20%;
	background-color: #009900;
	z-index: 30;
}
#rightColumn {
	width: 20%;
	height: 90%;
	right: 0px;
	background-color: #008080;
	z-index: 20;
}
#header, #footer {
	position: fixed;
	width: 100%;
	height: 5%;
	right: 0px;
	left: 0px;
}
#header {
	top: 0px;
	background-color: #808000;
	z-index: 10;
}
#footer {
	bottom: 0px;
	background-color: #808000;
	z-index: 50;
}
ul {
	list-style: none;
}
li {
	position:relative;
	right: auto;
	left: auto;
}
ul.smallIcon {
	padding: 0px;
	margin: 0px;
		}
ul.smallIcon li {
	width: 150px;
	height: 150px;
	margin: 3px;
	text-align: center;
}
ul.largeIcon li {
	padding: 5px;
	margin: 5px;
	width: 250px;
	height: 250px;
	float: left;
	display: inline;
	text-align: center;
}
.oneLine li{
	display:inline;
}
.notLast:after{
	content:", ";
	display:inline;
}