/* Body Style */
body {
	background: #000000;
	color: #ffffff;
}
title {
	background: #ff2222;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:5px;
	text-align:center;
}

h1.banner {
	background: #ff2222;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	position:absolute;
	top: 5px;
	left: 40px;
	height: 80px;
	width:920px;
	text-align:center;
	line-height: 80px;

}

/* Sequence of button profiles laying out navigation grid */
/* Lay out the baaic button profile */

.button_profile {
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
position:absolute;
height: 60px;
line-height: 60px;
font-size: 20px;
background: #ff0000;
color: #ffffff;
}
/* Lay out the rows */
.button_row0 {
top: 130px;
}
.button_row1 {
top: 230px;
}
.button_row2 {
top: 330px;
}
.button_row3 {
top: 430px;
}
.button_row4 {
top: 530px;
}
.button_row5 {
top: 630px;
}
.button_row6 {
top: 730px;
}
.button_row7 {
top: 830px;
}

/* Lay out the different column types */
.onecol {
left: 40px;
width: 920px;
}

.twocol0 {
left: 40px;
width: 440px;
}
.twocol1 {
left: 520px;
width: 440px;
}

.threecol0 {
left: 40px;
width: 280px;
}

.threecol1 {
left: 360px;
width: 280px;
}

.threecol2 {
left: 680px;
width: 280px;
}

.fourcol0 {
left: 40px;
width: 200px;
}

.fourcol1 {
left: 280px;
width: 200px;
}

.fourcol2 {
left: 520px;
width: 200px;
}

.fourcol3 {
left: 760px;
width: 200px;
}

.splitcol0 {
left: 40px;
width: 100px;
}
.splitcol1 {
left: 860px;
width: 100px;
}

/* Centering for image */

.center {
position:absolute;
top: 220px;
left: 125px;
width: 750px;
height: 750px;
}

/* Placement for a text block. Scrolls on desktop. Full length on mobile devices */
.textblock {
background: #ffffff;
color: #000000;
position:absolute;
top: 220px;
left: 40px;
width: 880px;
height: 560px;
overflow: auto;
padding-top: 20px;
padding-right: 20px;
padding-left: 20px;
-webkit-overflow-scrolling: touch;
}

a.downloadlink {
color: #ffffff;
visited:#ffff00;
font-size:16px;
text-align:left;
}

a.downloadlinkcenter {
color: #ffffff;
visited:#ffff00;
font-size:20px;
text-align:center;
}

/* image grid */

.imagerow {
	display: flex;
	flex-wrap: wrap;
	padding: 0 4px;
}

.imagecol {
	flex: 25%;
	padding: 0 4 px;
}

.column img {
	margin-top: 8 px;
	vertical-align: middle;
}

.imagegrid {
	width:240px;
	height:180px;
}
.imagegridportrait {
	width:101px;
	height:180px;
	margin-right:69px;
	margin-left:69px;
}

.imagegrid2 {
	width:480px;
	height:360px;
}

.imagegrid2portrait {
	width:480px;
	height:692px;
}
.imagegrid3 {
	width:320px;
	height:240px;
}

.imagegrid3portrait {
	width:320px;
	height:461px;
}
.imagegridwhole {
	width:960px;
	height:720px;
}

.imagegridwholeportrait {
	width:960px;
	height:1384px;
}



td {
	border:1px solid yellow;
}

.table_full_width{
	width:960px;
	border:2px solid white; 
}

.tablecolwidth {
	width:240px;
	border: 1px solid yellow;
}

.tablecolfullwidth {
	width:960px;
	text-align:center;
}

.audiotitle {
	font-size:16px;
	text-align:left;
}

.videotitle{
size:36px;
color:#ffff00;
text-align:center;
}

p.titlespace{
	height:100px;
}
p.rowspace{
	height:80px;
}
video.full{
	width: 960px;
}

li.biglist{
	font-size:28px;
	color:#ff2222;
}