/* Global page properties */
body {
    margin: auto;
    font-family: Arial, Helvetica, sans-serif;
	/* Limit page collapse and stretch */
	max-width: 1000px;
	min-width: 700px;
}


/* Header properties */
.Header {
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 20px;
}


/* Properties of the ULg logo */
.LogoULiege {
	/* Align left & set as float to stack horizontally */
	text-align: left;
	float: left;
}
.LogoULiege img {
	/* Hardcode the length of this cell as the image's width */
	width: 227px;
}

/* Header link cells properties */
/*		TODO: REFACTOR INTO SEPARATE CELLS */
.TopLinks {
	width: 100%;
	text-align: center;
	height: 111px;
	padding-top: 40px;
	padding-bottom: 20px;
}
.TopLinks a {
	background-color: #5fa4ab;
	padding: 10px;
	margin-left: 5px;
	margin-right: 5px;
	color: white;
	text-decoration: none;
	border: 3px solid #096f7d;
	border-radius: 5px 10px; 	
}

/* Side navigation menu properties */
.SideMenu {    
    width: 190px;
    text-align: center;
    font-size: 20px;
    overflow-x: hidden;
	float: left;
	margin-right: 30px;
	margin-bottom: 15px;
	border: 3px solid #096f7d;
	padding-top: 20px;
	padding-bottom: 20px;
	border-radius: 10px 20px; 	
}
/* Navigation menu links properties */
.SideMenu a {
    padding: 16px;
	display: block;
	text-decoration: none;
	color: #096f7d;
}

/* Middle section properties */
.MiddlePart {
	margin-right: 55px;
	margin-left: 55px;
}

/* Central content zone */
.Content {
	/* Set color to dark teal, justify */
	color: #043036;
	text-align:justify;
}
/* Link properties */
.Content a {
	text-decoration: none;
	color:#0b8495;
}
.Content a:hover {
	text-decoration: underline;
}

/* Footer properties */
.footer{
	color: #043036;
    text-align: center;
	border-top: 3px solid #096f7d;
	border-bottom: 3px solid #096f7d;
	margin-top: 150px;
	margin-left: 55px;
	margin-right: 55px;
	position:bottom;
	padding:10px;
}