/* margin overrides settings in older browser */

body {
	margin:-10px 0 0 -10px;
	background-color: silver;
	color: teal;
	font-family: Albertus, Verdana, Geneva, Arial, Helvetica, helv, sans-serif;
	font-size: 1em;
	text-align: left;}

/* modern browsers understand this rule and get correct margins and padding */

html body {
	margin: 0;
	padding:0;
	}

abbr,dfn {
	background-color: inherit;
	border: .1em rgb(255,251,20) dotted;
	color: inherit;
	font-style: normal;
	font-weight: normal;}

/* don't use ems in this rule as Mozilla appears to get it wrong! */

sub {
	vertical-align: 33%;
	font-size: 75%;}

h1, h2, h3, h4, dl {
	color: rgb(255,251,20);
	background: inherit;
	font-family: "Calisto MT", Palatino, "Times New Roman", sans-serif;}

h1 {
	font-size: 140%;
	text-align: left;
	line-height: 100%;}

h2 {
	font-size: 120%;}

div#navigation h1 {
	font-size: 1.2em;
	color: #fefef0;
	background: inherit;
	font-weight:bold;
	text-align: center;}

cite.vessel {
	font-variant: small-caps;
	font-style: italic;}

/* control of links */

/* default behaviour */

a:link {
	color: rgb(255,251,20);
	background-color: inherit;
	font-weight: bold;
	text-decoration: none;}

a:visited {
	color: #ff8040;
	background-color: inherit;
	font-weight: bold;
	text-decoration: none;}

a:hover {
	background-color: rgb(40,120,160);
	color:#fefef0 ;
	text-decoration: none;}

div#header a:hover {
	background-color:white;}

a img {
	border: none;}

/* link colours in navigation and footer panes */

div#footer a:link, div#navigation a:link, div#return a:link {
	color: #adff2f;
	background: inherit;}

div#footer a:visited, div#navigation a:visited, div#return a:visited {
	color: #b0c4de;
	background-color: inherit;}

div#footer a:hover, div#navigation a:hover, div#return a:hover {
	background-color: #adff2f;
	color: rgb(40,120,160);}

div#content .external a:link {
	color: red;
	background-color: white;}

div#content .external a:hover {
	color:white;
	background-color: red;}

div#footer .external a:hover {
	color: rgb(255,251,20);
	background-color: white;}

/* styles to create "filing tab" metaphor at top of page */

div#menu li {
	display:inline;
	list-style-type:none;}

div#menu ul {
	padding: 0;
	margin: 0;}

div#menu a {
	color: rgb(255,251,20);
	margin: 0 .5em 0 0;
	background-color: #aeaef0;
	font-size: 80%;
	font-weight: bold;
	border: 2px solid rgb(255,251,20);
	border-bottom: none;
	padding: 5px 5px 0px 5px;
	text-decoration: none;}

div#menu a:visited {
	color: #ff8040;
	margin-left: .5em;
	background-color: #cecec0;}

div#menu a:hover {
	padding: .5em;
	margin-left: .5em;
	color: rgb(255,251,20);
	background: white;
	border-bottom: none;}

li#active {
	padding: .2em;
	color: rgb(255,251,20);
	font-weight: bold;
	background-color: rgb(40,120,160);
	border: 2px solid rgb(255,251,20);
	border-bottom: none;}

/* appearance within container */

div#content p:first-letter {
	font-size: 150%;
	background-color: inherit;
	color: yellow;}

div.photocontainer h2 {
	color:rgb(40,120,160);
	background-color: inherit;
	font-weight: normal;
	font-variant:normal;}