/* ---------------------------------------------------------------- */
/* ARITH 2022 CSS                                                   */
/*  F de Dinechin, from earlier work by L. Imbert and  A. Tisserand */
/* ---------------------------------------------------------------- */


/* --------------------general styling---------------- */
* {
		box-sizing: border-box;
}

footer
{
		clear: both;
		border-top: 3px solid #464EA1;
		padding-right:1em;
		text-align: right;
}

body
{
		background-color: #FFFFFF; 
		color: black;
		margin:0;
		padding:0;
}

header
{
		border-bottom: 3px solid #464EA1;
		text-align: center;
}

header h1, header h2, header h3
{ 
		color: #464EA1;
		margin: 0;
}
header h1
{ 
		font-size:x-large;
}


/* page layout, normal viewport */
nav {
		/* background-color: #FFFF00; for debug*/ 
		float: left;
		width: 12em;
		height:100%;
		padding: 0;
		margin: 0;
}

article
{
		/* background-color: #0FFFFF;   for debug*/
		padding: 10px;
		margin: 0;
		margin-left:12em;
		height:100%;
		border-left: 3px solid #464EA1;
				
}
math {
		font-style: italic;
}

/* --------------content styling, normal viewport----------------------- */

table
{
		margin-left: auto; 
		margin-right: auto;
		text-align: left;
		border: 3px solid #E51E25;
		border-collapse: collapse;
}

table th, table td 
{
		font-family : helvetica, sans-serif;
		padding: 0.1em 0.3em;
		border: 1px solid #E51E25;
}
table th 
{
		font-weight : bold;
		font-size: medium;
		padding: 0.1em 0 0.2em 0.2em;
		margin: 0;
		color: white; 
		background-color: #E51E25;
}


/* --------------menu styling, normal viewport-------------------------- */
nav ul {
		list-style-type: none;
		padding: 0.2em;
}
nav li {
		padding:0.1em;
}
nav a
{ 
		border-left: 1.2em solid #464EA1;
		padding-left:.2em;
}
 
nav a.current
{ 
		border-left: 1.2em solid #E51E25;
}


nav a:visited, nav a:link
{
		background-color: #FFFFFF; 
		font-weight: bold;
}

nav a:hover
{ 
		background-color: #BDD2E6;
		color: #464EA1;
		font-weight: bold;
}

nav p
{  
		margin: 1em;
}

nav hr
{
		border: 1px solid #464EA1;
		width: 90%;
}


#sponsors img
{
    display: block;
		padding: 0.25em;
}


/* layout to use on a small screen (aka responsive design) */
@media (max-width: 600px)
{
		nav, article {
				width: 100%;
				height: auto;
				margin:0.2em;
				border: none;
		}
		nav {
				border-bottom: 3px solid #464EA1;
		}
		#sponsors  {
				text-align:right;
				padding:0;
		}
		#sponsors p {
				margin:0em;
				padding:0em;
		}
		#sponsors ul {
				margin:0.4em;
				padding:0em;
		}
		#sponsors img
		{
				padding: 0;
				margin: 0;
				display: inline;
				max-height: 1em;
		}

		#navlinks {
				float:left;
		}
		menu a
		{
				display: inline-block;
		}

}