body { width: 100%;}

html {overflow-y: scroll;}

p {color:black; text-decoration:none; font-family:arial; font-size:15pt;}  

/*standard font*/


.title1 {color:#4F8ABE; text-decoration:underline; font-family:arial; font-size:15pt;}  

/*Title font*/



a:link {color:#4F8ABE; font-family:arial; text-decoration:none; font-size:12pt;}     

/* unvisited link */


a:visited {color:#4F8ABE; font-family:arial; text-decoration:none; font-size:12pt;}  

/* visited link */

a:hover {color:black; font-family:arial; text-decoration:none; font-size:12pt;}  

/* mouse over link */

a:active {color:#4F8ABE; font-family:arial; text-decoration:none; font-size:12pt;}


.mtitle {color:black; font-family:arial; font-size:20pt; text-decoration:none; align:right;} 

/*title text*/


.nlinkt {color:#4F8ABE; font-family:arial; font-size:10pt; text-decoration:none;} 

/*title text*/


.gentitle {color:#808184; font-family:arial; font-size:15pt; text-decoration:none; font-weight:bold;} 

/*footer text*/
.gentext {color:black;  font-family:arial; font-size:18px; text-decoration:none;} 

/*general text*/

.genflyer {color:black;  font-family:arial; font-size:20px; text-decoration:none;} /*general text*/


.footer {color:#808184; font-family:arial; font-size:10px; text-decoration:none; text-align:right;} 
/*footer text*/
.menu {line-height:220%}


.subtext {color:black;  font-family:arial; font-size:16px; text-decoration:none;}


.clearBoth { clear:both; }

html { 
  background: url("../images/bg.gif") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

div#body {
	position: relative;
	width: 100%;	
	margin: 0;
	background-color: white;
}

div#logo
{
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	height:auto;
	background-color: white;
	overflow: hidden;
}

div#content {
	margin-top: -1%;
	margin-bottom: -1%;
	padding: 100px 0px 100px 0px;
	text-align: center;
	margin-left: auto;
        margin-right: auto;
	width: 90%;
	height: auto;
	background-color: white;
}

div#subcontent {

	margin-left: auto;
        margin-right: auto;
	width: 90%;
	height: auto;
	background-color: white;
}

div#menu {
	margin-left: auto;
        margin-right: auto;
	width: 90%;
	height:86px;
	background-color: white;
	text-align: center;
}

div#footer {
	margin-left: auto;
        margin-right: auto;
	width: 90%;
	height:auto;
	background-color: white;
	text-align:center;
}

.bar1 {
	border: 0;
	width: 90%;
	color: #808184;
	background-color: #808184;
	height: 1px;
}

.bar2 {
	border: 0;
	width: 100%;
	color: #808184;
	background-color: #808184;
	height: 1px;
}

table#main {
    	border: 0px solid black;
	width: 90%;
}

table#table1 {
    	border: 0px solid black;
	width: auto;
	margin-left:auto; 
   	margin-right:auto;
}
table#table2 {
    	border: 0px solid black;
	width: 60%;
	margin-left:auto; 
   	margin-right:auto;
	text-align:center;
}
table#table3 {
    	border: 0px solid black;
	width: 60%;
	margin-left:auto; 
   	margin-right:auto;
	text-align:center;
}

table#prizes {
    	border: 0px solid black;
	width: 60%;
	margin-left:auto; 
   	margin-right:auto;
	text-align:left;
}

.td_left {
    	border: 0px solid black;
	width: 10%;
}

.td_right {
    	border: 0px solid black;
	width: 10%;
}

.td_center {
    	border: 0px solid black;
	width: 80%;
	text-align: center;
}

li.rule {
font-size: 1.5625rem;
text-align: left;
}
@media only screen and (max-width: 992px) {
body {
width: 120%;
margin: auto;
}
@media only screen and (max-width: 768px) {
body {
width: 120%;
margin: auto;
}
@media only screen and (max-width: 600px) {
body {
width: 120%;
margin: auto;
}
table#table3 {
width: 40%;
}
}
@media only screen and (min-width: 600px) {
body {
width: 120%;
margin: auto;
}
table#table3 {
width: 40%
}
}