html {
	margin: 0px auto;
	min-height: 100%;
	height:100%
	background-color: black;
	color: black;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

body {
	margin: 0px auto;
	position: relative;
	left:0px;
	top:0px;
	font-family: Interval, Helvetica, Arial, sans-serif;
	color: #f1f1f1;
	background-color: #282828;
	min-height: 100%;
	height:100%
	min-width: 100%;
	background: -webkit-gradient(linear, left top, right top, from(#282828), to(#000));
	background-image: -moz-linear-gradient(0,#282828, #000);
}

a{
	color: #1b8b6b;
	text-decoration: underline;
}
a:hover{
	color: #002010;
}
a:visited{
	color: #105030;
}

.Interval-UltraLight { font-family: Interval-UltraLight; }
.Interval { font-family: Interval; }
.Interval-SemiBold { font-family: Interval-SemiBold; }


h1{
	font-size: 46px;
	font-weight: 400;
	color: #3b3b3b;
	padding:40px;
	padding-top:54px;
}

h2{
	color: #3b3b3b;
	margin-top: 30px;
}

h2 a{
	color: #3b3b3b;
	text-decoration: none;
}
h2 a:hover{
	color: #3b3b3b;
	text-decoration: underline;
}
h2 a:visited{
	color: #3b3b3b;
}

p{
	font-family: Helvetica, Arial, sans-serif;
}

img{
	padding: 5px;
	border: 1px solid #aaa;
	-webkit-box-shadow: 1px 1px 5px #888;
	-moz-box-shadow: 1px 1px 5px #888;
	box-shadow: 1px 1px 5px #888;
}

img.plain{
	padding: 0px;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

table{
	color: black;
}

td{
	padding: 10px;
}

.small-image{
	float:left;
}

#navigation {
	position: absolute;
	text-align: center;
	color: white;
	
	left: 0px;
	margin: 0px;
	min-height: 100%;
	height:100%
	max-width: 20%;
	min-width: 20%;
	width: 20%;
}
#navigation-header {
	font-size: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	min-width:100%	
	width:100%	
}

#selected-nav-item-triangle{
	position: absolute;
	z-index: 100;
	border-style:solid;
	border-color: transparent white transparent transparent;
	border-width:15px;
	width:0;
	height:0;
}

.navigation-button {
	color: #d2d2d2;
	background-color: #282828;
	border-bottom-color: #1b1b1b;
	border-top-color: #282828;
	background: -webkit-gradient(linear, left top, right top, from(#282828), to(#181818));
	background-image: -moz-linear-gradient(0,#282828, #181818);

	padding-bottom: 15px;
	padding-top: 15px;
	font-weight: bold;
	text-align: center;
	min-width: 100%;
	width: 100%;
	border-bottom-style: solid;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-top-width: 1px;
}
.navigation-button:hover{
	cursor: pointer;
	cursor: hand;
}

.navigation-button a{
	color: d2d2d2;
	text-decoration:none;
}
.navigation-butotn a:hover{
	color: d2d2d2;
	text-decoration:none;
}
.navigation-butotn a:visited{
	color: d2d2d2;
	text-decoration:none;	
}

.navigation-button-selected{
	background: none;
	color: white;
	text-shadow: 0px 0px 4px #c0fff6;
	background-color: #101010;
	border-top-color: #171717;
}
.navigation-button-selected a{
	color: white;
	text-decoration:none;
}
.navigation-button-selected a:hover{
	color: white;
	text-decoration:none;
}
.navigation-button-selected a:visited{
	color: white;
	text-decoration:none;
}

#content {
	position: relative;
	left: 20%;
	top:0px;
	color: #5e5e5e;
	background-color: white;
	border-radius: 10px;
	min-height: 100%;
	height:100%
	max-width: 80%;
	min-width: 80%;
	width: 80%;
	box-shadow: 0px 0px 10px #000;
}


#header-icon{
	padding:20px;
	float: right;
	min-width:128px;
	min-height:128px;
	max-width:128px;
	max-height:128px;
	background-image: url('icon-infopane.png');
	background-repeat: no-repeat;
	background-position: center center;
}

#content-main-body{
	padding: 20px;
}

.video{
	width: 640px;
	min-width: 640px;
	max-width:640px;
	margin: 0px auto;
	box-shadow: 0px 0px 8px #444;
	-moz-box-shadow: 0px 0px 8px #444;
	-webkit-box-shadow: 0px 0px 8px #444;

	overflow: hidden;	
	border-radius:5px;
}