html {
       overflow-y: scroll;
}

body
{
    background-color: #000000;
}

/*::selection {
        color:#ffffff;
        background:#000000;
    }
    ::-moz-selection
    {
        color:#ffffff;
        background:#000000;
    }*/

/*Handles the header*/

.header {
    display:block;
    background-color:#000000;
    position:fixed;
    top: 0;
    width: 100%;
    /*left:50%;
    margin-left:-496px;*/
}
.footer {
    display:block;
    background-color:#000000;
    color:#FFFFFF;
    position:relative;
    width: 100%;
    text-align:center;
}

.footer a {
    color:#FFFFFF;
}

/*Handles content boxes for blogging.*/
.content {
    position:static;
    margin-top:250px;
    margin-left:120px;
    min-width:124px;
}

.content2
{
    position:static;
    margin-top:250px;
    margin-left:120px;
    min-width:124px;
    
    background-color:#FFFFFF;
    font-family:"Courier New";
    font-size:12px;
    color:#000000;
    font-weight:900;
    padding:8px;
    margin-left:auto;
    margin-right:auto;
    width:960px;
}

.content2 a:link {color:#0000FF; text-decoration:underline}      /* unvisited link */
.content2 a:visited {color:#800080; text-decoration:underline}  /* visited link */
.content2 a:hover {color:#0000FF; text-decoration:underline}  /* mouse over link */
.content2 a:active {color:#FF0000; text-decoration:underline} /*clicked link*/

.formula
{
    text-align:center;
    font-style:italic;
}

/*Handles game windows on the homepage.*/

.gameWindows {
    position:static;
    margin-top:250px;
    margin-left:2%;
    margin-right:2%;
    width:98%;
    max-width:98%;
    text-align: center;
    /*-ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;*/
}

.window {
    display:inline-block;
    margin-left:20px;
    margin-right:20px;
    margin-top:30px;
}

.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}

video {
    border:8px;
    border-style:ridge;
    border-color:#999999;
}

img.window {
    border:8px;
    border-style:ridge;
    border-color:#999999;
}

img {
    border-width:0;
    max-width:962px;
    height:auto;
}

/*img.window {
    border-width:30px;
    border-color:#FFFFFF;
    max-width:962px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
}*/

h1
{
    background-color:#0077FF;
    font-family:"Lucida Console";
    font-size:36px;
    color:#FFFFFF;
    font-weight:900;
    padding:8px;
    margin-left:auto;
    margin-right:auto;
    width:960px;
}
h1 a:link {color:#FFFFFF; text-decoration:underline}      /* unvisited link */
h1 a:visited {color:#FFFFFF; text-decoration:underline}  /* visited link */
h1 a:hover {color:#FFFFFF; text-decoration:underline}  /* mouse over link */
h1 a:active {color:#FF00FF;}

/*h2 refers to page headings*/
h2
{
    /*background-color:#FFFFFF;*/
    font-family:"Courier New";
    font-size:20px;
    color:#FFFFFF;
    font-weight:900;
    text-decoration:underline;
    padding:0;
    margin-left:auto;
    margin-right:auto;
    width:960px;
    text-align:center;
}

/*h3 refers to the game titles beneath each game window*/
h3
{
    color:#000000;
    font-family:"Courier New";
    font-weight:bold;
    text-decoration:underline;
}

p
{
    background-color:#FFFFFF;
    font-family:"Courier New";
    font-size:12px;
    color:#000000;
    font-weight:900;
    padding:8px;
    margin-left:auto;
    margin-right:auto;
    width:960px;
}

p a:link {color:#0000FF; text-decoration:underline}      /* unvisited link */
p a:visited {color:#800080; text-decoration:underline}  /* visited link */
p a:hover {color:#0000FF; text-decoration:underline}  /* mouse over link */
p a:active {color:#FF0000; text-decoration:underline} /*clicked link*/

.description em {
    font-size:20px;
    text-decoration:underline;
}



/*Attempt to make a drop down menu*/
#pcm{display:none;}
ul.DropDownMenu ul{display:none}
ul.DropDownMenu li:hover>ul{display:block}
ul.DropDownMenu ul{position: absolute;left:-1px;top:98%;}
ul.DropDownMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.DropDownMenu,ul.DropDownMenu ul {
	list-style:none;
	padding:0 2px 2px 0;
	background-color:#000000;
	background-repeat:repeat;
}
ul.DropDownMenu table {border-collapse:collapse}ul.DropDownMenu {
	display:block;
	zoom:1;
	float: left;
}
/*Length of dropdown menu*/
ul.DropDownMenu ul{
	width:312px;
}
ul.DropDownMenu li{
	display:block;
	margin:2px 0 0 2px;
	font-size:0;
}
ul.DropDownMenu a:active, ul.DropDownMenu a:focus {
outline-style:none;
}

/*Change normal font*/
ul.DropDownMenu a, ul.DropDownMenu li.dis a:hover, ul.DropDownMenu li.sep a:hover {
	display:block;
	background-color:#000000;
	border-width:1px;
	border-color:#000000;
	border-style:solid;
	text-align:left;
	padding:2px 5px 2px 10px;
	padding-left:0;
	font:bold 20px "Courier New";
	color: #FFFFFF;
	text-decoration:underline;
	cursor:pointer;
}
ul.DropDownMenu span{
	overflow:hidden;
}
ul.DropDownMenu li {
	float:left;
}
ul.DropDownMenu ul li {
	float:none;
}
ul.DropDownMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.DropDownMenu li.sep{
	text-align:left;
	padding:0;
	line-height:0;
	height:100%;
}
ul.DropDownMenu li.sep span{
	float:none;	padding-right:0;
	width:3px;
	height:100%;
	display:inline-block;
}
ul.DropDownMenu ul li.sep span{
	width:100%;
	height:3px;
}
ul.DropDownMenu li:hover{
	position:relative;
}
/*Change dropdown title hover font*/
ul.DropDownMenu li:hover>a{
	background-color:#000000;
	font:bold 20px "Courier New";
	color: #FFFFFF;
	text-decoration:underline;
}
/*Change hover font*/
ul.DropDownMenu li a:hover{
	position:relative;
	background-color:#000000;
	font:bold 20px "Courier New";
	color: #FFFFFF;
	text-decoration:underline;
}
ul.DropDownMenu li.dis a {
	color: #666;
}
ul.DropDownMenu img {
    border: none;
    float:left;
    float:none;
    margin-right:2px;
    width:16px;
    height:16px;
}
ul.DropDownMenu ul img {
    width:16px;
    height:16px;
}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  max-height: 768px;
  min-height: 480;
  position: relative;
  margin: auto;
}
.mySlides {
    display: none;
}

.slideshow-container2 {
  max-width: 1000px;
  max-height: 768px;
  min-height: 480;
  position: relative;
  margin: auto;
}
.mySlides2 {
    display: none;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

.StarCrossed {background-image:url(starcrossedlogo.png);}
.StarCrossed a {background-image:url(starcrossedlogo.png);}
.BomberBall {background-image:url(starcrossedlogo.png);}
.BomberBall a {background-image:url(starcrossedlogo.png);}