@font-face {
    font-family: Comic Sans MS;
    src: url('../Comic Sans MS.ttf');
    font-style: normal;
    font-weight: bold;
}

body { background-color: #AACFE9; width: 980px; margin: 0 auto; font: normal normal normal 100% "Comic Sans MS"; color: #000000; padding: 30px }

header { height: 285px }
header img { border-radius: 15px 15px 0px 0px; margin: 0 }

section { background-color: white; min-height: 700px; padding: 5px 30px 20px 30px; text-align: justify }

footer { background-image:url(/img/footer.png); text-align: center; padding: 5px; border-radius: 0px 0px 15px 15px }
footer img { margin: -17px 10px 0px 0px; float: right }

nav { height: 50px; background-image:url(/img/footer.png) }
nav ul { margin: 0; padding: 0; text-align: center }
nav ul li { list-style: none; float: left; position: relative; margin: 6px; padding: 0; font-size: 1.2em }
nav ul li ul { margin: 0; padding: 0; position: absolute; top: 33px; left: 1px; display: none }
nav ul li:hover ul { display: block }
nav ul li ul li { float: none; display: block; font-size: 0.8em; position: relative; z-index: 2; margin: -1px }
nav ul li a { display: block; width: 145px; padding: 2px; text-decoration: none; color: white; background-color: #22AAF8; border: 1px solid #000000; border-radius: 2px 2px 2px 2px }
nav ul a:hover, li a.actual { border: 1px solid #000000; color: #000000; background-color: #70CBFF }

h1 { color: #22AAF8; font-size: 2.0em; text-align: center }

section a:link { color: #22AAF8; text-decoration: none }
section a:active { color: #22AAF8; text-decoration: none }
section a:visited { color: #22AAF8; text-decoration: none }
section a:hover { color: #FF0000; text-decoration: none }

p { font-size: 1.2em }
p.center { text-align: center }
p.large { font-size: 1.6em }
p.medium { font-size: 1.4em }
p.indent { text-indent: 4.0em }

img { margin: 25px }
img.float { float: left }

form { margin: 0 auto; width: 500px }
form label { width: 150px; display: inline-block }
form label.error { color: red }
form input { outline: none; margin: 10px; padding: 2px; font: normal 12pt "Comic Sans MS"; border: 1px solid black; border-radius: 3px 3px 3px 3px; width: 300px }
form input.error { margin: 10px; padding: 2px; font: normal 12pt "Comic Sans MS"; color: red; border: 1px solid red; border-radius: 3px 3px 3px 3px; width: 300px }
form p.error { font: normal 10pt "Comic Sans MS"; color: red }
button { margin: 10px; padding: 2px; font: normal 12pt "Comic Sans MS"; color: white; border: 1px solid black; border-radius: 3px 3px 3px 3px; width: 140px; background-color: #22aaf8 }
button:hover { color: black; background-color: #70cbff }
button.center { margin-left: 390px }

table#list { width: 95%; margin: 0 auto }
table#list th { height: 50px; font-size: 1.2em; text-decoration: underline }
table#list td { font-size: 1.0em }

table#donation { width: 60%; margin: 0 auto }
table#donation td { text-align: center; font-size: 1.4em}

table#lang { width: 50%; margin: 0 auto; padding-top: 120px }
table#lang td { text-align: center; font-size: 1.6em }

table#contact { padding-top: 200px; margin: 0 auto }
table#contact tr th { color: #22AAF8; font-size: 2.0em; text-align: center }
table#contact tr td { font-size: 1.6em; text-align: center; height: 150px  }

table.agenda { width: 95%; margin: 0 auto }
table.agenda td { text-align: center; font-size: 1.2em }