body
{
	margin: 0px;
	padding: 0px;
	background-color: rgba(0, 0, 0, 1);
	color: rgba(0, 0, 0, 1);
	font-family: sans-serif;
    background-image: url("Images/the_structure_purple.svg");
    background-size: 500px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}

a:link
{
	color: rgba(0, 0, 127, 1);
}

a:visited
{
	color: rgba(0, 0, 127, 1);
}

a:hover
{
	color: rgba(127, 0, 255, 1);
}

a:hover:visited
{
	color: rgba(127, 0, 255, 1);
}

a:active
{
	color: rgba(127, 0, 0, 1);
}

a:active:visited
{
	color: rgba(127, 0, 0, 1);
}

figure
{
    margin: 0px;
	padding: 0px;
}

figcaption
{
    text-align: right;
    font-style: italic;
}

.errorMessage
{
	border: 2px solid rgba(255, 0, 0, 1);
	padding: 5px 10px;
	font-size: 150%;
	background-color: rgba(0, 0, 0, 1);
	color: rgba(255, 0, 0, 1);
}

.centerScroll
{
	float: center;
	margin: -1100px auto 0px auto;
    width: 1000px;
    min-height: 100%;
}

.header
{
	display: table;
	float: top;
	width: 100%;
    padding-top: 100%;
}

.headerImage
{
	display: table;
	float: top;
	width: 1000px;
}

.buttonsBar
{
	padding-left: 50px;
	padding-right: 50px;
}

.buttons
{
	background-color: rgba(255, 255, 255, 0.0);
	color: rgba(0, 0, 0, 1);
    font-size: 42px;
}

.buttons img
{
    height: 42px;
}

.buttons a
{
    border-radius: 7px;
    height: 42px;
    float: center;
}

.buttons a:link
{
	color: rgba(127, 0, 0, 0);
}

.buttons a:visited
{
	color: rgba(127, 0, 0, 0);
}

.buttons a:hover
{
	color: rgba(255, 255, 255, 1);
    background: rgba(0, 0, 0, 1);
}

.buttons a:hover:visited
{
	color: rgba(255, 255, 255, 1);
    background-color: rgba(0, 0, 0, 1);
}

.buttons a:active
{
	color: rgba(255, 255, 255, 1);
    background-color: rgba(0, 0, 0, 1);
}

.buttons a:active:visited
{
	color: rgba(255, 255, 255, 1);
    background-color: rgba(0, 0, 0, 1);
}

main
{
	padding-top: 50px;
	background-color: rgba(255, 255, 255, 0.77);
	color: rgba(0, 0, 0, 1);
}

main a:link
{
	color: rgba(0, 0, 127, 1);
}

main a:visited
{
	color: rgba(0, 0, 127, 1);
}

main a:hover
{
	color: rgba(127, 0, 255, 1);
}

main a:hover:visited
{
	color: rgba(127, 0, 255, 1);
}

main a:active
{
	color: rgba(127, 0, 0, 1);
}

main a:active:visited
{
	color: rgba(127, 0, 0, 1);
}

.article
{
	float: left;
	width: 900px;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 50px;
	text-align: center;
    background-color: rgba(255, 255, 255, 0.77);
	color: rgba(0, 0, 0, 1);
}

.footer
{
	display: table;
	float: bottom;
	width: 100%;
	height: 200px;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.77);
}

.footerIcon
{
    height: 20px;
	vertical-align: -22%;
}

.legal
{
    font-size: 50%;
}

a.imageLink:link
{
	color: rgba(0, 0, 127, 1);
}

a.imageLink:visited
{
	color: rgba(0, 0, 127, 1);
}

a.imageLink:hover
{
	color: rgba(127, 0, 255, 1);
}

a.imageLink:hover:visited
{
	color: rgba(127, 0, 255, 1);
}

a.imageLink:active
{
	color: rgba(127, 0, 0, 1);
}

a.imageLink:active:visited
{
	color: rgba(127, 0, 0, 1);
}

a.hiddenLink:link
{
	color: rgba(0, 0, 0, 1);
    text-decoration: none;
}

a.hiddenLink:visited
{
	color: rgba(0, 0, 0, 1);
}

a.hiddenLink:hover
{
	color: rgba(127, 0, 255, 1);
}

a.hiddenLink:hover:visited
{
	color: rgba(127, 0, 255, 1);
}

a.hiddenLink:active
{
	color: rgba(127, 0, 0, 1);
}

a.hiddenLink:active:visited
{
	color: rgba(127, 0, 0, 1);
}