@charset "utf-8";
body {
	background-color: #D9D9D9;
	margin-top: 10px;
	text-align: center;
}

/* CSS Document */


@media screen and (min-width:769px){
#wrapper {
	width: 96%;
	max-width: 1024px;
	/* [disabled]border: thin solid #12FC4A; */
	font-family: Calibri;
	color: #000000;
	display: inline-block;
	font-size: 20px;
}
#footerContent {
	width: 100%;
	clear: left;
}
#imgVoodoo {
	width: 112px;
}


#pageContent {
	clear: left;
	float: left;
	width: 96%;
	text-align: left;
	padding-top: 16px;
	padding-right: 16px;
	padding-bottom: 16px;
	padding-left: 16px;
}
#hatPic {
	float: left;
	padding-top: 11px;
	padding-right: 11px;
	padding-bottom: 11px;
	padding-left: 11px;
}

#Test_Cup {
	float: right;
	margin-top: 37px;
	margin-right: 37px;
	margin-bottom: 37px;
	margin-left: 37px;
}


#titleBox {
	width: 96%;
	/* [disabled]border: thin dotted #4772FD; */
	display: inline-block;
	text-align: center;
	color: #6DCFF6;
	font-size: 53px;
}

#logoDiv {
	width: 100%;
	font-size: 20px;
	text-align: center;
	color: #FF0202;
	float: left;
}
#leftCol {
	float: left;
	width: 15%;
}
#menuWrap {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-height: 200px;
	clear: left;
}

#menuBox {
	padding-top: 17px;
	text-align: left;
	min-height: 200px;
	clear: left;
}
#rtCol {
	width: 83%;
	display: inline-block;
	margin-left: 11px;

}



.variableText {
	font-size: 90%;
	font-weight: bold;
}



}

@media screen and (min-width:481px) and (max-width:768px){

#wrapper {
	width: 96%;
	max-width: 1024px;
	/* [disabled]border: thin solid #12FC4A; */
	font-family: Calibri;
	color: #000000;
	display: inline-block;
	font-size: 20px;
}
#footerContent {
	width: 100%;
	clear: left;
}
#imgVoodoo {
	width: 112px;
}


#pageContent {
	clear: left;
	float: left;
	width: 96%;
	text-align: left;
	padding-top: 16px;
	padding-right: 16px;
	padding-bottom: 16px;
	padding-left: 16px;
	overflow-x: auto;
}
#Test_Cup {
	float: right;
	margin-top: 37px;
	margin-right: 37px;
	margin-bottom: 37px;
	margin-left: 37px;
}


#titleBox {
	width: 96%;
	/* [disabled]border: thin dotted #4772FD; */
	display: inline-block;
	text-align: center;
	color: #6DCFF6;
	font-size: 34px;
}

#logoDiv {
	width: 20%;
	font-size: 20px;
	text-align: center;
	color: #FF0202;
	float: left;
}
#leftCol {
	float: left;
	width: 100%;
}
#menuWrap {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-height: 200px;
	clear: left;
}

#menuBox {
	padding-top: 17px;
	text-align: left;
	min-height: 138px;
	width: 39%;
	display: inline-block;
}
#rtCol {
	width: 83%;
	display: inline-block;
	margin-left: 11px;
	clear: left;
	float: left;

}



.variableText {
	font-size: 90%;
	font-weight: bold;
}
	
	
}

@media screen and (max-width:480px){
	
#wrapper {
	width: 96%;
	max-width: 1024px;
	/* [disabled]border: thin solid #12FC4A; */
	font-family: Calibri;
	color: #000000;
	display: inline-block;
	font-size: 20px;
}
#footerContent {
	width: 100%;
	clear: left;
}
#imgVoodoo {
	width: 112px;
}


#pageContent {
	clear: left;
	float: left;
	width: 96%;
	text-align: left;
	padding-top: 16px;
	padding-right: 16px;
	padding-bottom: 16px;
	padding-left: 16px;
	overflow-x: auto;
}
#Test_Cup {
	float: right;
	margin-top: 37px;
	margin-right: 37px;
	margin-bottom: 37px;
	margin-left: 37px;
}


#titleBox {
	width: 96%;
	/* [disabled]border: thin dotted #4772FD; */
	display: inline-block;
	text-align: center;
	color: #6DCFF6;
	font-size: 34px;
}

#logoDiv {
	width: 20%;
	font-size: 20px;
	text-align: center;
	color: #FF0202;
	float: left;
}
#leftCol {
	float: left;
	width: 100%;
}
#menuWrap {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	min-height: 200px;
	clear: left;
}

#menuBox {
	padding-top: 17px;
	text-align: left;
	min-height: 87px;
	width: 39%;
	display: inline-block;
}
#rtCol {
	width: 83%;
	display: inline-block;
	margin-left: 11px;
	clear: left;
	float: left;

}



.variableText {
	font-size: 90%;
	font-weight: bold;
}
	
	
}