.body
{
	background-color: #e0ffff;
	margin: 20px;
}

*	{	box-sizing: border-box;	}

object
{
	display: block;
	width: 100%;
}

.img	{border: 0;}

a:link	{text-decoration:underline; color: #0000aa;}
a:visited	{text-decoration:underline; color: #0000aa;}
a:hover	{text-decoration:underline; color: #ff0000;}

.col-container
{
	display: table;
	width: 100%;
	border: solid;
	border-style: outset;
}

.col
{
	display: table-cell;
	padding: 20px;
	vertical-align: top;
}

.menu
{
	font-size: 1.17em;
	text-align: center;
	padding: 0.5em;
	margin-bottom: 7px;
	background-color: #fff892;
	color: #ffffff;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.menu :hover
{	background-color: #cdf5ff;	}

.club
{
	width: 40%;
	display: table-cell;
	padding: 10px;
	vertical-align: top;
	border:solid;
	border-style:outset;
}

.whats
{
	width: 33%;
	display: table-cell;
	padding: 0px;
}

.whats-title
{
	padding: 3px;
	text-align:center;
	font-size:1.4em;
	font-weight:bold;
	border:solid;
	border-style:outset;
}

.when
{
	font-size: 1.4em;
	text-align: center;
	vertical-align: middle;
	border:solid;
	border-style:outset;
}

.band
{
	font-size: 1.5em;
	font-weight: bold;  
	text-align: center;
	vertical-align: middle;
	border: solid;
	border-style:outset;
}

.info
{
	width:	750px;
	font-size:	1.25em;
	text-align:	center;
	vertical-align:	middle;
	border:	solid;
	border-style:	outset;
	margin: auto;
	background-color: #aaffaa
}

.info_green
{
	width:	750px;
	font-size:	1.25em;
	text-align:	center;
	vertical-align:	middle;
	border:	solid;
	border-style:	outset;
	margin: auto;
	background-color: #aaffaa
}

.info_colour
{
	width:	750px;
	font-size:	1.25em;
	text-align:	center;
	vertical-align:	middle;
	border:	solid;
	border-style:	outset;
	margin: auto;
	background-color: #ffcc00;
}

.blues
{	background-color: #66ccff;	}

.dairyflat
{	background-color: #66ff66;	}

.dairyflat_boogie
{	background-color: #93e90a;	}

.dairyflat_ballroom
{	background-color: #ee757b;	}

.dairyflat_linedancing
{	background-color: #bdf8a2;	}

.stetson
{	background-color: #ffcc00;	}

.special
{	background-color: #d7d7e9;	}

.north_harbour
{	background-color: #ff99ff;	}

.hibiscus
{	background-color: #c099ec;	}

.iframealbum
{
	width: 100%;
	height: 740px;
	border: none;
}
.iframeform
{
	width: 310px;
	height: 490px;
	border-style: solid;
	border-width: thin;
}

.map
{
	border-style: solid;
	border-width: 1px;
	border-color: black;
}

@media only screen and (max-width: 600px)
{
	.col
	{
		display: block;
		width: 100%;
	}

	.club
	{ 
		display: block;
		width: 100%;
	}

	.whats
	{ 
		display: block;
		width: 100%;
	}
}