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

/* No padding layout element */

.no-padding
{
	padding:0;
}

img
{
	width:100%;
}

nav li
{
	display:inline;
}

nav ul
{
	margin-bottom:0;
}
nav .button
{
	transition-property: background-color;
    margin: 0;
	border-radius:0;
}

nav .button.first /*** No longer useful ***/
{
	margin-left:18px;
}

nav .button:hover
{
    background-color: #008CB8;
    text-decoration: none;
}

form div
{
	padding:6px 0;
}

form .hidden
{
	display:none;
}

.panel
{
    text-decoration: none;
}

.button:hover
{
	transition: all .2s ease-out;
}

.more-info-link
{
	color: #008cb8;
    font-weight: 700;
    text-decoration: underline;
}

a:hover .more-info-link
{
	color: #16b1e7;
}

form input[type=text]
{
	height:3em;
	padding:10px;
}

ul.no-list-decoration li, ol.no-list-decoration li 
{
	list-style:none;		
}

.stacking .half iframe.media
{
	width:540px;
	height:290px;
}

.two-third iframe.media
{
	width:640px;
	height:480px;
}

iframe
{
	margin:15px 0;
}

video
{
	margin:15px 0;
	width:100%;
}

@media (min-width: 1155px) and (max-width: 1200px)
{
	.stacking .half iframe.media
	{
		width:500px;
		height:250px;
	}
}

@media (min-width: 1050px) and (max-width: 1155px)
{
	.stacking .half iframe.media
	{
		width:450px;
		height:200px;
	}
}

@media (min-width: 900px) and (max-width: 1050px)
{
	.stacking .half iframe.media
	{
		width:400px;
		height:150px;
	}
}

@media (max-width: 900px)
{
	.stacking .half iframe.media
	{
		width:600px;
		height:370px;
	}
}

@media (min-width: 900px) and (max-width: 1120px)
{
	.two-third iframe.media
	{
		width:520px;
		height:360px;
	}
}

@media (max-width: 750px)
{
	.two-third iframe.media
	{
		width:500px;
		height:340px;
	}
}