*
{
	margin:0;
	padding:0;
}

html, body
{
	height: 100%;
}

textarea
{
	resize:none;
}

a
{
	text-decoration: none;
	color: #0000D0;
}

a:hover
{
	color: #CD3C00;
}

#background
{
	width:100%;
	height:100%;
	text-align:center;
	/* Background Colour Gradient */
	background: #f1FcFF; /* For browsers not supporting gradients */
	background: -webkit-linear-gradient(#EFFBFF, #EFFBFF, #ffffff); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#EFFBFF, #EFFBFF, #ffffff); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#EFFBFF, #EFFBFF, #ffffff); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#EFFBFF, #EFFBFF, #ffffff); /* Standard syntax */
}

#wrapper
{
	min-height: 100%;
	width:100%;
	min-width:400px;
	max-width:1100px;
	margin: 0px auto 0px auto;
}

#header
{
	width:100%;
	padding-top: 3px;
	padding-bottom: 5px;
	margin: 0px auto 5px auto;
	white-space: nowrap; /* stops links moving when zooming in on mobile */
	background:#d2d2d2;
	/* Background Colour Gradient */
	background: #d2d2d2; /* For browsers not supporting gradients */
	background: -webkit-linear-gradient(left, #a7a7a7, #f0f0f0, #a7a7a7); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #a7a7a7, #f0f0f0, #a7a7a7); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #a7a7a7, #f0f0f0, #a7a7a7); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #a5a5a5, #f9f9f9, #a5a5a5); /* Standard syntax */
}

#logo
{
	width:40%;
	padding-right: 3%;
}

#link a
{
	width:16%;
	padding-top: 4%;
	margin:auto 0.8% auto 0.8%;
	border-radius: 50%;
	display:inline-block;
	letter-spacing:0.5px;
	text-decoration:none;
	font-family: century gothic, futura, URW Gothic L, verdana, sans-serif;
}

#link h3
{
	font-size: 16px;
}

#link a div
{
	vertical-align: middle;
	/* Vertical Align Title Text to Middle */
	position: relative;
	top: 22%;
	-webkit-transform: translateY(-22%);
	-ms-transform: translateY(-22%);
	transform: translateY(-22%);
}

#link a img
{
	width: 53%;
}

#link a:link,
#link a:visited
{
	background:#ED7C00;
	color:#000000;
}

#link a:hover 
{
	background:#322481;
	color: #FFFFFF;
}

#link a:active
{
	background:#3249A5;
	color: #FFFFFF;
}

#content
{
	min-height: 100%;
	width:100%;
	/* Background Colour Gradient */
	background:#FFf1da; /* For browsers not supporting gradients */
	background: -webkit-linear-gradient(#FFecD2, #FFecD2, #FFecD2, #ffffff); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#FFecD2, #FFecD2, #FFecD2, #ffffff); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#FFecD2, #FFecD2, #FFecD2, #ffffff); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#FFecD2, #FFecD2, #FFecD2, #ffffff); /* Standard syntax */
	margin:0 auto 0 auto;
	display:inline-block;
	font-family: Verdana, sans-serif;
}

#content h1
{
	font-size:30px;
	margin-top:5px;
	margin-bottom:20px;
}

#picture_box_no_text h3,
#picture_box_with_text h3
{
	margin-top:5px;
	margin-bottom:5px;
	font-size:16px;
}

#picture_box_no_text
{
	width:400px;
	display:inline-block;
	margin:0px 10px 15px 10px;
	padding:10px 10px 10px 10px;
	background:#08327c;
	color:#FF8C00;
	border-radius:15px;
}

#picture_box_with_text
{
	width:400px;
	display:inline-block;
	margin:0px 10px 15px 10px;
	padding:0px 10px 10px 10px;
	background:#08327c;
	color:#FF8C00;
	border-radius:15px;
}

#footer
{
	font-size:12px;
	margin-top:20px;
	margin-bottom:5px;
	position:relative;
	width:100%;
	bottom:0; /* stick to bottom */
}

#counter
{
	margin-top: 10px;
	margin-bottom: 5px;
}

#___gcse_0
{
	display: none;
}

/* if view width is greater than 800px */
@media(min-width:800px)
{
    #wrapper
    {
		width:80%;
	}

	#link h3
	{
		font-size: 19px;
	}
}