* {margin:0; padding:0}

html, body {
	border:0;
	padding-top:88px;
}

body {
	background:#000000;
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

a {
	color:#00e1e1;
	text-decoration:none;
}

a:hover {
	color:#FFFFFF;
}

ul {
	list-style:none;
}


/*** layout ***/

#layout_container {
	margin:0 auto;
	position:relative;
	width:507px;}
	
#layout_logo {
	background:url(../images/logo.gif) 0 0 no-repeat;
	width:507px;
	height:172px;
	display:block;
	text-indent:-9999px;}
	
#layout_logo a {
	padding:0 24px 0 0;
	float:right;
	width:354px;
	height:112px;
	display:block;}
	
#layout_content {
	width:507px;
	clear:left;}
	


/*** content ***/

.content h1 {
	text-indent:-9999px;
	height:18px;}
	

/*** buttons ***/

.content ul {
	padding:29px 0 0 0;}
	
.content ul li {
	position:relative;
	float:left;}

.content ul li a {
	width:214px;
	height:46px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}

.content ul li.english {
	padding:0 0 0 24px;}

.content ul li.english a {
	background:url(../images/english.gif) 0 0 no-repeat;}
	
.content ul li.english a:hover {
	background:url(../images/english.gif) 0 -46px no-repeat;}
	
.content ul li.french {
	padding:0 0 0 31px;}

.content ul li.french a {
	background:url(../images/french.gif) 0 0 no-repeat;}
	
.content ul li.french a:hover {
	background:url(../images/french.gif) 0 -46px no-repeat;}


/*** titles ***/

h1#welcome {
	background:url(../images/welcome.gif) 24px 0 no-repeat;
	height:18px;
	font-size:0;
	line-height:0;}