/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}

/*
* {
-moz-transition: all 0.6s;
-webkit-transition: all 0.6s cubic-bezier(0,.39,.25,1);
transition: all 0.6s cubic-bezier(0,.39,.25,1);
}*/

body {max-width:100%;
background-color:#E6F0FF; 
font-size: 0.8em;
margin:10px;}

header {
background-color: transparent; 
border-style: outset;
border-width: 3px;
width: 98%;
clear: both;
}

header h1 {color: #303075;
font-family: Georgia, "Times New Roman", Times, serif ;
text-align: center;
line-height: 1.25em;
font-size:250%;
}

h1{background-color:transparent;
color:#003D99;
font-size:250%;
text-align:center;
padding:10px;
 }
nav {background-color: #99C2FF; 
float:left;
width:20%;
font-size: 1em;
font-weight:bold;
font-style:italic;
padding-top:80px;
min-height:550px;}

nav ul{
padding-top: 20px; }

nav li {list-style-type: none;
line-height:3em;
background-color:#003D99;
color:#CCE0FF;
margin:4px 2px 4px 0px;
padding-bottom:5px;
padding-left:10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
border-radius:10px;
box-shadow: inset -5px -5px 5px #888;}

nav A:link {text-decoration: none;
color: #FFFFFF;
}

nav A:visited { text-decoration: none;
color: #BBBBBB; 
}
nav A:hover  { color: #AAAAAA;
text-decoration:underline;
}
nav A:active  { color: #FFFFFF;
text-decoration: underline;
}

#main{
float:left;
width:79%;
background-color: transparent;
border-bottom-color:silver;
border-bottom-style:groove;
border-bottom-width:thick;
padding-bottom:1em;
 }
.clearall{
width:100%;
clear:both;
} 
.leg{
float:left;
width:49%;
max-width:750px;
clear:none;
min-height:15em;
}

.leg p{
font-size:120%;
font-weight:700;
text-height:2em;
color:blue; 
text-indent:1em;}
.mnth
{
min-width:15.5%;
float:left; 
clear:none;
text-align:center;
background-color:#E6F0FF;
padding:0.1%;
height:240px;
width:15.5%;
margin-top:1em;
border-color:black;
border-style:solid;
border-width:medium;
}

@media screen and (max-width: 1100px) {
.mnth {
width:24%;
}
#nav{min-height:750px;
}
}

@media screen and (max-width: 800px) {
.mnth {
width:32%;
}
.leg {
width:95%;
clear:both; }

#nav{ min-height:900px;}
}

@media screen and (max-width: 600px) {
.mnth {
width:48%;
}
nav{
clear:both;
width:97%;
padding:2%;
min-height:3em;
}
nav li{
display:inline-block; 
min-width:45%;
line-height:2em;
height:3em;
font-size:larger;
}
}
 
@media screen and (max-width: 400px) {
.mnth {
width:96%;
}
}

.leg table{
width:33%;
min-width:200px;
margin-left:20px;}

table{
width:99.5%;
height:130px;
}

.mois{display:inline;
font-variant:small-caps;
font-size:150%;
font-weight:800;
background-color:#E6F0FF;
}
table th {
border:thin black solid;
border-collapse:collapse;
background-color:#B2FFFF;
height:1em;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; 
max-width:12.5%;
}
table tr{
height:25px; 
}
table td {
border:thin black solid;
border-collapse:separate;
background-color:#99C2FF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; 
max-width:12.5%;
empty-cells:hide;}


.dow{font-size:80%;
background-color:#FFFFFF;
font-family:monospace;
 }

table td.res{
background-color:#FF3300;
color:#FFCC66;
}

table td.ms{
background-color:#1975FF;
color:#CCE0FF;
}
table td.hs{
background-color:#003D99;
color:#CCE0FF;
}

table td.nd{
background-color:#6B0024;
color:	#EBCCD6; }

footer{
clear:both;
width:100%;
background-color:cyan; }