body {font-family: Arial, Helvetica, Sans-Serif;
background-color: #ffffff;
color: #000000;
font-size: 1em;
padding: 0px}


/* Hyperlinks */

a:link {text-decoration: none;color: blue;}
a:visited {text-decoration: none; color: #800080; }
a:active {text-decoration: none; color: blue;}
a:hover {text-decoration: none; color: red;}




a.breadcrumbs:link {text-decoration: none; font-family: Arial, Helvetica, Sans-Serif; text-align: left; color: #ffffff; background-color: transparent;}
a.breadcrumbs:visited {text-decoration: none; font-family: Arial, Helvetica, Sans-Serif; text-align: left; color: #ffffff; background-color: transparent;}
a.breadcrumbs:hover {text-decoration: none; font-family: Arial, Helvetica, Sans-Serif; text-align: left; color: #ff0000; background-color: transparent;}

/* Headings */
h1 {font-size: 160%;
font-family: Arial, Helvetica, Sans-serif;
text-align: center;
padding-top: 10px;
color: #ffffff;
background-color: transparent}

h2 {font-size: 140%;
font-family: Arial, Helvetica, Sans-Serif;
font-weight: bold;
text-align: left;
color: #000000;
background-color: transparent;}

h3 {font-size: 110%;
font-family: Arial, Helvetica, Sans-Serif;
text-align: left;
color: #000000;
background-color: transparent;}




/* Banner */
.bannertable {font-family: Arial, Helvetica, Sans-Serif;
background-color: #339999;
width: 100%;
color: #ffffff;}

.routeslogo {width: 90px;
height: 90px;}

.tagline2 {text-align: center;
padding-bottom: 20px;
padding-right: 10px;
color: #ffffff;
background-color: #339999}

.breadcrumbs {text-align: left;
vertical-align: top;
background-color: #000080;
color: #ffffff;
font-weight: bold;
font-size: 80%;}




/* Navigation sidebar */
.linkstable {width: 22%;
background-color: #EBF7EC;
color: #000000;
vertical-align: top;
padding-left: 5px;
padding-right: 5px;
padding-top: 10px;
padding-bottom: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 90%;
text-align: left}

/* Content */
/* Structures the table which holds content */
.contenttable {width: 78%;
background-color: #ffffff;
vertical-align: top;
padding-left: 25px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
font-family: Arial, Helvetica, sans-serif;
font-Size: 100%
}

/* Headings (e.g. explore, go to) */
.linkgroupheading {font-weight: bold;
text-align: left}


/* For the keyquestion (e.g. what was it like to be an evacuee?) */
.keyquestion {font-size: 100%;
font-family: Arial, Helvetica, Sans-serif;
font-weight: bold}

/* For displaying the titles of tables (e.g. the table of links, list of learning packages) */
.tabletitle {text-align: center;
background-color: #339999;
font-weight: bold}

/* for a longer text extract or quotation */
.extract {border: solid;
border-width: 2px;
padding: 10px;}

/* for acknowledging a source e.g. streetmap.co.uk, 1991 census in the main body of text */
.source {font-size: 70%}

/* layout of picture and associated text (changes the image position and the style of the title below it) */
.resourceimage {text-align: center;
vertical-align: top;
width: 20%;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 70%;
font-family: Arial, Helvetica, Sans-serif;}

/* appearance of image */
.image {border-color: black;
border-width: 1px;
text-align: center;
margin-bottom: 5px}

/* comic sans text for 'story' learning packages */
.story {font-family: comic sans ms, arial, sans-serif}


/* Copyright notices */
.copyrighttable {width: 100%;
font-size: 70%;
font-family: Arial, Helvetica, sans-serif;
background-color: #ffffff;}

.partnerlogo {border: none}


.leftsmall {
	font-size : 80%;
	text-align : left;
}