html,body {margin: 0; padding: 0 }
body {font-family: arial, san-serif; font-size: .82em; color: #578FAC }
div#box { margin: .5em }
div#header {
 font-style: italic;
 color: gray;
 padding: 0.7em;
}
div#contents {
 padding-bottom: 1em
}
div#infos {
 border-left-width: thin;
 border-left-style: solid;
 border-left-color: gray;
 margin: .5em;
 padding: 1em;
 height: 30em;
 float: right;
 position: relative;
}
div#article {
 margin: .5em;
 padding-top: .5em;
 padding-right: 1em;
 padding-bottom: 1em;
 padding-left: 1em
}
div#footer {
 font-size: .7em;
 margin: .2em;
 color: white;
 border-width: thin;
 border-style: double;
 background-color: #25795D;
 text-align: center;
 font-weight: bolder;
 clear: both;
}
div#subfooter {
 font-size: .9em;
 margin-top: .5em;
 text-align: center;
}
div#subfooter img, div#subfooter p {
 margin: 0;
}
div#section {
 font-size: 1.5em;
 margin-top: .5em;
 margin-bottom: .5em;
 padding-left: 1em;
 border-bottom-width: 0.08em;
 border-bottom-style: solid;
 border-bottom-color: #E9EAEB;
 width: 20em;
 text-align: left
}
div#section sub {
 font-size: .7em;
}
div#release { 
 font-size: .9em;
 font-style: italic;
 margin-top: .5em;
 margin-bottom: .5em;
 text-align: center;
 clear: both
} 
div#menu{
 color: white;
 padding: .3em;
 width: 40em;
 position: fixed;
 top: 3em;
 right: 0;
 background-color: #30B3B1;
}
.table {
width: 100%;
text-align: center
}
.tablehead {
 font-weight: bolder;
 font-style: italic
} 
.credits {
text-align: center
}
.logo {
width: 8em;
height: 3.5em;
}
.titlecyan
{
 color: white;
 background-color: #4DC6A4;
 margin: 0;
 padding: 0.3em 0.3em 0.3em 1em;
}
.titleblu
{
 color: white;
 background-color: #0000FF;
 margin: 0;
 padding: 0.3em 0.3em 0.3em 1em;
}
.titlesilver
{
 font-style: italic;
 color: silver;
 margin: 0;
 padding: 0.3em 0.3em 0.3em 1em;
}
a:link
{
 text-decoration: none;
 color: black;
}
div#footer a:link, div#footer a:visited
{
 text-decoration: none;
 color: white;
}
a:visited
{
 text-decoration: none;
 color: gray;
}
a:hover
{
 text-decoration: none;
 color: #FFA500;
}
a:active
{
 text-decoration: none;
 color: blue;
}
.center {
 text-align: center
}
.card {
 font-size: .9em;
 padding: .6em;
 margin: 1em;
 color: #6D6E9F;
 background-color: #F4F4FA
}

.card img,
.card-blue img,
.card-gray img,
.card-green img {
float: left;
margin: .1em;
padding: 0
}

.card p,
.card-blue p,
.card-gray p,
.card-green p {
margin: .1em;
padding: 0;
clear: both
}

.card:hover,
.card-blue:hover,
.card-gray:hover,
.card-green:hover {
background-color: white
}

.card-blue {
 font-size: .9em;
 padding: .6em;
 margin: 1em;
 color: #5870A9;
 background-color: #F1F5FF
}

div.split2 div{
 float: left;
 width: 25%;
 margin: .4em
}
div.split-link {
 float: left;
 width: 25%;
 height: .5em;
 margin: .4em;
 clear: both
}
div.clearer{
 float: none; clear: left
} 

.card-gray {
 font-size: .9em;
 margin: 1em;
 padding: .6em;
 color: #5F5F5F;
 background-color: #E8E9EA
}
.card-green {
 font-size: .9em;
 margin: 1em;
 padding: .6em;
 color: #25795D;
 background-color: #F7FBF5
}

#card-link {
 font-size: .8em;
 width: 20em;
 margin: .5em;
 padding: .5em;
 color: #5063C1
}

#card-link img {
float: left;
margin: .1em;
padding: 0
}

#card-link h2 {
margin: .1em;
padding: 0
}

#card-link:hover {
 border: .8em;
}