@font-face {
    font-family: 'Roboto';
    font-weight: 400;
    font-style: normal;
	src: url(Roboto-Regular.woff) format('woff');
}
h1{
	font-family: "Roboto";
	color: #FAF704;
	text-align: center;
}
body{font-family: "Roboto";
	color: black; margin:auto;
	background-color: #1C2231;
	height: 100%;
}	
a{text-decoration:none}
a:link {color:black}
a:hover {color:dark_grey}
a:visited {color:grey}
td {padding:10px}
    

table{
	background: #FAF704;
	margin: auto;
	text-align: center;
	width: 300;
}

input[type=button]
{
	width:100px;
	background:#FAF704;
	
	
}
input[type=text]
{
	width:100px;
	background:#FAF704;
	
	
}
.left {
	background: #FAF704;
    position:absolute;
    left:0; top:125px; bottom: 0;
    width: 180px;
	height: 1100px;
}
.left2{
	background: #1C2231;
    position:absolute;
    left:180; top:125px; bottom: 0;
    width: 20px;
	height: 1100px;
}
.right {
	background: #FAF704;
    position:absolute;
    right:0; top:125px; bottom: 0;
    width: 180px;
	height: 1100px;
}
.right2{
	background: #1C2231;
    position:absolute;
    right:180; top:125px; bottom: 0;
    width: 20px;
	height: 1100px;
}
.top {
	background:#1C2231;
    position:absolute;
    left:0; right:0;
    height: 125px;
}
.main {
	position: relative;
	top: 125px;
	bottom: 0px;
	margin: auto;
	width: calc(100% - 400px);
	height: 100%;
	background-image: url("http://spartronics5048.com/images/gallery/2015/states02.jpg");
	background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
	background-size: cover;
}

audio {
	width: 180px;
}