body {color:#FFFFFF; font-family:arial; background-image:url('http://www.themathsclub.ac.nz/tmc-background.jpg');} 

    div.container {width:90%; margin:2%; border:solid yellow;}
    
    div.level, span.level { width:90%; clear:both; position:relative; /* border:solid purple; */}
    
    div.title, span.title { float:left; width:65%; vertical-align:centre; padding-left:10px; /* border:solid green; */}
  
    div.headnotes, span.headnotes { float:right; vertical-align:top; right:0; width:30%; text-align:justify; padding:0; font-size:x-small; font-size:smaller; color:#9EE4C5; /* border:solid thin red */}
    
    span.menu, div.menu { float:left; vertical-align:top; width:10%; padding-left:10px; /*border:solid thin green*/}
    
    span.section, div.section { float:right; vertical-align:top; width:80%; /*border:solid thin red; */}
    
    H1, H2, H3, .menu
        {font-family: Jivetalk, Lucida Calligraphy, Fantasy; margin-top:0; padding:0; }
    H1 {font-size:300%; font-weight:normal;} 
    H2 {font-size:250%; font-weight:normal; }
    H3, .menu {font-size:large; line-height:100%; font-weight:normal;}
    
    H4 {font-size:larger; font-style:normal; font-weight:bold; margin:0; padding:0; display:inline; }
    H6 {vertical-align:top; font-size:medium; font-style:normal; font-weight:100; margin:0; padding:0; }
    
    P.h4 {font-size:larger; font-style:normal; font-weight:bold; margin-top:0.5cm; }
    P.h6 {font-size:larger; font-style:normal; font-weight:100; margin-top:0.5cm; }
    P.updated { margin-top:50px; font-size:xx-small; font-style:italic; font-weight:lighter; }
    
    A:link { color:#97E1A8; text-decoration:none;}
    A:visited { color:#D0F2E3; text-decoration:none; }
    A:hover { color:#9EE4C5; text-decoration:underline; }

    ul {     margin-top: 5;     border-top-width: 5;  padding-top: 0;  margin-bottom: 0;  border-bottom-width: 0;    padding-bottom: 0; }
    li { margin-top:5px; /*border-top-width:5px; padding-top:5px; margin-bottom:5px; border-bottom:5px; padding-bottom:5px */ }