body{
	background-color:#9A9A9A;
	background-image: url("bg.png");
	background-attachment: fixed;
	background-size: cover;
	background-blend-mode: multiply;
	color: #FFFFFF;

}

.flowbox{
	display:flex;
	flex-flow:column;
	max-width: 1480px;
	min-width: 1020px;
}

#accordion1{
	width: 50%;
	text-align: center;
}

.VIDEO{
	border-radius: 0px 0px 8px 8px;
	border: 1px solid #007CFF; 
	padding: 0px 0px 0px 0px;
	background-image: url("NewSite/TableBGBlue.png");
	background-attachment: fixed;
	background-size: contain;
	color: #007CFF;
	font-family: advent-pro;
	
}

.arial{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	text-transform: uppercase;
}

#message{
	width: 96%;
	border-radius: 4px;
	background-color: #007CFF;
	color: #ffffff;
	height: 200px;
}

.emailus {
	border: 1px solid #007CFF;
	border-radius: 16px;
	 
}

.menuitems{
	list-style: none;
	padding: 10px 0px;
		color: #A100FF;
	margin: 0px
}

.menuitems2{
	list-style: none;
	padding: 10px 0px;
		color: #A100FF;
	margin: 0px;
	z-index: auto;

}



.menulink{
	text-decoration: none;
	}
.menulink:hover{
	color:#007CFF;
	text-shadow: 0px 0px 12px #A100FF;
}
.menulink:link{
	color:#FFFFFF;
}
.menulink:visited{
	color:#ffffff;
}
.menulink:active{
	color:#ffffff;
}

.menuli{
	display:inline;
	border-radius: 8px 8px 8px 8px;
	border: 2px solid #A100FF;
	padding: 0px 10px;
	background-image: url("NewSite/TableBGPurple.png");
	background-size: contain;
	font-size: 30px;
	
}

#menu{
	text-align: center;
	font-family: "advent-pro";
	margin: -75px 0px 0px 200px;
	font-size: 30px;
}

#steam{
	width: 100%;
	height: 100%;
}

.MainTable {
	text-align: center;
	
}
.row1 {
	color: #ffffff;
}
.row2 {
}

.name{
    color: #ffffff;
    font-family: "paytone-one";
    font-size: 72pt;
    padding-top: 24px;
    text-shadow: 1px 1px 10px #8000ff, 1px -1px 64px #ff0080, 1px 1px 32px #ff80ff;
    font-style: normal;
	vertical-align: middle;
	text-align: center;
	height: 200px;
	text-transform:none;

}

.name a{
	color: #ffffff;
	text-decoration: none;
	text-decoration-line: none;
}

.name over{
	color: #ff0080;
}


.name.headerimage{
	margin-top: -50px;
}

.cool{
	font-family: "advent-pro";
	border-radius: 6px;
	border: 1px solid #007CFF;
	background-color: #75B8FF
}

.formpanel{
	border: 1px solid #007CFF;
	border-radius: 16px;
	width: 50%;
	text-align: center;
	vertical-align: middle;
	padding: 10px 0px 20px 0px
	
}

.proggroup{
	background-image: url("NewSite/TableBGWhite.png");
	background-size: contain;
	font-family: advent-pro;
	font-size: 18px;
	border-radius: 0px 0px 16px 16px;
	border: 1px solid #A100FF;
	color:#000000;
	width: 100%;
	min-height: 309px;
	max-height: 309px;

	

}

