@charset "utf-8";
/* CSS Document */

body
{
	color: #404040;
	font-family: Arial;
	font-size: 1em;
	/* line-height: 1.7em; */
	/* background-color: #fffbe8; */
	background-color: #ffffff;
	/* background-image: url('./images/bg.png');
	background-repeat: no-repeat;
	background-size: 768px 768px;
	background-position: center; 
	background-attachment: fixed; */
}

a
{
	/* color: #2d82dc; */
	color: #ac6700;
	text-decoration: none;
}

a:link
{
	/* color: #2d82dc; */
	color: #ac6700;
	text-decoration: none;
}

a:visited
{
	/* color: #666666; */
	color: #ac6700;
	text-decoration: none;
}

a:hover
{
	/* color: #647483; */
	color: #d59f23;
	text-decoration: none;
}

h1
{
	font-family: 'Roboto Slab', serif;
}

h2
{
	font-family: 'Roboto Slab', serif;
}

p
{
	font-family: 'Roboto Slab', serif;
	/* font-size: 2em; */
	/* color: #FFFFFF;
	text-shadow: 1px 1px 2px white, 0 0 25px white, 0 0 5px white; */
	margin-top: 8pt;
	margin-bottom: 8pt;
}

p.copyright
{
	font-size: 0.75em;
	text-align: center;
}

p.menu
{
	text-align: center;
	margin-bottom: 12pt;
	font-size: 1.33em;
}

img.bio
{
	float: left;
	margin: 8px 16px 16px 0px;
}

img.header
{
	width: 600px;
    height: auto;
}

table.main
{
	width: 1024px;
	/* border: 1px solid black; */
	margin-left: auto;
	margin-right: auto;
}

table.embeddedvideo
{
	width: 100%;
	border-spacing: 0px;
    border-collapse: separate;
}

td.embeddedvideo
{
	text-align: center;
	/* top right bottom left */
	padding: 20px 0px 20px 0px;
}

iframe.embeddedvideo
{
	/* border: medium dashed green; */
	width: 640px;
	height: 360px;
}

/* Medium Layout */

@media only screen and (max-width: 68em)
{
	
	img.header
	{
		width: 600px;
    	height: auto;
	}
	
	table.main
	{
		width: 768px;
	}
	
}

/* Smaller Layout */

@media screen and (max-width: 50em)
{
	
	img.header
	{
		width: 600px;
    	height: auto;
	}
	
	p
	{
		font-size: 1.25em;
		margin-top: 12pt;
		margin-bottom: 12pt;
	}
	
	p.copyright
	{
		font-size: 1em;
		margin-top: 0pt;
		margin-bottom: 8pt;
	}
	
	p.menu
	{
		font-size: 1.75em;
	}
	
	table.main
	{
		width: 600px;
	}
	
}

/* Small Layout */

@media screen and (max-width: 40em)
{
	
	img.header
	{
		width: 350px;
    	height: auto;
	}
	
	p
	{
		font-size: 1.25em;
		margin-top: 12pt;
		margin-bottom: 12pt;
	}
	
	p.copyright
	{
		font-size: 1em;
		margin-top: 0pt;
		margin-bottom: 8pt;
	}
	
	p.menu
	{
		font-size: 1.75em;
	}
	
	table.main
	{
		width: 350px;
	}
	
}