@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');

body {

	background-color:#E0E0E0;

	background-image:url("images/none.png");

	/*background-repeat: no-repeat;*/

  	background-attachment: fixed;

	font-size: medium;
 
	font-family: 'Source Sans Pro', sans-serif;

	}

H1  {font: 1.6em 'Source Sans Pro';}

H2  {font: 1.2em 'Source Sans Pro'; font-weight:bold;}

B  {font: 1em 'Source Sans Pro'; font-weight:bold;}

div.copyright {	
	margin: 0em;
   	background-color: #FFFFFF;
	color: #000000;
	font: 0.8em 'Source Sans Pro';
	text-align: center;
	padding: 1em;
	border-style:solid;
 	border-width:0px;
	border-color:#000000;}



A.thumbnail:link {font: 1em 'Source Sans Pro';  color: #404040; font-weight:bold; text-decoration: 
none;}

A.thumbnail:visited {font: 1em 'Source Sans Pro'; color: #808080; font-weight:bold; text-decoration: 
none;}

A.thumbnail:active {font: 1em 'Source Sans Pro'; color: #808080; font-weight:bold; text-decoration: 
none;}

A.thumbnail:hover {font: 1em 'Source Sans Pro'; color: #909090; font-weight:bold; text-decoration: 
none;}


A:link {font: 1em 'Source Sans Pro';  color: #404040; font-weight:bold; text-decoration: 
none;}

A:visited {font: 1em 'Source Sans Pro'; color: #404040; font-weight:bold; text-decoration: 
none;}

A:active {font: 1em 'Source Sans Pro'; color: #404040; font-weight:bold; text-decoration: 
none;} 

A:hover {font: 1em 'Source Sans Pro'; color: #909090; font-weight:bold; text-decoration: 
none;}




/* old colours
A:link {font: 1em 'Source Sans Pro';  color: #0000EE; font-weight:bold; text-decoration: 
none;}

A:visited {font: 1em 'Source Sans Pro'; color: #551A8B; font-weight:bold; text-decoration: 
none;}

A:active {font: 1em 'Source Sans Pro'; color: #551A8B; font-weight:bold; text-decoration: 
none;} */




div.wrapper {

	margin: 0 auto;
	width: 900px;

	text-align: center;

   	background-color: #FFFFFF;


	padding: 0;

	border-style:solid;
	border-width:0px;
	border-color:#FFFF00; 
	}

span.thumbnail {
	/* each thumbnail with text below, in a separate div */
 	display: inline-block;
	margin: 0.25em;
 	width: 250px;
   	/*background-color: #FFFFFF;*/
	font: 0.8em 'Source Sans Pro';
	font-weight:bold;
	color: #404040;

	text-align: center;
	
	padding: 0.5em;


	border-style:solid;
 	border-width:0px;
 	border-color:#008800; 
	}



div.normal {
 
	margin: 2em;
 
   	background-color: #FFFFFF;

	color: #000000;
	
	text-align: left;

	padding: 0em;
	border-style:solid;
 	border-width:0px;
 	border-color:#0000FF; 
	}




div.main {
	margin: 0; 
	/*background-color:#FFFFFF;*/
	color: #FFFFFF;
	text-align: left;
	padding: 1em;
	border-style:solid; border-width:0px; border-color:#000000; 
	/*if there is an "auto" padding pushes it bigger*/

	}

div.banner {
	margin: 0; 
	color: black
	text-align: center;
	padding: 0;

	}


ul.horizmenu {
    list-style-type: none;

	margin: 0 auto;

    padding: 0 1em;

    overflow: hidden;

    background-color: #c52936;
}


li.horizmenu {

    float: left;
}


li a.menu  {

    display: block;

    color: #FFFFFF;

    text-align: center;

    padding: 14px 16px;

    text-decoration: none;
}

/*
 Change the link color to #111 (black) on hover */

li a.menu:hover {

    background-color: #881010;

    color: #FFFFFF;
}


li a.menu:active {background-color: #881010;

    color: #FFFFFF;

}


IMG.displayed {

    display: block;

    margin-left: auto;

    margin-right: auto; }
/* this is for centreing the image*/




@media screen and (max-width: 900px) {
  #container, #header, #content, #footer {
    float: none;
    width: auto;
  }

  body { font-size: large; }

#main {width:300px;}

div.wrapper {

	margin: 0 auto;
	width: 300px;}
}