body {
	margin: 0;
	border: 0;
	background-color: white;
}

h1, h2, h3 {
	font-family: Palatino, Arial, serif;
	margin-bottom:0;
}

/* captions only used for embedded maps on battles */
figcaption {
	font-family: Palatino, Arial, serif;
	font-weight: bold;
	text-align: center;
	font-size: 12pt;
}

/* exhibit and some of the appendix pages still use td */
td {
	font-family: Open Sans, Verdana, Arial, sans-serif;
	font-size: 10pt;
	text-indent: 0pt;
}

#content {
	background-color: white;
}

#menuIcon {
	display: block;
}

/* used by the officer names filter */
.highlight {
	color: red;
	font-weight: bold;
}

/* responsive web design for different screen sizes */
@media only screen and (min-width: 800px) {
	#menuIcon {
		display: none;
	}
}

@media only print {
	#menuIcon {
		display: none;
	}
}

/* this needs to go above the small screen ul li below for the css to work correctly */
li {
    margin: .3em 0;
}

/* space out list items for easier use on touchscreens */
@media only screen and (max-width: 799px) {
    ul li {
        margin: .7em 0;
    }
}

ul li a {
	font-family: Open Sans, Lucida Grande, Tahoma, Verdana, sans-serif;
    font-size: 10pt;
}

ol li {
    font-family: Times New Roman, Times, serif;
}

#menuList li a {
	font-family: Open Sans, Lucida Grande, Tahoma, Verdana, sans-serif;
	font-size: 10pt;
}

/* normal text covers the default font and any links not specifically styled or in a paragraph */
.normalText
{
    font-family: Quattrocento Sans, Lato, Verdana, sans-serif;
    font-size: 11pt;
}

.normalText a:link { text-decoration: none; color: #0000CC; }
.normalText a:visited { text-decoration: none; color: #8900E5; }
.normalText a:active { text-decoration: none; color: #8900E5; }
.normalText a:hover { text-decoration: none; color: #0000FF; }

/* pIndent makes a paragraph of text which should have brighter links*/
.pIndent
{
	text-indent: 25pt;
}

.pIndent A:link { text-decoration: none; color: #007FFF; }
.pIndent A:visited {text-decoration: none; color: #9900FF; }
.pIndent A:active { text-decoration: none; color: #9900FF; }
.pIndent A:hover {text-decoration: underline; color: #0000FF; }

/* attempt to make bibliography styling have proper indentation */
.ulBiblio {
	text-indent: -3em;
	padding-left: 3em;
	list-stye: none;
	list-style-type: none;
}

.liBiblio {
	margin-top: 0.6em;
	font-family: Times New Roman, Times, serif;
}

.liBiblio a {
	font-family: Times New Roman, Times, serif;
	font-size: 11pt;
}

.liBiblio a:hover { text-decoration:underline; }
/* end of bibliography styling */


.listLinks A:hover { text-decoration: underline; }

/* for tiny letters as they appear on the arc de triomphe */
.arcSmall
{
	font-size:60%;
}

/* for names as they appear on the arc de triomphe */
.arcAbbrev
{
	font-size:60%;
	vertical-align:super;
}

.miniMenu A:link { text-decoration: none; color: black; }
.miniMenu A:visited {text-decoration: none; color: black; }
.miniMenu A:active { text-decoration: none; color: black; }
.miniMenu A:hover {text-decoration: none; color: black; }

.incompleteLink A:link { text-decoration: none; color: #00AF00; }
.incompleteLink A:visited {text-decoration: none; color: #00C900; }
.incompleteLink A:active { text-decoration: none; color: #00C900; }
.incompleteLink A:hover {text-decoration: underline; color: #007FFF; }

.completedLink A:link { text-decoration: none; color: #0000CC; }
.completedLink A:visited {text-decoration: none; color: #9457EB; }
.completedLink A:active { text-decoration: none; color: #9457EB; }
.completedLink A:hover {text-decoration: underline; color: #007FFF; }

.wikiLink A:link { text-decoration: none; color: #0645AD }
.wikiLink A:visited {text-decoration: none; color: #9457EB; }
.wikiLink A:active { text-decoration: none; color: #9457EB; }
.wikiLink A:hover {text-decoration: underline; color: #007FFF; }

/* for officer links hover tooltips */
.ui-tooltip-content
{
	font-size: xx-small;
	font-weight: bold;
	text-align: center;
	width: 80px;
}

.battleTooltip
{
	border: 1px solid black;
	margin-top: 8px;
	background: white;
	padding: 5px;
	font-weight: bold;
	white-space:nowrap;
	cursor:pointer;
	
	/* bug in maps where if you double click the map, it highlights the tooltips */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	 user-select: none;
}

/* for marshals page styling */
.marshalLeft { width: 50%; float:left; padding-bottom:25px; }
.marshalRight { width: 50%; float:right; padding-bottom:25px; }
.marshalContainer { text-align:center; }

/* for blockquote style in appendix */
.block { margin: 1em; }


/* for exhibit styling */
.exhibit-toolboxWidget-popup screen { display: none; }

.exhibit-toolboxWidget-button { display: none; }

table.officer {
           border:     1px solid #ddd;
           padding:    0.5em;
       }
div.officerName {
           font-weight: bold;
           font-size:   120%;
       }
       
.exCauseOfDeath {
           font-style:  italic;
           color: #888;
       }

.date {
           color:  #888;
       }

div.officer-thumbnail {
            /*float:      left;*/
            width:      13em;
            height:     12em;
            border:     1px solid gray;
            background: white;
            /*padding:    1em;
            margin:     0.5em;*/
            text-align: center;
        }

/* end of exhibit styling*/