html {
    background-color: #7073ff;
    background-image: url(/common/FadeSlice.png);
    background-repeat: repeat-x;
    background-position: 0px 0px;
}

body {
    margin-top: 120px;
    margin-right: 13.5em;
    margin-bottom: 3em;
    margin-left: 2em;
    padding: 0em 1em 1em 1em;
    background-color: white;
    font-family: sans-serif;
    border: 3px solid #68ed75;
}

h1 {
    /* Absolute positioning takes this element out of the normal flow and makes it
       not subject to the margins that are on the body. */
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    height: 120px;
}

/* This inhibits the border that would otherwise appear around these images that are
also <A>nchors. */
h1 img { border: 0px none blue; }

h1 a { display: block; height: 100%; }

img#logo { margin-left: 2.5em; }

img#LogoText {
    margin-left: 2em;
    margin-top: 20px;
    /* Negative margin reduces the odds that a narrow viewport will cause this img to wrap
       to the next line. Opera does this more readily than Safari and FF. */
    margin-right: -10em;
}

h2 {
    background-color: #68ed75;
    padding: .25em .75em .25em .75em;
    -moz-border-radius: .8em .8em;
    border: 2px solid #7073ff;
}

h3 {
    border-width: 0px 0px 2px 0px;
    border-color: #68ed75;
    border-style: dashed;
    font-size: 120%;
}

.center { text-align: center; }

table { width: 100%; }

table, th, tr, td {
	border-collapse: collapse;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
}

th {
    font-weight: bold;
    background-color: #68ed75;
}

th, td { padding: .2em; }

li { margin-bottom: .25em; }

#copyright {
    background-color: #68ed75;
    -moz-border-radius: .8em .8em;
    padding: .25em .75em .25em .75em;
    border: 1px solid #7073ff;
}

#copyright img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: .5em;
    margin-top: .5em;
}

q {
    font-family: serif;
    font-style: italic;
}

#NavContainer {
    position: fixed;
    right: 3em;
    top: 120px;
    width: 9.5em;
    border: 2px solid #68ed75;
    -moz-border-radius: .8em .8em;
    background-color: white;
    text-align: center;
    margin: 0px;
}
#NavContainer h3 {
    font-size: 90%;
    font-weight: normal;
    background-color: #68ed75;
    margin: 0px;
    padding: .2em 0em .2em 0em;
}
#NavBox {
    font-size: 90%;
    list-style-type: none;
    margin: 0px;
    padding: .2em 0em 0em 0em;
    border-width: 1px 0px 0px 0px;
    border-color: #7073ff;
    border-style: solid;
}
#NavBox li {
    list-style-type: none;
    padding: .2em;
    margin: 0px;
}
#NavBox li.divider {
    border-width: 1px 0px 0px 0px;
    border-color: #68ed75;
    border-style: solid;
}


/* Print-specific stuff ***************************************/

@media print {
	#NavContainer, h1 { display: none; }

	h1, h2, h3, h4, h5, h6 { background-color: #ffffff; border-color: #000000; }

	body {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 100%;
		border-style: none;
		font-family: serif;
	}
}