td.progtitle{
	background-image:linear-gradient(90deg, #6600cc 0%, #A100FF 100%);
	box-shadow: inset 0px 0px 34px #000000cc;
	background-size: contain;
	padding: 10px 10px 10px 10px;
	font-size: 24px;
	color: #ffffff;
	border-top: #FFeeee solid 0px;
	border-bottom: #2E133A solid 1px;
	text-align: center;
	vertical-align: top;
	margin-top: -2px;
	width: 100%;


}

.proginfo{
	padding: 10px 0px 10px 15px;
	text-align: left;
	width:200px;
	text-transform: none;

}

.perbox{
		padding: 0px 0px 0px 0px;
		width:40px;
	text-align:right;
	vertical-align: middle;

}

.percenttext{
	padding: 8px 0px 0px 0px;

	
}

.percentbackbar{
	width: 100%;
	height: 20px;
	padding: 0px 0px 0px 0px;
	background-image: url("NewSite/loading.gif");
	background-size:contain;
	background-repeat: repeat-x;
	border: solid 1px;
	border-radius: 4px;
	margin: 0px 0px 0px 0px;
	
}

.percenttd{
	width: auto;
	height: 20px;
	padding: 0px 10px 0px 5px;
	margin: 0px 0px 0px 0px;
}

.percentfillpurple{
	height: 20px;
	background-color:#A100FF;
	opacity: 0.75;
	border-radius: 4px 0px 0px 4px;
	border-right: solid 1px #004C03;
	padding: 0px 0px 0px 0px;
}

.percentfillgreen{
	height: 20px;
	background-color:#00FF0D;
	opacity: 0.75;
	border-radius: 4px 0px 0px 0px;
	border-right: solid 1px #004C03;
	padding: 0px 0px 0px 10px;
}

.percentfillblue{
	height: 20px;
	background-color:#007CFF;
	opacity: 0.75;
	border-radius: 4px 0px 0px 0px;
	border-right: solid 1px #004C03;
	padding: 0px 0px 0px 10px;
}

.happycat{
	
	background-image: url("NewSite/HappyCat.png");
	background-size: contain;	
	background-repeat: no-repeat;
	height:32px;
	width: 32px;
	padding: 0px 0px 0px 15px;
	margin: -2px 0px 0px 0px;
}
.kisscat{
	
	background-image: url("NewSite/KissCat.png");
	background-size: contain;	
	background-repeat: no-repeat;
	height:32px;
	width: 32px;
	padding: 0px 0px 0px 15px;
	margin: -2px 0px 0px 0px;
}
.sadcat{
	
	background-image: url("NewSite/SadCat.png");
	background-size: contain;	
	background-repeat: no-repeat;
	height:32px;
	width: 32px;
	padding: 0px 0px 0px 15px;
	margin: -2px 0px 0px 0px;
}

#mtopic,#mtopic1,#mtopic2{
	font-size: 20px;
	font-family:"fredoka-one";
	color: #007CFF;
}
#awesomy{
	column-span: all;
	width: 100%;
	display: inline-block
}
#instruct{
	text-align: left;
	font-family:"fredoka-one";
	font-size: 16px;
	padding-left: 0px;
	width: 780px;
	list-style-position: inside;
	margin-left: -20px;
	
}
.info{
    color: #007CFF;
    font-family: advent-pro;
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    background-image: url("NewSite/TableBGWhite.png");
    background-size: contain;
    border-radius: 0px 8px 0px 8px;
    width: auto;
    height: auto;
    padding: 10px 50px 10px 50px;
    border: 2px solid;
	text-transform:uppercase;
	margin-top: -50px;
	text-align: center;
	
}
#newstop {
	color: #ffffff;
	background:url("NewSite/TableBGPurple.png");
	background-attachment: fixed;
	background-size:contain;
	width: 200%;
	padding: 10px 0px 10px 2px;
	font-size: 24px;
	text-transform:none;
	column-span: all;
	}
#newstop1 {
	color: #ffffff;
	;
	background-attachment: fixed;
	background-size:contain;
	width: auto;
	padding: 10px 2px 10px 0px;
	font-size: 24px;
	text-transform:none;
	column-span: all;
	font-family: advent-pro;
	margin-top: -2px;
	margin-left: 0px;
	margin-bottom: -1px;
	border-bottom: solid 1px #000000;
	background-image:linear-gradient(90deg, #6600cc 0%, #A100FF 100%);
	box-shadow: inset 0px 0px 34px #000000cc;
	}

#newstop2 {
	color: #ffffff;
	background-image:linear-gradient(90deg, #007CFF 0%, #0099ff 100%);
	box-shadow: inset 0px 0px 34px #000000cc;
	width: auto;
	padding: 10px 2px 10px 0px;
	font-size: 24px;
	text-transform:none;
	column-span: all;
	font-family: advent-pro;
	margin-top: -2px;
	margin-left: 0px;
	margin-bottom: -1px;
	border-bottom: solid 1px #000000;
	}

