body {
    font-stretch: expanded;
    font-size:13px;
    font-family:  'Gill Sans',Verdana, Helvetica, sans-serif;
}
a {
text-decoration: none;
}
a:link {
    color: #246518;
    font-weight: bold;
}
a:visited { 
    color: #246518;
    font-weight: bold;
}
a:hover {
    color: grey;
}
h3 {
    font-variant:small-caps;
}
h3.title {
    padding:0;
    margin:0;
    font-size:40px;
    font-weight: bold;
  font-family: verdana, sans-serif;
}
div.wrapper {
    /*border: 2px solid green;*/
    border: #246518 solid 2px;
    width: 700px;
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3%;
    margin-bottom: 3%;
  background-color: #f6ffee;
  /*background-color: #e2ffc4;*/
}
div.header, div.footer {
  background-color: #246518;
}
div.header { 
    /*border: 2px solid black;*/
  /*background-color: #21421e;*/
    color: white;
    width: auto;
    clear: left;
    position: relative;
    left: 20;
    top:-20;
    padding-left:1em;
    /*right: -20;*/
}
div.footer {
             /*border: 2px solid yellow;*/
             /*background-color: #21421e;*/
             height: 50px;
             color: #246518;
             font-size:40px;
             clear: right;
             position: relative;
             left: -20;
             bottom: -20;
}

div.content {
    min-height: 300px;
    /*float: left;*/
    width: 570px;

    padding-left:0.5em;
  padding-right: 1em;
}
div.content p{
  text-align: justify;
}

/*menu stuff*/
div.menu {
    float: right;
    width: 110px;
    padding-top:20px;
    text-align: left;
}
ul.menu-list{
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-left: 10px;
    text-align: right;
}
ul.menu-list li{
    text-align: right;
}
ul.menu-list a {
    width: 66px;
    padding: 2px 6px;
    font-weight: bold;
    border-left: 3px solid transparent;
    margin-bottom: 1px;
    display: block;
}
ul.menu-list li a:link{
    text-decoration: none;
    color: black;
}
ul.menu-list li a:hover {
    border-left: 3px solid #246518;
}

ul.menu-list li a:visited{
    text-decoration: none;
    color: black;
}
ul.menu-list li a.hilite {
    border-left: 3px solid #246518;
}
div.email:after{
  /*content: "jdoher1@cs.mcgill.ca";*/
}
span.emailat {
 visibility:hidden;
 display:none;
 position:relative;
  
}
span.emailuser:after{
 visibility:visible;
 content: "@";
}