body, h1, h2, h3, p, dt, dd, td, li, div, input, textarea {font-family: Calibri,Candara,Segoe,'Segoe UI',Optima,Arial,sans-serif; } 
h2 {background-color:#eeeeee;padding:0.2em;margin:0;}  
h1{margin:0;text-align:center;padding:0.2em;background-color:#000099;color:#ffffff;font-weight:bold;}
body{margin:0; padding:0;height:100%;text-align:left;background:#ffffff;line-height:150%;font-size:133%;}
a:hover{background-color:yellow;}     
.c{color:#999999;font-size:smaller;}
.top{}
.top a:link{text-decoration:none;color:#ffffff;}
.top a:visited{text-decoration:none;color:#ffffff;}
.top a:hover{text-decoration:underline;color:yellow;background-color:#000099;}
.top a:active{text-decoration:none;color:#ffffff;}
.e{color:red;font-weight:bold;}  
.main{margin:auto;width:95%;max-width:75em;}
.r{float:right;}
.clr{clear:both;}      
.f{margin:auto;text-align:center;}  
li.inl, li.last{display:inline;padding-left:1em;padding-right:1em;border-right:0;}
input{font-size:120%;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
button, input, select, textarea {
  font-family : inherit;
  font-size   : 100%;
  max-width: 20em;
}
input[type=text]{width:90%;}
textarea{width:90%;}
fieldset{width:50%;max-width:30em;}
.coo{text-align:center;width:80%;font-size:120%;background:#faa;margin:1em 0 1em 0;padding:1em 2em 1em 2em;}

.ul{text-decoration: underline;}
.c1,.c2,.c3,.c4{text-align:center;float:left;margin:0 0 -100% 0;padding:0 1% 100% 1%;text-decoration:none;color:#eee;min-height:100%;}
@media(min-width:50em){.c2{width:48%}.c3{width:31.33%}.c4{width:23%}}