a:link    {text-decoration: none; color: #588BAE;}
a:visited {text-decoration: none; color: #588BAE;}
a:hover   {text-decoration: none; color: #95C8D8;}

body{
    margin: 0;
    padding: 0;
    font-family: avenir, "lucida sans unicode", lucida, verdana, sans-serif;
    font-size: 10.5pt;
    color: #111111;
    width: 100%;
	height: 100%;
    letter-spacing: 0.02em;
	background-color: white;
} 

table {
    border-style: inset;
    border-width: 0px 0 1px 0;
    border-color: dimgrey;
	border-spacing: 5px 8px 5px 4px;
}

th {
    text-transform: uppercase;
    font-size: 8pt;
    letter-spacing: 0.1em;
    border-style: inset;
    border-width: 0 0 1px 0;
    padding: 5px 8px 5px 4px;
    border-color: dimgrey;
}

td {
    height: 25px;
    padding: 8px 8px 8px 12px ;
    border-style: inset;
    border-width: 0 0 1px 0;
    border-color: dimgrey;
}

.blank {
    padding: 0px 0px 0px 0px;
    height: 0px;
}

.tentative {  
    color: #BBBBBB;
}

.confirmed {
    color: #000000;  
}

.nb {
    color: #ff7034; 
	font-weight: bold;
}


.footnote {
    font-size: 8pt;
    text-align: right;
    padding: 0px;
}

.note {
    font-size: 8pt;
}


.info {
    text-align: center; 
    margin-bottom: 20px;
    letter-spacing: 0.1em;
    font-size: 10.5pt;
}

.head{
    font-family: "Century Gothic", Verdana, "Lucida Sans", sans-serif;
    font-size: 34pt;
    color: #444444;
    background-color: white;
    letter-spacing: 4px;
    border-bottom: 3px solid #444444;
    padding: 0px 0px 0px 20px;
}

h1 {
    text-align: center;  
    text-transform: uppercase;
    margin-bottom: 5px;
    font: 120%/1.4em trebuchet ms, trebuchet, arial, Verdana, sans-serif; 
    letter-spacing: 0.2em;
}

div.outer {
	width: 100%;
	height: 100%;
    padding: 0;
	display: table;
	position: absolute;
}

div.container{
    padding: 0;
    margin: 10px auto;
    display: table-cell;
    vertical-align: middle;
    color: #111111;
}

div.content{
    margin-left: auto;
    margin-right: auto; 
    width: 640px;
    padding: 10px;
    background-color: white;
}

@media only screen and (max-device-width: 480px) {
    body{
        font-size: 15pt;
    }
    div.content{
        width: 90%;
    }
    h2{
        font-size: 32pt;
    }
    .name{
        font: 140%/1.4em trebuchet ms, trebuchet, arial, Verdana, sans-serif; 
    }
    th {

    font-size: 10pt;
    letter-spacing: 0.2em;
    padding: 0px 12px 0px 6px;
}
}