#newstop3 {
	color: #ffffff;
	background-image:linear-gradient(90deg, #008800 0%, #11FF0D 100%);
	box-shadow: inset 0px 0px 34px #000000ff;
	background-size:contain;
	width:auto;
	padding: 10px 2px 10px 0px;
	font-size: 24px;
	text-transform:none;
	column-span: all;
	font-family: advent-pro;
	margin-top: -2px;
	margin-left: 0px;
	margin-bottom: -2px;
	border-bottom: solid 1px #000000;
}
.newsbox{
	width: 50%;
	padding: 10px 5px;
	font-size: 20px;
	text-transform:none;
	vertical-align: middle;
	
}
.nTab{
    border-spacing: 0px;
    border-radius: 0px 0px 16px 16px;
    background-image: url("NewSite/TableBGWhite.png");
	background-size:contain;
	padding: 0px 0px;
    text-indent: 10px;
    border: 1px solid #A100FF;
    color: #000000;
    font-size: 20px;
    text-transform: none;
    width: 100%;
    text-align: left;
	font-family: advent-pro;
	box-shadow: 4px 4px 8px 0px #00000099;
}
.nTab1{
    border-spacing: 0px;
    border-radius: 0px 0px 16px 16px;
    padding: 0px 0px;
    text-indent: 10px;
    border: 1px solid #A100FF;
    color: #000000;
    font-size: 20px;
    text-transform: none;
    width: 100%;
	height: 100%;
    text-align: left;
	box-shadow: 4px 4px 8px 0px #00000099;
}

.nTab2{
    border-spacing: 0px;
    border-radius: 0px 0px 16px 16px;
    padding: 0px 0px;
    text-indent: 10px;
    border: 1px solid #007CFF;
    color: #000000;
    font-size: 20px;
    text-transform: none;
    width: 100%;
	height: 100%;
    text-align: left;
	box-shadow: 4px 4px 8px 0px #00000099;
}

.nTab3{
    border-spacing: 0px;
    border-radius: 0px 0px 16px 16px;
    padding: 0px 0px;
    text-indent: 10px;
    border: 1px solid #00FF0D;
    color: #000000;
    font-size: 20px;
    text-transform: none;
    width: 100%;
	height: 100%;
    text-align: left;
	box-shadow: 4px 4px 8px 0px #00000099;
}
.newsh2{
	padding: 20px;
	width: 100%;
	font-family: advent-pro;
	background-image: url("NewSite/TableBGWhite.png");
	background-size: contain;
	border-radius: 0px 0px 16px 16px;
	box-shadow: 4px 4px 8px 0px #00000099;
}
.newsh{
	padding: 0px 0px 0px 5px;
	width: 25%;
	font-family: advent-pro;
}
.catface{
	width: 48px;
	height: 48px;
	vertical-align: middle;
	margin: -10px 5px;
		
}
.backgroundp{
	background-image: url("NewSite/loading.gif");
	background-size: contain;
	width: 50%;
	height:24px;
	float:left;
	border: solid 1px;
	border-radius: 4px;
}
.totallyamazing{
	float: left;
	width:100%;
}
.text{
	float: left;
	padding-right: 10px;
	width: 120px
}
.gpro{
	background-color:#00FF0D;
	opacity: 0.75;
	border-radius: 4px 0px 0px 4px;
	border-right: solid 1px #004C03;
}

.ppro{
	background-color:#A100FF;
	opacity: 0.75;
	border-radius: 4px 0px 0px 4px;
	border-right: solid 1px #004C03;
}

.bpro{
	background-color:#007CFF;
	opacity: 0.75;
	border-radius: 4px 0px 0px 4px;
	border-right: solid 1px #004C03;
}

.rulesheader{
	color: #ffffff;
	background:url("NewSite/TableBGBlue.png");
	background-size:contain;
	padding: 10px 1px 10px 1px;
	font-size: 24px;
	text-transform:none;
	text-indent: 10px;
	width: 100%;
	margin-top: 0px;
	margin-left: 0px;
	box-shadow: 4px 4px 8px 0px #00000099;
}

