/* this is an alternate stylesheet for people with both kinds of colour-blindness (red/green AND blue/yellow) */

body {	
	background-color: #FFFFFF;
	color:#000000;
	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 {
font-size: small;
text-decoration: underline; 
padding: 1px 1px 1px 1px;
border: 1px solid transparent;
margin: 2px 0 2px 0;
} 

a:link {
font-weight: bold; 
text-decoration: underline; 
padding: 1px 1px 1px 1px;
border: 1px solid transparent;
margin: 2px 0 2px 0;
color:#333333;
background-color:transparent;
} 

a:visited {
font-weight: bold; 
text-decoration: underline; 
padding: 1px 1px 1px 1px;
color:#666666; 
border: 1px solid silver;
background-color:transparent;
text-decoration:none;
margin: 2px 0 2px 0;
} 

a:hover {
font-weight: bold; 
text-decoration: underline;  
padding: 1px 1px 1px 1px;
background-color:#eeeeee; 
color: #000000; 
border: 1px solid black;
text-decoration:none;
margin: 2px 0 2px 0;
} 
a:active {
font-weight: bold; 
text-decoration: underline; 
padding: 1px 1px 1px 1px;
margin: 2px 0 2px 0;
background-color: #eeeeee; 
color: #000099; 
border: 1px dotted black;
text-decoration:none;
} 

a:visited:hover {
font-weight: bold; 
text-decoration: underline; 
padding: 1px 1px 1px 1px;
margin: 2px 0 2px 0;
background-color:#eeeeee; 
color: #666666; 
border: 1px solid #333333;
text-decoration:none;
} 
 
/* divs on the page - for semantic and structural reasons */	
div {
	padding: 1em;
	}
div#header {
	background-color:#eeeeee;
	color:#000000;
	}
#header a {
	background-color:#CCCCCC;
	color:#000000;
	text-decoration:none;
	}	
div#menu {
	background-color:#ffffff;
	color:#333333;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:0.5em;
	}
#menu form {
	margin:0;
	display:inline;
	}		
div#main {
	background-color:transparent;
	color:#000000;
	}	
div#footer {
	background-color:transparent;
	color:#333333;
	border-top:1px solid navy;
	margin: 0 auto 0 auto;
	width: 50%;
	font-size:90%;
	text-align:center;
}			
/* dynamic content */
.feedback {
	background-color:#cccccc; 
	color:#000000;
	border: 1px solid #666666;
	padding: .5em;
	width:50%;
	}
.function {
	background-color:#cccccc; 	
	color:#000000;
	padding: .5em;
	float:right; 
	width:33%; 
	margin:1em; 
	}
.information {
	background-color:#eeeeee; 	
	color:#000000;
	border: 1px dotted #cccccc;
	padding: .5em;
	width:50%;
	}
.labels {
	background-color:#eeeeee; 	
	color:#000000;
	padding: .5em;
	width:50%;
	}
#errorMessage {
	border: 3px double #666666;
	width: 50%;
}

#errorMessage p {
	color: black;
}    
	
/* generic html tags */	
h1 { 
	color:#000000;
	background-color:transparent;
	font-size:200%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}	
h1#sitemast {
	color: #000000;
	font-size:200%;
	background-color:transparent;
	}
	#header a {
	text-decoration:none;
	background-color:transparent;
	font-size:100%;
	border:0;
	color:#000000;
	}	
h2 {
	color:#333333;
	background-color:transparent;
	font-size:180%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
h3 {
	color:#666666;
	background-color:transparent;
	font-size:160%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
h4 {
	color:#999999;
	background-color:transparent;
	font-size:140%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
h5 {
	color:#cccccc;
	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: .5em;
	}	
.printonly {
	display:none;
	}
.inaccessible {
	display:none;
	}
.accessible {
	display:inline;
	}