body
{
	/* Light blue, #bae1ff
	/  Darker blue, #9fd5ff
	/  Very dark blue, #6299c5
	/  Pale orange #ffa87d
	*/
	font-size: 100%;
	background-color: #bae1ff;
}

a:link {color: #6299c5; text-decoration: none;}
a:visited {color: #6299c5; text-decoration: none;}
a:hover {color: #ffa87d;text-decoration: underline;}
a:active {color: #9fd5ff; text-decoration: none;}

table {
	width: 100%;
	margin-left:auto;
	margin-right:auto;
}
tr {
	width: 100%;
}

div.tabbar
{
	vertical-align: bottom;
	margin: 20px 40px 6px 40px;
}

div.rheader
{
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	padding: 5px;
	text-align: left;
	background-color: #9fd5ff;
	font-size: 2.1em;
	font-family: Arial, sans-serif;
	color:#565656;
}

div.rfooter
{
	width: 60%;
	margin: 40px 20%;
	padding: 5px;
	text-align: center;
	background-color: #9fd5ff;
	font-size: 1em;
	font-family: Arial, sans-serif;
	color: #ffffff;
}

div.bodyblock
{
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	padding: 10px;
	background-color: #ffffff;
	color:#565656;
}

.centered
{
	text-align: center;
	vertical-align: middle;
}

img p.centered
{
	vertical-align: middle;
}

.linklogo
{
	margin: 20px;
	vertical-align: middle;
}

.contentblock table
{
	width: 80%;
}

.contentblock td
{
	width: 50%;
}

.contentblock td.imgholder
{
	text-align: center;
	vertical-align: middle;
}

div.projectlink
{
	font-size: 1.5em;
}

div.interestheader
{
	font-size: 1.5em;
}

.maintext
{
	width: 30%;
}

.mainimg
{
	width: 70%;
}

div.flipperholder
{
	width: 600px;
	height: 600px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}

#FlipperWideB
{
	width: 400px;
	height: 300px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
}

#FlipperTallB
{
	width: 300px;
	height: 400px;
	position: absolute;
	left: 300px;
	top: 0px;
	z-index: 2;
}

#FlipperWideA
{
	width: 400px;
	height: 300px;
	position: absolute;
	left: 200px;
	top: 300px;
	z-index: 3;
}

#FlipperTallA
{
	width: 300px;
	height: 400px;
	position: absolute;
	left: 0px;
	top: 200px;
	z-index: 4;
}