/* Custom Styles */

body
{
	max-width: 1000px;
	margin: 0 auto;
}

p, ul
{
	margin-bottom: 20px;
}

nav ul
{
	display: flex;
	flex-wrap: wrap;
}

nav ul li
{
	margin: 0 auto;
	white-space: nowrap;
	position: relative;
}

nav ul li ul
{
	padding: 0;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 25px;
}

nav ul li ul li
{
	width: auto;
	padding: 7px 0;
	display: block;
	text-align: center;
}

nav ul li ul li
{
	width: auto;
	margin: 0 auto;
	display: block;
}

nav ul li:hover ul, nav ul li ul:hover
{
	display: block;
}

.indent-left
{
	margin-left: 20px;
}

img.right
{
	margin-left: 20px;
	margin-bottom: 20px;
}

img.left
{
	margin-right: 20px;
	margin-bottom: 20px;
}

// Target blank icon
a.new-window:after
{
	content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
	margin: 0 3px 0 5px;
}

@media screen and (max-width: 825px)
{
	nav
	{
		font-size: 85% !important;
	}
}

@media screen and (max-width: 720px)
{
	nav
	{
		font-size: 100% !important;
	}

	nav ul li
	{
		width: auto;
		padding: 10px;
		text-align: left;
	}

	.span-6
	{
		border-bottom: 1px solid #ccc;
	}
}

.error
{
	color: #f00;
	font-size: 20px;
}