body {
    background-color: black;
font-family: 'Arvo', serif;
}

/* resets */
*,
*:before,
*:after {
  box-sizing: border-box;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

#pagecontent {
  max-width: 1280px ;
  margin-left: auto ;
  margin-right: auto ;
  background-image: url("woodbg.jpg");
  background-position: center; 
  background-repeat: repeat-y;

}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

#pagewrap {
	width: 978px;
	max-width: 96%;
	margin: 0 auto;
}
.wrapper {
	overflow: hidden;
}

/************************************************************************************
COLUMN
*************************************************************************************/
.col {
   border-radius: 5px;
    background-color: white;
    background-repeat: repeat;
 border: 2px solid #ffffff;
    padding: 15px; 
	float: left;
	margin-left: 3.2%;
	margin-bottom: 30px;
}

.tcol {
	float: left;
	margin-left: 3.2%;
	margin-bottom: 30px;
}

.fullwidth .col {
	float: none;
	margin-left: 0;
}
/* grid4 col */
.grid4 .col {
	width: 22.6%;
}
/* grid3 col */
.grid3 .col {
	width: 31.2%;
}
/* grid2 col */
.grid2 .col {
	width: 68.4%;
}

/* grid2 tcol */
.grid2 .tcol {
	width: 28.4%;
}

/* clear col */
.grid4 .col:nth-of-type(4n+1),
.grid3 .col:nth-of-type(3n+1),
.grid2 .col:nth-of-type(2n+1) {
	margin-left: 0;
	clear: left;
}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* reset cols to 3-column */
@media screen and (max-width: 740px) {
	/* grid4 */
	.grid4 .col {
		width: 31.2%;
	}
	.grid4 .col:nth-of-type(4n+1) {
		margin-left: 3.2%;
		clear: none;
	}
	.grid4 .col:nth-of-type(3n+1) {
		margin-left: 0;
		clear: left;
	}
}

/* reset cols to 2-column */
@media screen and (max-width: 800px) {
	/* grid4 */
	.grid4 .col {
		width: 48.4%;
	}
	.grid4 .col:nth-of-type(3n+1) {
		margin-left: 3.2%;
		clear: none;
	}
	.grid4 .col:nth-of-type(2n+1) {
		margin-left: 0;
		clear: left;
	}

	/* grid3 */
	.grid3 .col {
		width: 48.4%;
	}
	.grid3 .col:nth-of-type(3n+1) {
		margin-left: 3.2%;
		clear: none;
	}
	.grid3 .col:nth-of-type(2n+1) {
		margin-left: 0;
		clear: left;
	}
}

/* reset cols to fullwidth */
@media screen and (max-width: 700px) {
	/* grid4 */

.parenttable { 
    display: table;
  }

	.tcol {
		width: 100% !important;
		margin-left: 0 !important;
		clear: none !important;
display: table-header-group;
	}
	.col {
		width: 100% !important;
		margin-left: 0 !important;
		clear: none !important;
display: table-footer-group;
	}


}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


#topbox {
  max-width: 1280px ;
height: 10%;
background-image: url("topgraphic.jpg");
 background-size: cover;
background-position: center; 
}

#pad20h {
height: 40px;
clear: both;
width: 1280px;
}

#stage
{
width: 94%;
margin-left: auto;
margin-right: auto;
font-weight: 400; 
height: auto;
}


#menuitem>a
{

 text-decoration: none;
color: #6699FF;

}

#inputblock
{
height: auto;
width: 100%;
padding: 15px;
background-color: #778899;
color: BLACK;
font-size: medium;
font-weight: 700;
}
#menuitema
{
height: auto;
width: 100%;
padding: 15px;
background-color: #778899;
color: BLACK;
font-size: medium;
font-weight: 700;
}


#menuitem
{
height: auto;
width: 100%;
padding: 15px;
background-image: url("2017-bgblueblock.jpg");
color: #6699FF;
font-size: medium;
font-weight: 700;
}

img {
    width: 100%;
    height: auto;
}

#menugap
{
height: 5px;
width: 270px;
}

#bluebar
{
margin-top: 20px;
min-height: 53px;
width: 100%;
text-align: left;
margin-left: auto;
margin-right: auto;
background-size: cover;
background-image: url("2017-bgblueblock.jpg");
}

#redbar
{
min-height: 53px;
width: 100%;
text-align: center;
margin-left: auto;
margin-right: auto;
background-size: cover;
background-image: url("2017-bgredblock.jpg");
}

#paddedarea
{
padding: 1%;
text-align: center;
}

#paddedarea2
{
width: 100%;
padding: 2%;
text-align: center;
}

#tfestimagearea
{
width: 65%;
margin-left: auto;
margin-right: auto;
}

#leftarea
{
float:left;

}
#content
{
float:left;
width: 832px;

}

#rightarea
{
color: #ff6666;
width: 812px;
float: left;
 text-align: right;
}

#mainbody{
    border-radius: 5px;

    background-repeat: repeat;
 border: 2px solid #ffffff;
    padding: 15px; 
    width: 782px;
    height: auto; 
}


#gaparea
{
width: 40px;
float: left;

}

h1
{
color: #ffffff;
font-weight: 700;
font-size: xx-large;
padding-left: 3%;
padding-top: 1%;
padding-bottom: 1%;
}

h3
{
color: #ffffff;
font-weight: 400;
font-size: small;
}

h3>a
{
color: #ffffff;
font-weight: 700;
font-size: small;
}

#menuarea
{


float: left;

width: 270px;
}