* { margin: 0; padding: 0 }
/* hard CSS reset above */

p { text-align: left; margin: 10px 0; }
p, ul { font-size: 12pt; line-height: 1; letter-spacing: -0.4px;  } 
p a, li a { color: grey; text-decoration: underline }
p.intro { border: none; margin-bottom: 20px; padding: 20px 0 30px 0; text-align: center; width: 100% }
p.big { font-size: 12pt; line-height: 1; letter-spacing: -0.4px;  } 
 
noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
noscript a { color: #a00; text-decoration: underline }
noscript ol { margin-left: 25px; }

color blue: #263849
color brown: #372406
color gold: #f7931d
color off-white: #c3beb5
color logo: #8d693a

/* img { border: 0px } */

hr {
	border: 0;
	color: black;
	background-color: black;
	height: 1px;
}

h1 {
	border: none; 
	text-align: left; 
	font-variant: small-caps;
	font-size: 24pt;
	font-weight: normal;
	color: black; 
	font-family: garamond, serif;
}

h2 { 
	font-family: Harrington, serif;
	border: none; 
	text-align: left; 
	font-size: 16pt;
	font-weight: normal;
	letter-spacing: 2px;
}

h3 { 
	border: none; 
	text-align: left; 
	font-size: 16pt;
	font-weight: bold;
	color: black; 
}

h4 { 
	border: none; 
	text-align: left; 
	font-size: 12pt;
	font-style: italic;
	font-weight: normal;
}

h5 { 
	border: none; 
	text-align: left; 
	font-size: 12pt;
	font-style: italic;
	font-weight: normal;
}

body {
	font-family: garamond, serif;
	font-size: 12pt;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-image:url('../images/bg_parchment3.jpg');
	background-repeat:repeat;
	color: black;
}

div#background {
	background-repeat:no-repeat; 
	width:1000px; 
	height:900px; 
	margin:0px 0px 0px 0px;
}

div#background-press {
	background-repeat:no-repeat; 
	width:1000px; 
	height:900px; 
	margin:10px 10px 10px 10px;
}

/*
 * SAFARI & CHROME
 */
@-webkit-keyframes title-fade-in {
  0% { opacity: 0; } 
100% { opacity: 1; }
}

@-webkit-keyframes short-delay-fade-in {
  0% { opacity: 0; } 
 30% { opacity: 0; } 
100% { opacity: 1; }
}

@-webkit-keyframes medium-delay-fade-in {
  0% { opacity: 0; } 
 50% { opacity: 0; } 
100% { opacity: 1; }
}

@-webkit-keyframes long-delay-fade-in {
  0% { opacity: 0; } 
 70% { opacity: 0; } 
100% { opacity: 1; }
}

/*
 * FIREFOX
 */
@-moz-keyframes title-fade-in {
  0% { opacity: 0; } 
100% { opacity: 1; }
}

@-moz-keyframes short-delay-fade-in {
  0% { opacity: 0; } 
 30% { opacity: 0; } 
100% { opacity: 1; }
}

@-moz-keyframes medium-delay-fade-in {
  0% { opacity: 0; } 
 50% { opacity: 0; } 
100% { opacity: 1; }
}

@-moz-keyframes long-delay-fade-in {
  0% { opacity: 0; } 
 70% { opacity: 0; } 
100% { opacity: 1; }
}

/*
 * IE9
 */
@-ms-keyframes title-fade-in {
  0% { opacity: 0; } 
100% { opacity: 1; }
}

@-ms-keyframes short-delay-fade-in {
  0% { opacity: 0; } 
 30% { opacity: 0; } 
100% { opacity: 1; }
}

@-ms-keyframes medium-delay-fade-in {
  0% { opacity: 0; } 
 50% { opacity: 0; } 
100% { opacity: 1; }
}

@-ms-keyframes long-delay-fade-in {
  0% { opacity: 0; } 
 70% { opacity: 0; } 
100% { opacity: 1; }
}


