h1{font-family: "Calibri";text-align:center;color:white;}
h2{font-family:"Calibri";font-size:99%;text-align:center;color:white;}
p{font-family:"Calibri";color:white;}
ul {font-family:"Calibri";}
td {font-family:"Calibri"; color:white;width:140px; text-decoration:none;}

#bodyid {background-image:url(pix/honfleur.jpg);background-size:cover;}

#header {
color: white;
padding: 20px 50px 20px 50px; 
border:solid; 
border-width: 3px; width: 60%; 
max-width:800px;
margin-top:1%;
margin-right: 15%;
margin-left: 15%;
background-color:#333333;
align:justify;}

#article {
color:white;
padding: 20px 50px 20px 50px;
border:solid; 
border-width: 3px; 
text-align: justify; 
width: 60%;
overflow: auto;
max-width:800px;
margin-right:15%; 
margin-left:15%; 
background-color:black;
opacity:0.95;
clear:both;}

#footer {color: white; 
padding: 20px 50px 20px 50px; 
border:solid; 
border-width: 3px; 
width: 60%;
max-width:800px;
margin-right: 15%;
margin-left: 15%;
background-color:#333333;
clear:both;}

#letter {background-image:url(pix/paper.jpg);
font-style:""ExistenceLight"";
color:black;
padding: 20px 50px 20px 50px; 
border:solid;
border-width: 3px;
text-align:justify;
width:60%;
max-width:800px;
margin-right:15%; 
margin-right:15%;
border-color:white; 
opacity:0.95;
clear:both;} 
 
#intro {font-family:"ExistenceLight"; font-size:120%;}
#slidebox {padding:5; text-align:justify; width:100%;clear:both;border:solid;color:white;padding:10px;margin-left:5%;background-color:#333333;} 
#box {text-align:justify; width:250px; border:solid;color:white;padding:20px;margin:3%;font-size:90%;background-color:#333333;} 
#box2 {text-align:justify; width:250px; margin:10px 10px 10px 10px;float:right;font-size:90%;} 
#soundbox {text-align:justify; width:450px; border:solid;color:white;padding:20px 20px 0 20px;margin:2%;font-size:90%;background-color:#333333;} 
#calendar {width:30%;color: white; padding: 20px 50px 20px 50px; border:solid; border-width: 3px; width: 60%;margin-right: 15%;margin-left: 15%;background-color:#333333;}

.shadow {background:#ccc;-moz-box-shadow:5px 5px 10px #333; -webkit-box-shadow:5px 5px 10px #333;box-shadow:5px 5px 10px #333;padding:10px 10px 10px 10px;font-size:0.9em;color:black;} 
ul {color:red; }
li span {color:white;}
.next {font-family:"ExistenceLight"; color:white; width:550px;}
.dot {font-size:1.2em;color:red;}
.small {font-family:"ExistenceLight"; color:white; width:50px;}
.medium {font-family:"ExistenceLight"; color:white; width:90px;}
.long {font-family:"ExistenceLight"; color:white; width:300px;}
.xlong {font-family:"ExistenceLight"; color:white; width:600px;}
.caption {font-family:"ExistenceLight"; color:white; font-size:80%;}
a:link {color:white; text-decoration:none;}
a:visited {color:white;}