@font-face {
font-family: 'WindsongRegular';

src: url('images/font/Windsong-webfont.eot');
src: url('images/font/Windsong-webfont.eot?#iefix') format('embedded-opentype'),

url('images/font/Windsong-webfont.woff') format('woff'),
url('images/font/Windsong-webfont.ttf') format('truetype'),

url('images/font/Windsong-webfont.svg#WindsongRegular') format('svg');

font-weight: normal;

font-style: normal;

}



@font-face {
font-family: 'RosarioRegular';
src: url('images/font/Rosario-Regular-webfont.eot');
src: url('images/font/Rosario-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('images/font/Rosario-Regular-webfont.woff') format('woff'),

url('images/font/Rosario-Regular-webfont.ttf') format('truetype'),
url('images/font/Rosario-Regular-webfont.svg#RosarioRegular') format('svg');
font-weight: normal;
font-style: normal;}

@font-face {
font-family: 'RosarioItalic';
src: url('images/font/Rosario-Italic-webfont.eot');
src: url('images/font/Rosario-Italic-webfont.eot?#iefix') format('embedded-opentype'),
url('images/font/Rosario-Italic-webfont.woff') format('woff'),
url('images/font/Rosario-Italic-webfont.ttf') format('truetype'),
url('images/font/Rosario-Italic-webfont.svg#RosarioRegular') format('svg');
font-weight: normal;
font-style: normal;}

@font-face {
font-family: 'RosarioBold';
src: url('images/font/Rosario-Bold-webfont.eot');
src: url('images/font/Rosario-Bold-webfont.eot?#iefix') format('embedded-opentype'),

url('images/font/Rosario-Bold-webfont.woff') format('woff'),
url('images/font/Rosario-Bold-webfont.ttf') format('truetype'),
url('images/font/Rosario-Bold-webfont.svg#RosarioBold') format('svg');

font-weight: normal;
font-style: normal;}

body {
font-family: 'RosarioRegular', sans-serif;
font-size: 10pt;
color: #C8ECEE;
margin: 10pt;
padding: 9pt;
padding-top: 0px;
background-color: #11292A;}

A:link {
color: #417D81;
background-color: transparent;
text-decoration: none;}

A:visited {
color: #417D81;
background-color: transparent;
text-decoration: none;}

A:hover {
color: #C8ECEE; 
background-color: #417D81;
text-decoration: none;}

strong {
font-family: 'RosarioBold', sans-serif;
text-decoration: none;
color: #A5BACF;}

em {
font-family: 'RosarioItalic', sans-serif;
text-decoration: none;
color: #A5BACF;}

.container { 
margin-left: auto;
margin-right: auto;
width: 50%;
height: auto;
text-align: center;}

.header {
font-family: 'WindsongRegular', cursive;
font-size: 50pt;
font-weight: bold;
line-height: 5pt;
padding-top: 35pt;
margin: 0pt;
color: #72B9BD;
text-align: left;
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;}

.navigation {
border-top: 3pt;
border-bottom: 3pt;
border-left: 3pt;
border-right: 3pt;
border-color: #2A595C;
border-style: solid;
background-color: #193B3D;
color: #C8ECEE;
padding: 4pt;
margin: 0pt;
width: 37%;
height: 100%;
float: right;
margin-left: auto;
margin-right: auto;
text-align: justify;}

.content {
border-top: 3pt;
border-bottom: 3pt;
border-left: 3pt;
border-right: 3pt;
border-color: #2A595C;
border-style: solid;
background-color: #193B3D;
color: #C8ECEE;
padding: 4pt;
margin: 0pt;
width: 58%;
height: full;
float: left;
margin-left: auto;
margin-right: auto;
text-align: justify;}

.h1{
color: #8ABFC2;
background-color: transparent;
font-family: 'Annie Use Your Telescope', cursive;
padding-bottom: 3pt;
font-size: 22pt;
line-height: 22pt;
text-align: left;}

.push {
height: auto;
clear: both;}

.footer{
clear: both;
height: auto;
font-family: 'RosarioRegular', sans-serif;
font-size: 8pt;
line-height: 7pt;
padding: 4pt;
margin: 0pt;
color: #D9E5F1;
background-color: transparent;
text-align: center;}