html{padding:0;margin:.5em 0}
body{font:1em/1.5em georgia,arial;color:#222200;margin:0 auto;padding:0 5%;max-width:1170px;-webkit-text-size-adjust:100%}
h1{font-size:1.6em;margin:2em 0 1em 0;color:#333}
h2{font-size:1.25em}
p,div,h1,h2,blockquote{line-height:1.5em}
p{margin:0 0 1em;padding:0}
table{border-collapse:collapse}

img{border:0}
a#logo{background:#0050a8;padding:5pt;border-radius:3px;color:#fff;font-weight:bold;font-size:1.3em;line-height:2em}
.brown,h2{color:#8F171F}
.b,article a{font-weight:bold}
.i,blockquote{font-style:italic}
a{color:#00a;text-decoration:none;border-bottom:1px dotted #00a}
article a:hover,footer a:hover{border-bottom:1px solid #00a}
footer a{color:#333;border-color:#333} footer a:hover{border-color:#333}
article img{float:right;padding:.25em 0 1em 2em;max-width:100%}
.sp{padding:.5em}.mp{padding:1em}
.lhn{line-height:normal}
.fl{float:left}
.fr{float:right}
.fwn{font-weight:normal}
footer{line-height:3em}
footer div{border-top:1px dotted #555;margin:2em 0 1em 0}

nav ul{float:left;width:100%;padding:0;margin:0;list-style-type:none}
nav a{float:left;text-decoration:none;background:#E7EAFF;padding:0.4em 0.8em;border:1px solid #333;margin-right:.5em;border-radius:3px;color:#000;border-style:outset}
nav a:hover{background:#333;color:#fff}
nav li{display:inline-block;padding-bottom:.8em}
@media screen and (max-width:480px){body{padding:0.25em;font-size:.94em}h1,h2{font-size:1.1em}nav li{font-size:1em}article img{padding:.25em 0 1em 0}}
@media screen and (min-width:960px){body{padding:0 10%}}