body {
	font-family: verdana, arial, helvetica, geneva, swiss, sunsans-regular, sans-serif;
	color: #922; /*#cc3300*/	
	background: #ffcc00 url("/language-choice/images/waves.png") no-repeat top center;
	margin: 0 20%;
}

/************************************************************
 * Used for splash page                                     *
 ************************************************************/
.splash {
	position: relative;
	top: 200px;
}
.splash p {
	font-family: Arial, Helvetica, sans-serif;
}
.splash img {
	border: 0;
}
#logo {
	position: relative;
	top: -180px;
}
.splashmain {
	position: relative;
	top: -190px;
	background: url("/language-choice/images/students.jpg") no-repeat 50% 20%;
	height: 416px;
}
.entrytext button {
	font-size: 180%;
	color: #660066;
	padding: 0;
	top: 10px;
	text-align: center;
	display:block;
	width:100%;
	margin: 0 auto 1.1em auto;
}
.entrytext {
	text-align: center;
	width:45%;
}

/*	This next rule shoudln't really do anything. However, by making the p and 
	button positioned relatively, IE6 renders then outside of their containing 
	element. Without this, IE6 (wrongly) cuts them off */
.entrytext p,
.entrytext button {
	position:relative;
}

.entrytext-en {
	float: right;
	margin-right: -110px;
}
.entrytext-cy {
	float: left;	
	margin-left: -110px;
}
.header {
	text-align: center;
	padding-top: 10px;	
	margin-bottom: 40px;
}
button {
	background-color:transparent;
	border:none;
	cursor: pointer;
}
.entrytext button:hover {
	outline: 1px #cc3300 solid;
}