.staffheader{
	color: #ffffff;
		background-image:linear-gradient(90deg, #008800 0%, #11FF0D 100%);
	box-shadow: inset 0px 0px 34px #000000ff;
	background-size:contain;
	padding: 10px 0px 10px 0px;
	font-size: 24px;
	text-transform:none;
	text-indent: 10px;
	width: 100%;
	margin-top: 0px;
	margin-left: -1px;
	margin-right: 0px;
	font-family: advent-pro;
	text-align: center;
	border-bottom: #000 solid 1px;
	border-top: #11FF0D solid 1px;
	border-right: #11FF0D solid 1px;
	border-left: #11FF0D solid 1px ;
}

.stafftable{
    padding-top: 12px;
    border-radius: 0px 0px 0px 16px;
    border: #00FF0D solid 1px;
    background: url("NewSite/rules.png");
    background-size: contain;
    text-align: center;
    width: 100%;
	vertical-align: top;
	font-family: advent-pro;
	box-shadow: 4px 4px 8px 0px #00000099;
	
}

.stafftable2{
    padding-top: 10px;
    border-radius: 0px 0px 16px 16px;
    border-left: #00FF0D solid 1px;
	border-right: #00FF0D solid 1px;
	border-bottom: #00FF0D solid 1px;
    background: url("NewSite/rules.png");
    background-size: contain;
    text-align: center;
    width: 100%;
	vertical-align: top;
	font-family: advent-pro;
	box-shadow: 4px 4px 8px 0px #00000099;
	
}

.staffsize{
	width:20%;
	line-height: 24px;
	display: inline-block
}


.rules{
	text-transform: none;
	color: #000000;
	font-size: 20px;
	width:50%;
	list-style-position: inside;
	vertical-align: top;
	}

.staff{
	width:100%;
	text-transform: none;
	font-family:"advent-pro";
	color: #000000;
	font-size: 20px;
	vertical-align: top;
	text-align: center;
}

.staffimage{
    width: 64px;
    height: 64px;
    float: none;
    display: inline;
    border-radius: 64px;
    border: #00FF0D solid 4px;
    vertical-align: middle;
}

.indtext{
    display: block;
    font-family: advent-pro;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
	padding-top: 10px;
	color: #000;
}

.role{
    font-family: fredoka-one;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
	color: #000;
		
}

.rulelist{
    padding-top: 5px;
    padding-bottom: 5px;
    background: url("NewSite/rules.png");
    background-size: contain;
    border-bottom: 0px solid #c3c3c3;
    border-right: 1px solid #007CFF;
    border-top: solid 1px #c3c3c3;
    border-left: solid 1px #007CFF;
    width: 100%;
    vertical-align: middle;
	box-shadow: 4px 4px 8px 0px #00000099;
}

.rulelisttop{
    padding-top: 5px;
    padding-bottom: 5px;
    background: url("NewSite/rules.png");
    background-size: contain;
    border: solid;
    border-bottom: 0px solid #c3c3c3;
    border-right: 1px solid #007CFF;
    border-top: solid 1px #c3c3c3;
    border-left: solid 1px #007CFF;
    border-radius: 0px 0px 0px 0px;
    width: 100%;
    vertical-align: middle;
	box-shadow: 4px 4px 8px 0px #00000099;
}

.rulelistbottom{
    padding-top: 5px;
    padding-bottom: 5px;
    background: url("NewSite/rules.png");
    background-size: contain;
    border: solid;
    border-bottom: 1px solid #007CFF;
    border-right: 1px solid #007CFF;
    border-top: solid 1px #c3c3c3;
    border-left: solid 1px #007CFF;
    border-radius: 0px 0px 16px 0px;
    width: 100%;
    vertical-align: middle;
	box-shadow: 4px 4px 8px 0px #00000099;
}

.ruleorder{
    margin-top: 0px;
    display: block;
    vertical-align: center;
    text-indent: 10px;
    font-family: advent-pro;
    text-transform: none;
    font-size: 20px;
    text-align: left;
    margin-left: -40px;
} 

.stafforder{
		margin-top: 0px;
		display:block;
	vertical-align: center;
	margin-left: -40px;
		text-indent: 10px;
	font-family: advent-pro;
	text-transform: none;
		font-size: 20px;
	list-style: none;
	list-style-position: inside;
	width: 100%
} 

.description{
	width: 100%;
	vertical-align: top;
	margin-top: 0px;
	padding: 0px 10px 0px 10px;
	border-spacing: 12px;
		box-shadow: 4px 4px 8px 0px #00000099;
}
.alignment {
	padding-left: 10px;
	padding-right: 10px;
}
.mtopic1 {
}

@media (max-width: 1480px){
}

@media (min-width : 1120px ) and ( max-width : 1480px ){
}