body
{background-color: #f5f5f5;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:  1em}

p
{font-size:  0.8em;
color: black;
line-height: 100%}

h1
{font-size:  1.1em;
text-align: center;
color: black;
font-weight: bold}

h2
{font-size:  1.0em;
text-align: center;
color: black;
font-weight: bold}

h3
{font-size:  1.0em;
text-align: center;
color: black;
font-weight: normal}

h4
{font-size:  0.9em;
text-align: center;
color: black;
font-weight: bold}

em
{font-style: oblique;
font-weight: normal}

strong
{font-style: normal;
font-weight: bold}

q
{font-style: italic}

cite
{margin-left:  25%}

ul
{list-style-type: disc;
color: black;
text-align: left;
padding-left: 1.2em;
margin: 0%}

.topic
{color: navy;
font-size: 1.2em;
text-align: left;
background-color: #f5f5f5;
padding-bottom:  .3em;
padding-left:  .3em;
padding-right:  .3em;
padding-top:  .3em;
font-weight: bold}

.component
{font-weight: bold;
color: black}

.bodytext
{color: black;
padding-left: 1.2em;
text-align: left}

.version
{padding-bottom: 0em;
line-height: 0.5em}

.important-quote
{background-color: #fbaf0c;
border: thin black solid;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 4em;
margin-right: 30%}

.heading
{margin: auto;
padding-top: 0.5em;
line-height: 50%}


/* These are for the links */

a:link
{color: #666666;
padding: 1px;
border: 1px #f5f5f5}

a:visited
{color: #666666;
padding: 1px;
border: 1px #f5f5f5}

a:active
{color: #666666}

/* a:hover {color: white; background-color: black} */

a:hover {
	background: lightgrey;
	padding: 1px;
	border: 1px solid gray
}

/* Gets rid of default borders around linked images. */

a:link img {border: none;}

a:visited img {border: none;}

a:hover img {border: none;
background-color: transparent}


table
{background-color: black;
border: thin black solid;
font-size:  1em;
height:  200px;
margin-bottom:  3%;
width:  100%}

td
{background-color: #fbaf0c;
border: thin black solid;
font-size:  1em;
margin:   0px;
padding:   1%;
width:  25%}

table img
{border:  1px black solid}