#title {
	position: absolute;
	left: 12px;
	top: 10px;
	color: black;
	letter-spacing: -0.03em;
	white-space: nowrap;
	-webkit-animation-name: title-fade-in;
	-webkit-animation-duration: 6s;
	-webkit-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	-moz-animation-name: title-fade-in;
	-moz-animation-duration: 6s;
	-moz-timing-function: linear;
	-moz-animation-iteration-count: 1;
	-ms-animation-name: title-fade-in;
	-ms-animation-duration: 6s;
	-ms-timing-function: linear;
	-ms-animation-iteration-count: 1;
}

#navigation {
	padding: 120px 0 0 0; 
	font-size: 14pt;
	/* font-weight: bold; */
	text-align: right; 
	width:190px;
	-webkit-animation-name: short-delay-fade-in;
	-webkit-animation-duration: 8s;
	-webkit-timing-function: ease-in;
	-webkit-animation-iteration-count: 1;
	-moz-animation-name: short-delay-fade-in;
	-moz-animation-duration: 8s;
	-moz-timing-function: ease-in;
	-moz-animation-iteration-count: 1;
	-ms-animation-name: short-delay-fade-in;
	-ms-animation-duration: 8s;
	-ms-timing-function: ease-in;
	-ms-animation-iteration-count: 1;
}

#headline {
	-webkit-animation-name: medium-delay-fade-in;
	-webkit-animation-duration: 6s;
	-webkit-timing-function: ease-in;
	-webkit-animation-iteration-count: 1;
	-moz-animation-name: medium-delay-fade-in;
	-moz-animation-duration: 6s;
	-moz-timing-function: ease-in;
	-moz-animation-iteration-count: 1;
	-ms-animation-name: medium-delay-fade-in;
	-ms-animation-duration: 6s;
	-ms-timing-function: ease-in;
	-ms-animation-iteration-count: 1;
}

#image1 {
	-webkit-animation-name: short-delay-fade-in;
	-webkit-animation-duration: 2s;
	-webkit-timing-function: ease-in;
	-webkit-animation-iteration-count: 1;
	-moz-animation-name: short-delay-fade-in;
	-moz-animation-duration: 2s;
	-moz-timing-function: ease-in;
	-moz-animation-iteration-count: 1;
	-ms-animation-name: short-delay-fade-in;
	-ms-animation-duration: 2s;
	-ms-timing-function: ease-in;
	-ms-animation-iteration-count: 1;
}

#image2 {
	-webkit-animation-name: long-delay-fade-in;
	-webkit-animation-duration: 3s;
	-webkit-timing-function: ease-in;
	-webkit-animation-iteration-count: 1;
	-moz-animation-name: long-delay-fade-in;
	-moz-animation-duration: 3s;
	-moz-timing-function: ease-in;
	-moz-animation-iteration-count: 1;
	-ms-animation-name: long-delay-fade-in;
	-ms-animation-duration: 3s;
	-ms-timing-function: ease-in;
	-ms-animation-iteration-count: 1;
}

#image3 {
	-webkit-animation-name: medium-delay-fade-in;
	-webkit-animation-duration: 2.5s;
	-webkit-timing-function: ease-in;
	-webkit-animation-iteration-count: 1;
	-moz-animation-name: medium-delay-fade-in;
	-moz-animation-duration: 2.5s;
	-moz-timing-function: ease-in;
	-moz-animation-iteration-count: 1;
	-ms-animation-name: medium-delay-fade-in;
	-ms-animation-duration: 2.5s;
	-ms-timing-function: ease-in;
	-ms-animation-iteration-count: 1;
}

/* navigation panel links */
a.cross-link
{
	display: block;
	margin-bottom: 8px;
	color: black;
}

a.cross-link:link {text-decoration: none}
a.cross-link:visited {text-decoration: none}
a.cross-link:active {text-decoration: none}
a.cross-link:hover {color: brown; text-decoration: none}

/* this may be old */
img.maplink {border:2px solid #c0d62f;}
img.maplink:hover {border:2px solid #666;}

.floatleft {float:left; width:192px; text-align:left; padding:0 5px 0 11px;}
.floatleft-noborder {float:left; width:192px; text-align:left; padding-left:11px;}
.floatleft-nopadding {float:left; width:192px; text-align:left; padding-right:7px;}