body, h1, img
{
 border: none;
 margin: 0;
 padding: 0;
}

body
{
 font-size: 100%;
 background: #c00000;
}

h1
{
 text-align: center;
 padding: .5em 0;
 color: #ffc;
}

h1 img
{
 width: 30%;
}

h1 img:hover
{
 width: 30%;
 background-color: black;
}

h1 a:hover
{
 background-color: black;
}

#main
{
 background: #ffc;
 width: 70%;
 float: right;
 margin-right: 2%;
/* margin: auto; */
 padding: 2%;
}

#main img.sp
{
 float: right;
 margin-left: 1em;
 border: 1px solid black;
}

p
{
 max-width: 37em;
 margin: .5em 0;
 padding: 0 2%;
}

p + p
{
 text-indent: 2em;
}

#footer
{
 color: #ffc;
 text-align: center;
 font-size: .85em;
 padding: 1em 0 .5em 0;
 clear: both;
}


#footer a
{
 color: #ffc;
}

div.nav
{
 text-align: center;
 width: 20%;

 margin-left: 2%;
 margin-right: 72%;
}

div.nav a
{
 display: block;
 border: 2px outset #ffc;
 font-size: .825em;
 font-weight: bold;
 text-decoration: none;
 color: #cfc;
 background: #700;
 padding: 0 .5em;
 margin: .5em 0;
}

div.nav a:hover
{
 color: black;
 background: #ffc;
 border: 2px inset #f00;
}

.nav i
{
 display: none;
}

.side
{
 color: white;
 text-align: left;
 text-indent: 0;
 margin-top: 2em;
 margin-right: 1em;
 padding-right: 1em;
}