html {
	height: 100%;
	max-height: auto;
}

body {
	background-image: linear-gradient(to bottom, #def3fa, #bce7f6, #9fddf1, #73cae7, #59bbdb, #44aacc, #3da1c3, #3596b7, #2e8aa9, #287f9c, #22708a, #1d6279, #175063, #124151, #0e303c, #000000);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: right top;
	background-size: contain;
	background-color: #000000;
	font-family: Helvetica;
	height: 100%;
	margin: 0%;
	padding: 0%;
	-webkit-font-smoothing: antialiased;
}

@font-face {
        font-family: "LifeCraft";
        src: url("../../media/fonts/LifeCraft_Font.ttf");
}

a, a:active, a:focus, a:hover {
	color: #ffffff;
        text-decoration: none;
}

h1, h3 {
        background-image: linear-gradient(to left, #022430, #022430, #003445, #022430, #022430);
        font-family: Helvetica;
        font-size: 1.5vw;
        font-weight: normal;
        color: #ffffff;
        display: block;
        padding: 0.5%;
        margin-top: -1%;
        text-align: center;
}

h2 {
        background-color: #022430;
        font-size: 0.8vw;
        font-weight: normal;
        text-align: center;
}

h3 {
        background-image: linear-gradient(to left, #022430, #022430, #022430, #003445, #022430, #022430, #022430);
	font-size: 1vw;
	margin-bottom: 2%;
	margin-top: 3%;
}	

#content-outer {
	background-color: rgba(13, 47, 59, 0.3);
	box-shadow: 0px 1px 3px 2px #052539;
	color: #FFFFFF;
	font-size: 0.9vw;
	min-height: 75%;
	max-height: auto;
	margin-left: 20.5%;
	margin-top: 1%;
	padding: 2%;
	padding-top: 0%;
	position: absolute;
	width: 55%;
        word-wrap: break-word;
        text-overflow: ellipsis;
	border-top: #FFFFFF;
	border-width: 1px;
  	border-style: solid;
}

#content-outer a, #content a:active, #content a:focus, #content a:hover {
	font-weight: bold;
}

#content {
	background-color: #022430;
	border: 1px solid #1d6279;
        box-shadow: 0px 1px 3px 2px #052539;
	margin: 2%;
	margin-top: 3%;
	padding: 2%;
}

#header {
	background-image: linear-gradient(to bottom, #124151, #175063, #1d6279, #22708a, #287f9c, #2e8aa9, #3596b7, #3da1c3, #44aacc, #59bbdb, #73cae7, #9fddf1);
	border-bottom: 1px solid #9fddf1;
        color: #ffffff;
        font-family: LifeCraft;
        font-size: 4vw;
	padding: 0.2%;
        padding-left: 2%;
        text-shadow: 1px 1px 5px #000000, 0 0 5px #ffffff;
        width: 97.8%;
}


#navigation {
	color: #ffffff;
        font-family: LifeCraft;
        font-size: 2vw;
        text-shadow: 1px 1px 5px #000000, 0 0 5px #ffffff;
	width: 97.7%;
}

/* Sidebar */

#sidebar-show {
  display: none;
}

#sidebar {
        background-color: #022430;
        border: 1px solid #1d6279;
        border-right: 0px;
        box-shadow: 0px 1px 3px 2px #052539;
        display: block;
        float: left;
        height: auto;
        margin: 2.8%;
        margin-left: 1.8%;
        position: absolute;
        width: 12%;
        z-index: 0;
}

	#sidebar a {
	        color: #ffffff;
	}

.sidebar-menu-sup {
        background-color: #022430;
        font-size: 1rem;
        padding: 5%;
        text-align: center;
}

.sidebar-menu-sub {
        background-color: #003f54;
        cursor: pointer;
        font-size: 0.8rem;
        padding: 5%;
        text-align: center;
}

	.sidebar-menu-sub:hover {
       		background-color: #004b63;
	}