body {
background-color: rgb(176, 196, 222);
color: rgb(0, 0, 102);
font-family: Arial, Verdana, 'Times New Roman', serif;
}

h1 {margin: 0 0 1em 0;
font-size: 26px;
padding: 4px;
color: #5692D0;
text-align: center;
font-weight: normal;
background-color: #E6ECF6;}

h2 {margin: 0px;
font-size: 20px;
padding: 4px;
color: #5692D0;
text-align: center;
font-weight: normal;
background-color: #E6ECF6;}

td,th,p,div {font: 16px/24px Verdana, Arial, Helvetica, sans-serif; 
text-align: justify;
color: #000022;}

P:first-letter {font-size: 150%;}

.redbig {
color: rgb(102, 0, 0); 
font-size: 110%;
}

/* to be phased out */
.breadcrumbs {background-color: #F4F7FB;
padding: 2px;
text-align: center;
font: 13px/20px Verdana, Arial, Helvetica, sans-serif;
color: #000022;}

.buttonscontainer {width: 150px;}

.buttons a {color: #000000;
background-color: #77AADD;
padding: 2px;
padding-left: 3px;
display: block;
border-left: 10px solid #E6ECF6;
font: 13px Arial, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: left;
margin: 0 1px 1px 0;}

.buttons a:visited {
border-left: 10px solid #FFCCFF;
background-color: #CC99FF;
text-decoration: none;
color: #000000;
}

.buttons a:visited:hover {
border-left: 10px solid #CC99FF;
background-color: #FFCCFF; 
text-decoration: none;
color: #000000;
}

.buttons a:hover {border-left: 10px solid #77AADD;
background-color: #E6ECF6;
text-decoration: none;
color: #000000;}

.caption {
border: 1px solid #339;
background-color: #004;
color:  #E6ECF6;
margin: 0.4em;
padding: 0.4em;
text-align: center;
font-family: Arial, Verdana, 'Times New Roman', serif;
font-weight: bold;
font-size: small;
}

abbr {
border-bottom-style: dotted 1px;
}

/* begin menu */
ul {padding: 0; margin: 0;}
ul li {list-style-type: none;
  position: relative; margin: 0; padding: 0;
}

ul ul {display: none;} /* submenu is not displayed by default */

/*
display:block; displays the submenu when hovered over the parent
position: absolute; is so that it isn't part of the normal page flow
top: 0; so that the submenu displays at the same horizontal position
        instead of below it
left: 100%; so that parent is 100% to the left of child, so that child
        doesn't overlap parent
*/
ul li:hover > ul {display: block; position: absolute; top: 0; left: 100%;}

ul ul {width: 10em;}
/* end menu */

li.wwii {
list-style-type: disc;
list-style-position: outside;
margin-top: 1em;
margin-left: 2em;
margin-right: 2em;
font-family: Arial, Verdana, 'Times New Roman', serif;
}