/* general styles */
html { margin: 0; padding: 0; }
body { background: #fff; color: #000; margin: 0 auto 1em auto; padding: 1em 2em 0; font: 1em/1.7 sans-serif; border-bottom: 1px solid; max-width: 80em; }
:link { background: transparent; color: #00f; }
:visited { background: transparent; color: #0e388c; }
h2 { clear: both; font: 1.4em sans-serif; margin: 1em 0 0; padding-top: 0.8em; }
h2 strong { font-style: italic; }

/* header */
h1 { margin: 0 -2em; padding: 0.75em 1.25em 0.25em; font: 1em sans-serif; }

/* front page */

body.front-page { text-align: center; }

body.front-page h1 img { float: none; display: block; margin: 0 auto; padding: 0; }
body.front-page h1 { margin: 0; padding: 0; font-size: 2em; font-weight: bold; }
body.front-page h2 { font: inherit; margin: 0; padding: 0; font-style: italic; font-weight: bold; font-size: 1.5em; background-color:#0000ff1a;}

body.front-page > div > a { margin: 1em 2em; border: solid thick; text-align: center; display: inline-block; vertical-align: bottom; text-decoration: none; }
body.front-page > div > a > p { text-decoration: none; width: 12em; min-height: 4em; padding: 1em 1.4em; }
body.front-page > div > a > p strong { font-size: 2em; font-style: normal; display: block; text-decoration: underline; }
body.front-page > div > a > p span { white-space: nowrap; text-decoration: none; }

body.front-page > div > a                                              { color: black; background: #FFFF99; border-color: #FFFF00; }
body.front-page > div > a + a                                          { color: black; background: #99FFFF; border-color: #00FFFF; }
body.front-page > div > a + a + a                                      { color: black; background: #FF99CC; border-color: #FF0099; }
body.front-page > div > a + a + a + a                                  { color: black; background: #99FF99; border-color: #00FF00; }
body.front-page > div > a + a + a + a + a                              { color: black; background: #FF9999; border-color: #FF0000; }
body.front-page > div > a + a + a + a + a + a                          { color: black; background: #99CCFF; border-color: #0099FF; }
body.front-page > div > a + a + a + a + a + a + a                      { color: black; background: #CC99FF; border-color: #9900FF; }
body.front-page > div > a + a + a + a + a + a + a + a                  { color: black; background: #FFCC99; border-color: #FF9900; }
body.front-page > div > a + a + a + a + a + a + a + a + a              { color: black; background: #FF99FF; border-color: #FF00FF; }
body.front-page > div > a + a + a + a + a + a + a + a + a + a          { color: black; background: #99FFCC; border-color: #00FF99; }
body.front-page > div > a + a + a + a + a + a + a + a + a + a + a      { color: white; background: #999999; border-color: #000000; }
body.front-page > div > a + a + a + a + a + a + a + a + a + a + a + a  { color: black; background: #CCFF99; border-color: #99FF00; }

body.front-page > div > a {
  box-shadow:         0 0 5px black;
  transition: box-shadow 0.05s linear;
}

body.front-page > div > a:hover {
  box-shadow:         0 0 25px black;
}

.h2 { clear: both; font: 1.4em sans-serif; margin: 1em 0 0; padding-top: 0.8em; }