html {
       overflow-y: scroll;
}


.morebutton {
font-family: "StandardCT-RegularCond", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	font-size: 30px;
	line-height: 1.3em;
	padding: 0;
	text-align: right;

}
.menulinks {
font-family: "StandardCT-RegularCond", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	font-size: 30px;
	line-height: 1.3em;
	padding: 0;
	
}

.menulinksunderline {
font-family: "StandardCT-RegularCond", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	font-size: 30px;
	line-height: 1.3em;
	padding: 0;
	border-bottom: 1px solid #CCCCCC;
	
}

.menudescriptors {
font-family: "StandardCT-RegularCond", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	font-size: 24px;
	line-height: 1.4em;
	padding: 0;
	color: #999999
	
	


}

.20pxRow {
	font-size: 5px;
	line-height: 1em;
	height: 20px;
	
}



.Role {

font-family: "StandardCT-Regular", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 1.4em;
	padding: 0;
	color: #666666;

}


.videoborder {

border-bottom: 1px solid #666666;
border-top: 1px solid #666666;
border-left: 1px solid #666666;
border-right: 1px solid #666666;
padding: 0;
max-width: 100%;
text-align: center;
}

div#content {
	width: 790px;
	margin: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 30px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #FFFFFF;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	min-height: 100vh;
	text-align: left;
} 

.Contact {
	font-family: "StandardCT-Regular", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	font-size: 24px;
	margin-bottom: 5px;
}

.CenterPics {
	text-align: center;
}


body {
	font-family: "StandardCT-Regular", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.5em;
	background-color: #111111;
	margin: 0px;

	background-position: top;
	background-image: url(graylines.png);
	height: 100%;
	
	scrollbar-face-color:#75EA00;
scrollbar-arrow-color:brown;
scrollbar-track-color:#EEEEEE;
scrollbar-shadow-color:'';
scrollbar-highlight-color:'';
scrollbar-3dlight-color:'';
scrollbar-darkshadow-Color:'';
}
#header, #footer {
	font-size: 10px;
	width: 720px;
	margin: 10px auto 0px auto;
	text-align: center;
	line-height: 1.2em;
}

#main_container {
	width: 680px;
	margin: 0px auto 20px auto;
	background-color: #FFFFFF;
	padding: 40px 20px;
}



a:link, a:visited {
	color:#FF6600;
	text-decoration: none;
}
a:hover {
	color:#FF6600;
}
a:active {
	color:#333333;
}
p {
	margin: 0px 0px 10px 0px;
	padding: 0;
	text-align: left;
}
h1, h2, h3, h4, h5 {
	font-weight: normal;

	line-height: .7em;
	padding: 0;
	margin: 5px 0;
}
h1 {
	font-family: "StandardCT-RegularCond", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	font-size: 60px;
}
h2 {
	font-family: "StandardCT-Regular", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	font-size: 30px;
	margin-bottom: 5px;
}
h3 {
		font-family: "StandardCT-Regular", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	font-size: 22px;
	margin-bottom: 5px;
		font-weight: bold;
}
h4 {
	font-size: 12px;
}
h5 {
	font-size: 14px;
	font-weight: bold;
}
ul {
	margin: 0px;
	padding-left: 18px;
}
li {
	line-height: 2em;
}
hr {
	height: 0px;
	border-width: 1px 0px 0px 0px;
	border-style: dotted none none none;
	border-color: #CCC;
	padding-bottom: 5px;
}
div.container-article {
	padding-top: 40px !important;
	margin-top: 20px;
	border-top: 1px dotted #CCC;
}
div.webfont-credits, .webfont-twocolumns, .webfont-sample-block {
	padding: 0px;
	/*border: 1px solid #CCC;*/
	float: left; 
}
.webfont-article-block {
	margin: 0 auto 20px auto;
	padding: 0;
}
.webfont-sample-block {
	width: 680px;
}
.webfont-sample {
	margin-top:20px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	line-height: 1em;
}
.nowrap {
	white-space:nowrap;
	overflow: hidden;
}
.last {
	margin: 0;
}
.webfont-twocolumns {
	width: 330px;
	margin: 0 10px 0 0;
}
.webfont-credits {
	width: 160px;
	font-size: 11px;
	line-height: 1.5em;
	margin: 0 10px 0 0;
}
div.clearer {
	font-size: 0px;
	height: 5px;
	margin: 0px;
	padding: 0px;
	clear: both;
	line-height: 0px;
}
cite, em {
	font-style: italic;
}

/* 
	Code formatting
*/
pre code {
  display: block;
  color: #000;
  background: #F3F3F3;
	font-family: "Consolas", "Menlo", "DejaVu Sans Mono", monospace;
}
pre .subst,
pre .title {
  font-weight: normal;
  color: #000;
}
pre .comment {
  color: #535353;
  font-style: italic;
}
pre .doctype {
  color: #535353;
}
pre .tag {
  background: #F3F3F3;
}
pre .tag .title,
pre .id,
pre .attr_selector,
pre .pseudo,
pre .literal,
pre .keyword,
pre .hexcolor,
pre .css .function,
pre .ini .title,
pre .css .class,
pre .list .title,
pre .tex .command {
  font-weight: normal;
  color: #FF0C64;
}
pre .attribute,
pre .rules .keyword,
pre .number,
pre .date {
  font-weight: normal;
  color: #008CFF;
}
pre .number {
  font-weight: normal;
}
pre .string,
pre .value,
pre .filter .argument,
pre .css .function .params {
  color: #008900;
  font-weight: normal;
}



.fadeIn {

	/* CSS needed for animation
	---------------------------------------------------- */
	opacity:0;
	-webkit-animation:fadeIn ease-in 1;
	-moz-animation:fadeIn ease-in 1;
	-o-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
		padding-bottom: 10px;
}

.fadeIn-1s {
	-webkit-animation-duration:250ms;
	-moz-animation-duration:250ms;
	-o-animation-duration:250m;
	animation-duration:250ms;
}

/* Animation Times - Time for image to fade in
---------------------------------------------------- */
.fadeIn-3s {
	-webkit-animation-duration:3s;
	-moz-animation-duration:3s;
	-o-animation-duration:3s;
	animation-duration:3s;
}

.fadeIn-5s {
	-webkit-animation-duration:5s;
	-moz-animation-duration:5s;
	-o-animation-duration:5s;
	animation-duration:5s;
}

/* Animation Delay - Time for image to be delayed
---------------------------------------------------- */
.fadeIn-Delay-10ms {
	-webkit-animation-delay:200ms;
	-moz-animation-delay:200ms;
	-o-animation-delay:200ms;
	animation-delay:200ms;
}

.fadeIn-Delay-5s {
	-webkit-animation-delay:5s;
	-moz-animation-delay:5s;
	-o-animation-delay:5s;
	animation-delay:5s;
}

/* Key Frames
---------------------------------------------------- */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-o-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }




/* Scrollbar
---------------------------------------------------- */

#style-8::-webkit-scrollbar-track
{
	border: 1px solid black;
	background-color: #222222;
}

#style-8::-webkit-scrollbar
{
	width: 15px;
	background-color: #222222;
}

#style-8::-webkit-scrollbar-thumb
{
	background-color: #F5F5F5;	
}
.instruction {
	font-size: small;
	color: #666666;
	text-align: center;
	font-variant: normal;
	font-style: italic;
}