@import url('sans/cmun-sans.css');

a { 
    color:inherit;
    cursor: pointer;
    text-decoration: none; 
}
a:visited { color:inherit; }
a:hover { color: skyblue;  }

body {
    color: slategrey;
    font-family: 'Computer Modern Sans', sans-serif;
    margin: 0px;
}

body>header {
    background-color : rgba(255,255,255,0.9);
    box-shadow: rgb(204, 204, 204) 0px 0px 4px;
    box-sizing: border-box;
    padding: 16px;
    height: 128px;
}
body>header>div {
    background: url(images/logo.png) left center no-repeat;
    background-size: contain;
    height: 100%;
    position: relative;
    text-align: right;
}
body>header a:not(:last-of-type):after {
    content: '|';
    padding:0px 12px;
}
body>header h1 {
    bottom: 0px;
    margin: 0px;
    position: absolute;
    right: 0px;
}

body>main {
    margin:8px auto;
    min-height: 540px;   
    max-width: 960px;   
}

body>footer {
    background-color : rgba(255,255,255,0.9);
    box-sizing: border-box;
    box-shadow: rgb(204, 204, 204) 0px 0px 4px;
    padding: 16px 48px;
    text-align: right;
}
body>footer>a:not(:last-child):after {
    content: '|';
    padding:0px 12px;
}

div { box-sizing: border-box; }
html, body { background-color: whitesmoke; }