/* METRO UI TEMPLATE
/* Copyright 2012 Thomas Verelst, http://metro-webdesign.info*/

/*GENERAL*/
html{
	margin:0;
	padding:0;
	overflow-y:scroll;
	overflow-x:hidden;
	min-width:400px;
	font-weight:normal;
}
body{
	margin:0;
	padding:0;
}
/*LAYOUT PARTS*/
#wrapper{
	margin:0 0 0 20px;
	overflow:hidden;
	position:relative;/*alx*/
	top:-30px;/*alx*/
}
#headerWrapper{
	padding: 5px 0 7px 0;
	z-index:2;
	overflow:hidden;
	position:relative;/*alx*/
	top:0px;/*alx*/
	background:url(/fondUCMetrolarge.jpg);/*alx*/
	background-attachment: fixed; /*alx*/
	background-position: top center; /*alx*/
}
#headerWrapper2{
	padding: 0px 0 7px 0;
	z-index:2;
	overflow:hidden;
	position:relative;/*alx*/
	background:url(/fondUCMetrolarge2sl.jpg);/*alx*/
}
#header{
	max-width:1010px;/* MAX WIDTH OF PAGE*/
	padding-left:15px;
	margin: 0 auto;
	overflow:hidden;
	
}
#headerTitles{
	float:left;
	display:inline-block;
}
#header h1{
	margin-top:0;
	margin-bottom:0;
}
#header h2{
	margin: 0 0 0 3px;
	z-index:12;
}
#contentWrapper{
	max-width: 1010px; /* MAX WIDTH OF PAGE*/
	min-width: 400px;
	min-height:800px;
	margin:0 auto 60px auto; /* auto margin to center horizontally*/
	padding:0 20px 30px 20px;
	z-index:4;
}
div.pageContent{
	height:auto !important;
}
#content{	
	-webkit-transition:margin-left 600ms;
	-moz-transition:margin-left 600ms;
	-o-transition:margin-left 600ms;
	-ms-transition:margin-left 600ms;
	transition:margin-left 600ms;
	z-index:4;
	font-weight:normal;
}
#footer{ /*show a little footer in the rightdown corner*/
	position:fixed;
	bottom:0;
	right:0;
	padding:1px;
	font-weight:lighter;
	text-decoration:none;
	z-index:50; /* draw it on top of everything */
}
#footer:hover{
	cursor:default;
}
img#arrowLeft,img#arrowRight{
	position:absolute;
	margin-top:60px;
	opacity: 0.5;
	filter:  alpha(opacity=50);
	height:32px;
	display:none;
}
img#arrowLeft:hover,img#arrowRight:hover{
	cursor:pointer;
}
/* General Navigation */
#siteTitle{ /*the siteName */
	text-decoration:none;
	font-weight:lighter;
	z-index:12;
}
.groupTitle{ /*the title of the tilegroups*/	
	position:absolute;
	text-decoration:none;
}
.groupTitle h3{
	margin:0;
	font-weight:lighter;
}