html {
	background : #8182ad;
}

body {
	height : 100%;
	margin : 0px;
	padding : 0px;
	text-align : center;
}

td {
	font-size : 8pt;
	font-family : Tahoma, sans-serif;
}

h1 {
	font-size : 14pt;
	letter-spacing : 2px;
	margin : 10px;
}

h2 {
	font-size : 12pt;
	letter-spacing : 2px;
}

h3 {
	font-size : 10pt;
	letter-spacing : 1px;
}

.gradient {
	position : fixed;
	bottom : 0px;
	left : 0px;
	width : 700px;
	height : 500px;
	margin : 0px;
	padding : 0px;
	background : #8182ad url('img/bg_otaniemi_color.png') bottom left no-repeat;
}

.main {
	width : 100%;
	height : 100%;
	position : absolute;
	top : 0px;
	left : 0px;
}

strong {
}

a {
	color : black;
	text-decoration : none;
}

a:hover {
	text-decoration : underline;
}

h4 {
	font-size : 9pt;
	font-weight : bold;
	font-variant : small-caps;
	margin : 0px;
}

.TABLE_main {
	width : 800px;
	border : none;
	margin-top : 50px;
}

.BOX_title {
  margin-left : 30px;
  font-variant : small-caps;
}

.BOX_mainOuter {
	min-height : 400px;
	margin : 10px;
}

.BOX_mainInner {
  width : 445px;
  height : 100%;
  border : 1px solid #51569f;
  background : #f0f1f4;
  background : url('img/bg_mainbox.gif') bottom right no-repeat #f0f1f4;
}

.BOX_mainText {
  margin : 10px;
  font-family : Verdana, sans-serif;
  font-size : 8pt;
  color : #0a0a3e;
}

.BOX_menuText {
  margin-top : 20px;
  margin-right : 5px;
  font-family : Verdana, sans-serif;
  font-size : 9pt;
  color : white;
  text-align : right;
}

.BOX_wiki {
  margin-top : 10px;
  border : 1px solid #51569f;
  background : #f0f1f4;
  font-family : Verdana, sans-serif;
  font-size : 8pt;
  color : #03035f;
  padding : 5px;
  text-align : center;
}

.subMenuText {
  font-size : 8pt;
}

.menuItem {
  text-decoration : none;
  color : white;
  font-variant : small-caps;
}

.menuItem:hover {
	color : #CCF;
	letter-spacing : 1px;
	text-decoration : none;
}

.subMenuItem {
	text-decoration : none;
	color : white;
	font-size : 7pt;
}

.subMenuItem:hover {
	color : #CCF;
	letter-spacing : 1px;
	text-decoration : none;
}

.button {
  border : 1px solid #51569f;
  background-color : #CCE;
  font-family : Verdana, sans-serif;
  font-size : 7pt;
  width : 150px;
}

.button:hover {
  background-color : #DDF;
}

.button:active {
  background-color : #EEF;
}

.infoBox {
	width : 125px;
	margin : 5px;
	padding : 3px;
	float : left;
}

.infoTable {
  width : 400px;
  border : none;
  border-bottom : 1px dashed black;
  padding : 0px;
  margin : 0px;
  padding-bottom : 5px;
  margin-left : 15px;
  margin-bottom : 5px;
}

.infoTitle {
  vertical-align : top;
  width : 125px;
  font-size : 9pt;
  font-weight : bold;
  letter-spacing : 1px;
  color : #212B5B;
}

.info {
  font-size : 8pt;
}

.hiddenfield {
	width : 0px;
	height : 0px;
	border : none;
	margin : none;
	padding : none;
}

.aTitle {
	font-variant : small-caps;
	font-weight : bold;
	margin-bottom : 5px;
	letter-spacing : 1px;
	font-size : 10pt;
}