<style>

.g1-nonscrolling-sidebar {
	position: fixed;
	top: 0;
	left: 0;
	width: 300px;
	height: 100%;
	background-color: #ddd;
	z-index: 3;
}
.g1-nonscrolling-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #0d0d0d;
	background-color: #ffffff;
	z-index: 4;
}
.g1-nonscrolling-footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #0d0d0d;
	background-color: #ffffff;
	z-index: 4;
}
.g1-main-content { margin-left: 300px; }

.g1-container {
	padding-top: 0.01em;
	padding-bottom: 0.01em;
	padding-left: 16px;
	padding-right: 16px;
}

.x_g1-container:after {
	content: "";
	display: table;
	clear: both;
}

.g1-text-align-left { text-align: left; }
.g1-text-align-right { text-align: right }
.g1-text-align-center { text-align: center; }

.g1-padding-vertical-2 { padding-top: 1px; padding-bottom: 1px; }
.g1-padding-vertical-4 { padding-top: 2px; padding-bottom: 2px; }
.g1-padding-vertical-6 { padding-top: 3px; padding-bottom: 3px; }
.g1-padding-vertical-8 { padding-top: 4px; padding-bottom: 4px; }

.g1-padding-horizontal-2 { padding-left: 1px; padding-right: 1px; }
.g1-padding-horizontal-4 { padding-left: 2px; padding-right: 2px; }
.g1-padding-horizontal-6 { padding-left: 3px; padding-right: 3px; }
.g1-padding-horizontal-8 { padding-left: 4px; padding-right: 4px; }

.g1-padding-top-2 { padding-top: 3px; }

.g1-padding-left-8 { padding-left: 8px; }
.g1-padding-left-80 { padding-left: 80px; }

.g1-center { text-align: center; }
.g1-indent-8 { text-indent: 8px; }
.g1-spacing-6 { padding-left: 3px; padding-right: 3px; }
.g1-spacing-12 { padding-left: 6px; padding-right: 6px; }
.g1-padding-3 { padding: 3px; }
.g1-italic { font-style: italic; }
.g1-bold { font-weight: bold; }
.g1-no-underline { text-decoration: none; }
.g1-hide { display: none; }

.g1-cursor-auto { cursor: auto; }
.g1-cursor-default { cursor: default; }
.g1-cursor-pointer { cursor: pointer; }
.g1-cursor-text { cursor: text; }
.g1-cursor-stop { cursor: not-allowed; }

.g1-no-select {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
     -khtml-user-select: none; /* Konqueror */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  not supported by any browser */
}

.g1-width-0-px { width: 0px; }
.g1-width-300-px { width: 300px; }
.g1-width-350-px { width: 350px; }
.g1-width-400-px { width: 400px; }
.g1-width-100-pct { width: 100%; }
.g1-margin-left-0-px { margin-left: 0px; }
.g1-margin-left-300-px { margin-left: 300px; }
.g1-margin-left-350-px { margin-left: 350px; }
.g1-margin-left-400-px { margin-left: 400px; }

.g1-border { border: 1px solid #ccc; }

.g1-background-black { background-color: #000000; }
.g1-background-hover-black:hover { background-color: #000000; }
.g1-text-black { color: #000000; }
.g1-text-hover-black:hover { color: #000000; }
.g1-border-black { border-color: #000000; }
.g1-border-hover-black:hover { border-color: #000000; }

.g1-background-light-grey { background-color: #f1f1f1; }
.g1-background-hover-light-grey:hover { background-color: #f1f1f1; }
.g1-text-light-grey { color: #f1f1f1; }
.g1-text-hover-light-grey:hover { color: #f1f1f1; }
.g1-border-light-grey { border-color: #f1f1f1; }
.g1-border-hover-light-grey:hover { border-color: #f1f1f1; }

.g1-background-white { background-color: #ffffff; }
.g1-background-hover-white:hover { background-color: #ffffff; }
.g1-text-white { color: #ffffff; }
.g1-text-hover-white:hover { color: #ffffff; }
.g1-border-white { border-color: #ffffff; }
.g1-border-hover-white:hover { border-color: #ffffff; }

.g1-background-teal { background-color: #009688; }
.g1-background-hover-teal:hover { background-color: #009688; }
.g1-text-teal { color: #009688; }
.g1-text-hover-teal:hover { color: #009688; }
.g1-border-teal { border-color: #009688; }
.g1-border-hover-teal:hover { border-color: #009688; }

.g1-font-size-24px { font-size: 24px; }
.g1-font-size-28px { font-size: 28px; }
.g1-font-size-30px { font-size: 30px; }
.g1-font-size-36px { font-size: 36px; }

.Content {
	margin-left: 0px;
	margin-top: 56px;
}

.Overlay {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #000;
	z-index: 2;
	display: none;
	opacity: 0.75;
	filter: alpha(opacity=75); /* For IE8 and earlier */
}

.Navigation {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 3;
	width: 350px;
	height: 100%;
        background-color: #ff9800;
        margin-bottom: 300px;
}

.NavigationHeader {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5;
	width: 350px;
	height: 53px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 16px;
	padding-right: 16px;
	font-size: 24px;
	text-align: center;
	background-color: #000;
	color: #ff9800;
}

.Copyright {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 5;
	width: 350px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 16px;
	padding-right: 16px;
	text-align: center;
	background-color: #000;
	color: #ff9800;
}

.ContentHeader {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 3;
	width: 100%
	padding-top: 3px;
	padding-bottom: 6px;
	padding-left: 16px;
	padding-right: 16px;
	font-size: 30px;
	text-align: center;
	background-color: #000;
	color: #ff9800;
}

.NavigationOpenButton {
	//background-color: #000;
	color: #ff9800;
	border-color: #ff9800;
	float: left;
	margin-top: 4px;
	cursor: pointer;
}

.NavigationCloseButton {
	//border: 3px solid #ccc;
	background-color: #000;
	color: #ff9800;
	border-color: #ff9800;
	float: left;
	margin-top: 4px;
	cursor: pointer;
	text-height: 40px;
}

</style>
