/* 
===============================================================================
	General settings & Division of browser window
===============================================================================
*/

/* General settings */


html { 
	vertical-align: middle;
	background-color: #000044;
	margin: 0px;
	padding: 0px;
	border-style: none;
	border-width: 0px;
	position: static;
	z-index: 1;
}



body {
	position: static;
	margin: 0px;
	padding: 0px;
	z-index: 2;
}



/* 
===============================================================================
	General settings & Division of browser window
===============================================================================
*/


/* defines the inner frame */

#frame {
	border-color: #000077;
	background-color: #ffffff;
	border-style: groove;
	border-width: 2px;
	margin-top: -242px;
	margin-left: -322px;
	padding: 2px;
	top: 50%;
	left: 50%;
	vertical-align: middle;
	text-align: center;
	height: 480px;
	width: 640px;
	position: absolute;
	z-index: 3;
}


img.noFrame {
	border-style: none;
	border-width: 0px;
	left: 50%;
	top: 50%;
	margin-left: -256px;
	margin-top: -192px;
	padding: 0px;
	height: 384px;
	width: 512px;
	position: absolute;
	z-index: 4;
}


img.buttonLeft {
	background-color: #FFFFFF;
	border-style: none;
	border-width: 0px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 6px;
	top: 6px;
	text-decoration: none;
	z-index: 5;
}



/* 
===============================================================================
	Text elements
===============================================================================
*/

/* title */
.title{ font-family: "Comic Sans MS"; font-size: 24pt; font-stretch: wider; color: #2a1ecd; text-align: center; }

/* common text */
.main{ 
	font-family: "Comic Sans MS", sans-serif;
	font-size: 10pt;
	color: #2a1ecd;
	text-align: center;
	vertical-align: middle;
	padding: 2px;
	left: 2%;
	right: 2%;
	top: 15px;
	bottom: 15px;
	position: absolute;
	z-index: 4;
}

/* to say hi */
h1.welcome { font-family: "Comic Sans MS"; font-size: 24pt; font-stretch: wider; color: #2a1ecd; text-align: center;}





/* 
===============================================================================
	Generic definitions
===============================================================================
*/

/* italic - use within all sorts of text */
.emphasis {font-style: italic; }

.framed {
	border-color: black;
	border-style: solid;
	border-width: 1px;
	padding-top: 2pt;
	padding-bottom: 1pt;
	padding-left: 2pt;
	padding-right: 2pt;
	text-decoration: none;
	z-index: 4;
}

.invisible {
	display: none;
}