nav {
	height:8px;
	text-align: center;
	z-index: 1;
}

nav ul ul {
	display: none;
	z-index: 1;
}

	nav ul li:hover > ul {
		display: block;
		z-index: 1;
	}


nav ul {
	background: #091317; 
	padding: 0 20px;
	border-radius: 10px;
	list-style: none;
	position: relative;
	display: inline-table;
	z-index: 1;
}
	nav ul:after {
		content: ""; clear: both; display: block;
		z-index: 1;
	}

	nav ul li {
		float: left;
		z-index: 1;
		border-radius: 0px;
	}
		nav ul li:hover {
			background: #363939;
			transition: background 0.2s ease;
			z-index: 1;
		
		}
			nav ul li:hover a {
			}
		
		nav ul li a {
			display: block; padding: 20px 99px;
			color: #757575; text-decoration: none;z-index: 1;
		}
			
		
	nav ul ul {
		background: #091317; padding: 0;
		position: absolute; top: 100%;z-index: 1;
		border-radius: 0px;
	}
		nav ul ul li {
			float: none; 
			position: relative;
			z-index: 1;
		}
			nav ul ul li a {
				padding: 15px 98px;
				color: #8C8B8B;
				z-index: 1;
			}
				
				nav ul ul li a:hover {
					background: #363939;
					transition: background 0.2s ease;
					z-index: 1;
				}
			nav ul ul li input {
				width:120px;
				color: #8C8B8B;
				padding: 15px 8px;
				z-index: 1;
			}
				nav ul ul li input:hover {
					background: #363939;
					color:red;
					transition: color 0.2s ease;
					transition: background 0.2s ease;
					z-index: 1;
				}
		
	nav ul ul ul {
		position: absolute; left: 100%; top:0;
		z-index: 1;
	}
		

 /* ALL TAB STYLES ARE ABOVE */
 
body {
	background-color:#091317;
    overflow-x:hidden;
}

#Index_content {
 /* all the main info, the larger of the boxes inside of #wrapper */
float: left;
width: 72%;
font-family:impact;
font-size:22px;
padding:3px;
}

#TwitterMain{
 /* box to the right of #content has twitter feed, different stylesheet for / folder */
margin-top:19px;
float: right;
width: 25%;
margin-right: 21px;
font-family:impact;
font-size:22px;
border-color: black;
border-width: 1.5px;
border-radius: 20px;
border-style: solid;
background-color:#B1C2CA;
box-shadow: 2px 2px 2px rgba(68,68,68,0.6);
}

/* WIKI IDS */
#Wiki_main {
text-align:left;
padding-left:5px;
text-align:left;
}

#Wiki_divider {
 /* A line used to split text, just a single line */
border-top: 1.5px solid black;
margin-right: 40px;
margin-left: 40px;
}

#Wiki_Header_1 {
font-family:Lucida Console;
font-size:50px;
text-align:center;
}
#Wiki_Header_2 {
font-family:Lucida Console;
font-size:30px;
text-align:center;
}
#Wiki_Split {
font-family:Lucida Console;
font-size:30px;
text-align:center;
border-bottom: 1px solid black;
}
/* WIKI IDs*/

 /* EVERYTHING UNDER THIS COMMENT TO THE NEXT COMMENT IN CAPS IS "DO NOT TOUCH" */
.thumbnail{
position: relative;
margin:-2px;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
width:160px;
left: -100px;
border: 1px solid black;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span div{
border-top: 1.5px solid black;
margin-right: 3px;
margin-left: 3px;

}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -100px;
left: 55px; /*position where enlarged image should offset horizontally */

}
 /* EVERYTHING ABOVE THIS COMMENT TO THE FIRST COMMENT IN CAPS IS "DO NOT TOUCH" */
 
 /* EVERYTHING UNDER THIS COMMENT TO THE NEXT COMMENT IN CAPS IS "DO NOT TOUCH" */
  /* THIS IS FOR THE GAMES SO DONT TOUCH UNLESS U NEED TOO" */
.thumbnai{
position: relative;
margin:5px;
z-index: 0;
font-size:15px;
font-family:"Courier New", Courier, monospace;
}

.thumbnai:hover{
background-color: transparent;
z-index: 50;
font-family:"Courier New", Courier, monospace;
}

.thumbnai span{ /*CSS for enlarged image*/
position: absolute;
font-family:"Courier New", Courier, monospace;
background-color: lightyellow;
width:160px;
left: -100px;
border: 5px inset #0099FF;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnai span div{
border-top: 1.5px solid black;
font-family:"Courier New", Courier, monospace;
margin-right: 3px;
margin-left: 3px;

}
.thumbnai:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
font-family:"Courier New", Courier, monospace;
top: 23px;
left: 25px; /*position where enlarged image should offset horizontally */

}

.thumbnai #Divide{
font-family:"Courier New", Courier, monospace;
border-top: 1.5px solid black;
margin-right: 4px;
margin-left: 4px;
}
  /* THIS IS FOR THE GAMES SO DONT TOUCH UNLESS U NEED TOO" */
 /* EVERYTHING ABOVE THIS COMMENT TO THE FIRST COMMENT IN CAPS IS "DO NOT TOUCH" */

#divider {
 /* A line used to split text, just a single line */
border-top: 1.5px solid black;
margin-right: 40px;
margin-left: 40px;
} 

#wrapper {
box-shadow: 2px 2px 2px rgba(68,68,68,0.6);
background-color:#CED0D1;
border-radius: 10px;
margin-right: 200px;	
width:100%;
position:Absolute;
}
#content {
float: left;
width: 1000px;
font-family:Verdana, Geneva, sans-serif;
font-size:22px;
padding:3px;
position:Absolute;
}

#sidebarmain{
margin-top:19px;
float: right;
width: 320px;
margin-right: 3px;
font-family:"Courier New", Courier, monospace;
font-size:22px;
right:0px;
border-left: 1px solid black;
position:Absolute;
}

#Copy {
color: #8C8B8B;

}

#Highlight_small {
width:80px;height:80px;
border-color:black;
border-style: solid;
border-radius:2px;
border-width:1.5px;
}

#Highlight_small:hover {
width:80px;height:80px;
border-color:#006BB2;
border-width:1.5px;
}

#Highlight_big {
width:120px;height:120px;
border-color:black;
border-style: solid;
border-radius:2px;
border-width:1.5px;
}

#Highlight_big:hover {
width:120px;height:120px;
border-color:#006BB2;
border-width:1.5px;
}

table {
	left:20px;
	text-align:center;
}

td {
	font-size:25px;
	padding:0 20px 0 20px;
}

iframe {
   border:0;
   padding:0;
   margin:0;
}