body {margin:0; font-size:16px; font-family:sans-serif;}
a {color:#008; background:transparent; text-decoration:none;}
a:hover {color:red; background:#eee;}

#cookies {color:white; background:#333; padding:20px; text-align:justify;}
#cookies a {color:yellow; background:transparent;}
#cookies a:hover {color:#0f0; background:transparent;}
#cookies button {margin:8px 0 4px 0; border-radius:8px; border:2px solid #0d0; padding:3px 12px 3px 10px; color:#080; background:white; font-size:120%;}
#cookies button:hover {color:#080; background:#ccc;}

header, footer {padding:6px 0; background:#47a; text-align:center;}
.ccclogo a {border-radius:25px; padding:0 6px 0 4px; color:white; font-size:240%; font-style:italic;}
.ccclogo a:hover {color:#666; background:#eee;}
.ccclinks a {border-radius:15px; margin:0 2px; padding:6px 8px; font-size:110%; line-height:2.5em; color:#006; background:white; white-space:nowrap;}
.ccclinks a:hover {color:red; background:#eee;}
.top a {float:right; margin:3px 10px 0 0; background:transparent;}
.copy {padding:4px 0; color:white; font-size:110%; text-align:center;}

.button a {border-radius:15px; border:1px solid #369; color:black; font-size:110%; padding:7px 9px; background:#def; line-height:2.4em; white-space:nowrap;}
.button a:hover {color:red; background:#eee;}
.advert {margin:15px auto;}

h1,h2,h3,h4,h5,h6,p {margin:15px 0; padding:0;}
h1 {font-size:175%; font-weight:normal; color:#058; font-style:italic;}
h2,h3,h4,h5,h6,p.heading {font-size:140%; font-weight:normal; font-style:italic;}
h1.nogap, h2.nogap, h3.nogap {margin:15px 0 4px 0;}
p.nogap {margin:0 0 15px 0;}
ol.nogap, ul.nogap {margin-top:0;}

table {font-size:100%;}
td {vertical-align:top;}
form {margin:0; padding:0;}
input {vertical-align:middle;}
input, textarea {font-size:100%; font-family:sans-serif;}
img {vertical-align:middle; border:0;}

.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}
.justify {text-align:justify;}
.floatleft {float:left;}
.floatright {float:right;}
.imgleft {float:left; padding:0 8px 4px 0;}
.imgright {float:right; padding:0 0 4px 8px;}
.clear {clear:both;}

.red {color:#d00;}
.highlight {background:yellow; padding:0 4px;}
.mybox {border:1px dashed black; color:black; background:#ffb; padding:4px 8px; text-align:justify;}

/* Mobiles */
@media (max-width:640px) {
.ccclogo a {font-size:190%;}
.ccclinks a {padding:4px 6px; font-size:95%;}
.button a {padding:4px 6px; line-height:2em; font-size:100%;}
.copy {font-size:100%;}
h1 {font-size:140%;}
h2,h3,h4 {font-size:110%;}
}