html, body {
background-color: #b0c4de;  /*steel blue*/
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 95%;
width: 100%;
margin: 0;
padding: 0;
text-align: center;
}

#container {
background-color: #fcfcfc;  /*off-white*/
width: 950px;
margin: 0 auto;
padding: 0;
text-align: left;
position: relative;
}

/*logo*/

#logo {
height: 100px;
margin: 2px;
padding: 3px;
font-size: 125%;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
}

#logo span {
font-size: 80%;
font-weight: normal;
}

/*
header bar
*/

#header {
background-color: #556b2f; /*dark olive green*/
color: #fcfcfc; /*off-white*/
font-size: 100%;
margin: 2px;
padding: 3px;
text-align: left;
}

#header a:link {
text-decoration: none;
margin: 5px;
background-color: transparent;
color: #fcfcfc; /*off-white*/
}

#header a:visited {
text-decoration: none;
margin: 5px;
background-color: transparent;
color: #fcfcfc; /*off-white*/
}

/*
left navigation pane
*/

#nav {
float: left;
background-color: transparent;
color: #000000;
font-size: 100%;
text-align: left;
margin: 2px 0 2px 2px;
padding: 3px;
border: 1px solid  #c5d19b; /*light green*/
width: 12%;
}

#nav li {
list-style-type: none;
border-bottom: 1px solid #c5d19b; /*light green*/
list-style-position: outside;
margin-left: -40px;
}

#nav a:link {
text-decoration: none;
}

#nav a:visited {
text-decoration: none;
}

/*
cookie crumbs
*/

#crumbs {
	font-size:80%;
	padding:3px;
}

#crumbs a {
	text-decoration:none;
}

/*
main content
*/

#content {
float: right;
background-color: transparent;
color: #000000;
font-size: 90%;
text-align: left;
margin: 2px 2px 2px 0;
padding: 3px;
border: 1px solid #c7dcd1; /*light blue-green*/
width: 84%;
}

#box {
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
border: 2px solid #3e5400;
background-color: transparent;
float: left;
width: 45%;
}

#box h2 {
background-color: #b0c4de; /*steel blue*/
padding: 10px;
margin: -5px;
}

#box p {
font-size: 100%;
}

#highlight {
	color:#003366;
	font-size: 125%;
	margin: 10px;
	padding: 15px;
	border: solid 1px #b0c4de; /*steel blue*/
	width: 50%; text-align:center;
}

img {
padding: 3px;
border: 0;
}

#linked img{
padding:0px;
border: 0px;
}

a:link {
color: #3e5400; /*dark green*/
background-color: transparent;
}

a:visited {
color: #592d00; /*brown*/
background-color: transparent;
}

h1 {
font-size: 150%;
font-weight: normal;
}

h2 {
font-size: 115%;
}

h3 {
font-size: 105%;
}

h4 {
color:#3c6491;
font-size:115%;
font-weight: normal;
margin-bottom: 0;
}

.smallitalic {
font-size: 85%;
font-style: italic;
}

.small {
font-size: 85%;
}

.medium {
font-size: 115%;
}

.big {
font-size: 150%;
}

.left {
float: left;
width: 35%;
padding: 0 5px 0 5px;}

.right {
float: right;
padding: 0 5px 0 5px;
}

.clear {
clear: both;
}

/* footer */

#footer {
clear: both;
font-size: 80%;
text-align: left;
background-color: #556b2f; /*dark olive green*/
color: #fcfcfc; /*off-white*/
margin: 2px;
padding: 3px;
}

#footer a:link {
color: #fcfcfc; /*off-white*/
background-color: transparent;
}

#footer a:visited {
color: #fcfcfc; /*off-white*/
background-color: transparent;
}


/* Google Form Styles */
/*==============================*/

#googleform {
	text-align: left;
	font-size: 90%;
	width: 90%;
	margin: auto;
	padding: 1em 2em;
	background-color: #fcfcfc;
}

#googleform h1 {
	color: #556b2f;  /*dark olive green*/
	font-weight: bold;
	font-size: xx-large;
	margin-top: 0;
}

/* label {
	font-size: 85%;
	font-weight: bold;
} */

.centered {
	text-align: center;
}

.smallRed {
	color: red;
	font-size: 75%;
	text-align: right;
}

.smallCaps {
	font-variant: small-caps;
	font-size: 110%;
}

#credits {
	text-align: center;
}