/* quick short version of reset */

* {

	margin: 0;

	padding: 0;

	border: 0;

}



/* cause html5 elements to be rendered as block elements*/

header, footer {

display: block;

}



body {

	overflow:hidden; 		/* needed to eliminate scrollbars caused by the background image */

	padding:0;margin:0;

	height:100%;width:100%;

}



#bgimg {

	width: 100%;
	position: absolute;
	top: 0;
	left: 0;

}



#realBody{

	position:absolute;

	z-index: 5;				/* Place the new body above the background image */

	overflow:auto; 			/* restore scrollbars for the content */

	height:100%;width:100%;	/* Make the new body fill the screen */



}



#container {

	width: 840px;

	height: 3470px;

	margin: auto;

	margin-top: 10px;

	padding-top: 10px;

    background: rgb(20, 20, 20); /* The fallback for browsers that cannot understand RGBa - you know who you are*/

	background:rgba(20,20,20,.7);

    color:#00ff00;

	font-family: Comic Sans MS, sans-serif;

		/* curved border radius */

-moz-border-radius: 20px;

-webkit-border-radius: 20px

}



#player-container {

	width: 720px;

	margin: 0 auto;

}	



h1 {
	color: #cc0000;

	font-family: Comic Sans MS, sans-serif;

	font-size:38px;

	font-weight: bold;

	text-decoration:none;

	text-align:center;

	margin-bottom: 2px;

	margin-top: 5px;

}



#container h1 {

	color: #cc0000;

	font-family: Comic Sans MS, sans-serif;

	font-size:38px;

	font-weight: bold;

	text-decoration:none;

	text-align:center;

	margin-bottom: 2px;

	margin-top: 5px;

}



h2{

	font-family: Comic Sans MS, sans-serif;

	font-size:13px;

	color:#00ff00;

	font-weight:strong;

	text-align: center;

	margin-top: 1px;

	margin-bottom: 1px;

}


.class1 a:link { 
color: red;
font-size: 18px;
font-weight:strong;
font-family: Comic Sans MS, sans-serif;
text-decoration: none;
}

.class1 a:visited { 
color: red;
font-size: 18px;
font-family: Comic Sans MS, sans-serif;
text-decoration: none;
}

.class1 a:hover{
color: green;
background-color: rgba(255, 0, 0, 0.5);
font-size: 20px;
border: 3px inset green;
font-family: Comic Sans MS, serif;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: strong;
}


/* nav */



nav {

width: 640px;

height: 26px;

margin: 0 auto;

/* background: #d50000; */

margin-top: -10px;

margin-bottom: 1px;

background: rgb(213, 0, 0); /* The fallback for browsers that cannot understand RGBa - you know who you are*/

	background:rgba(255, 0, 0, 0.5);

}



nav .menu {

font-size: 18px;

font-weight: bold;

}



nav .menu ul {

margin: 0;

padding: 0px 0px 0px 76px;

list-style: none;

line-height: normal;

}



nav .menu li {

display: block;

float: left;

}



nav .menu a {

display: block;

float: left;

margin-right: 5px;

padding: 0px 15px;

text-decoration: none;

color: #FFD765;

font-weight: bold;

}



nav .menu a:hover {

text-decoration: underline;

}



#content {

	display: table;

}



table#table1 {width:840px; margin-top: -25px; margin-bottom: 1px;}

table#table2 {width:740px; height:380px; margin-top: 1px; margin-bottom: -3px;}

table#table3 {width:728px; margin-left:58px; margin-right:54px; margin-top: -3px;}

table#table4 {width:700px; margin-left:60px; margin-right:68px; margin-top: 3px; margin-bottom: -2px;}

table#table5 {width:840px; margin-top:-5px;}



#header p{

	text-align: left;

	margin-left: 65px;

	margin-bottom: 3px;

	font-size: 18px;

	margin-top: 0px;

	width: 750px;

	line-height: 20px;

}


.clearfloats {

  clear: both;

}



center

{

	margin-left: 48px;

	width:700px;

}