/* this is an alternate stylesheet for people who prefer high-contrast large print on a cream background - e.g. for dyslexia, white can sometimes be too bright */

body {	
	background-color: #ffffcc;
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:medium;
	margin-top: 0.25em;
	margin-right: 0.25em;
	margin-bottom: 0.25em;
	margin-left: 0.25em;
	}
a:link {
	background-color:transparent;
	color:#0063dc;	/* same colour as Flickr link */
	}
a:visited {
	background-color:transparent;
	color:purple;	
	}
a:hover {
	background-color:#CCFFFF;
	color:#000099;
	}
a:visited:hover {
	background-color:#CCFFFF;
	color:#660099;
	}
/* divs on the page - for semantic and structural reasons */	
div {
	padding: 1em;
	}
div#header {
	background-color:#CCCCFF;
	color:#000099;
	}
#header a {
	background-color:#CCCCFF;
	color:#000099;
	text-decoration:none;
	}	
div#menu {
	background-color:#3366FF;
	color:#eeeeee;
	padding:0.5em;
	}
#menu form {
	margin:0;
	display:inline;
	}		
#menu a:link {
	text-decoration:none; 
	color:#ffffff; 
	background-color:#3366ff; 
	padding:.5em .5em .5em .5em;
	}
#menu a:hover {
	background-color:#99ccFF; 
	color:#000066;
	text-decoration:none;
	}
#menu a:visited {
	background-color:#3366FF; 
	color:#eeeeee;
	text-decoration:none; 
	padding:.5em .5em .5em .5em;
	}
#menu a:visited:hover {
	background-color:#99CCFF; 
	color:#660099;
	text-decoration:none;
	}
		
div#main {
	background-color:transparent;
	color:#000000;
	}	
div#footer {
	background-color:transparent;
	color:#000099;
	border-top:1px solid navy;
	margin: 0 auto 0 auto;
	width: 50%;
	font-size:90%;
	text-align:center;
}			
/* dynamic content */
.feedback {
	background-color:#fad163; /* same colour as GMail feedback box */
	color:#000000;
	padding: .5em;
	width:50%;
	}
.function {
	background-color:#c3d9ff; 	/* same colour as GMail tool bar */
	color:#000000;
	padding: .5em;
	float:right; 
	width:33%; 
	margin:1em; 
	}
.information {
	background-color:#e0ecff; 	/* same colour as GMail info bar */
	color:#000000;
	padding: .5em;
	width:50%;
	}
.labels {
	background-color:#b5edbc; 	/* same colour as GMail labels box */
	color:#000000;
	padding: .5em;
	width:50%;
	}
#errorMessage {
	background-color: #cc3333;
	width: 50%;
}

#errorMessage p {
	color: #ffffcc;
}    
	
/* generic html tags */	
h1 { 
	color:#000033;
	background-color:transparent;
	font-size:200%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}	
h1#sitemast {
	color: #000066;
	background-color:transparent;
	}
#sitemast a {
	text-decoration:none;
	background-color:transparent;
	color:#000066;
	}	
h2 {
	color:#000066;
	background-color:transparent;
	font-size:180%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
h3 {
	color:#000099;
	background-color:transparent;
	font-size:160%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
h4 {
	color:#336699;
	background-color:transparent;
	font-size:140%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
h5 {
	color:#3399CC;
	background-color:transparent;
	font-size:120%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}	
img {
border: 0; 
margin: 0.5em 1em 0.5em 0.5em;
	}	
p {
	color:#000000;
	background-color:transparent;
	}	
table {
	color: #333333;
	background-color:transparent;
	font-size: 1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
td, th {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: .25em;
	}
td img {
	vertical-align:middle;
	}
td a, li a {
	text-decoration:none;
	padding:.25em;
	font-weight:bold;
	display:block;
	}		
ul {
	list-style-type:square;
	font-size: 90%;
	}
ul > ul {
	list-style-type:disc;
	font-size: 90%;
	}
li {
	padding:.25em;
	}	
.printonly {
	display:none;
	}
.inaccessible {
	display:none;
	}
.accessible {
	display:inline;
	}