/*****************************/
/* organizational containers */
/*****************************/
.container { /* overall container */
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0;
  padding: 0;
  width: 100%;
}

.container div {
  box-sizing: border-box;
  min-width: 100px;
}

.c1 { /* side-bar / header */
  color: #ddd;
  background-color: #990000;
}

.c2 { /* content */
  color: #333;
  background-color: #ffffff;
  width: fit-content;
}

.c11 { /* div to hold picture in side-bar / header */
}

.c12 { /* div to hold name in side-bar / header */
}

.c13 { /* div to hold menu in side-bar / header */
}

/*************************/
/* text formatting, etc. */
/*************************/
body { /* overall body style */
  font: 100% "Times New Roman", Times, serif;
  background-color: #BBBBBB;
}

.headtitlesmall { /* format for heading title on small screen */
  font-size: 1.5em;
  line-height: 1.5em;
  margin: auto;
  padding-top: 2em;
}

.headtitlelarge { /* format for heading title on large screen */
  text-align: center;
  font-size: 2em;
}

hr.crimsonbar { /* definition of crimson bar to use */
  height: 0.2em;
  width: 87%;
  color: #990000;
  background-color: #990000;
}

/******************************/
/* formatting of content area */
/******************************/

/* heading to use on various pages */
h3.contenttitle {
  text-align: center;
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 0;
}

.content { /* division for overall content area */
}

.content p.heading { /* headings for groups of items */
  margin-left: 2em;
  margin-bottom: 0;
  font-size: 1.05em;
}

.content p.item { /* basic paragraphs listing items */
  margin-left: 4em;
  margin-right: 2em;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0.3em;
  font-size: 0.85em;
}

.content p.itemwithdesc { /* items with description (no bottom margin) */
  margin-left: 4em;
  margin-right: 2em;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.85em;
}

.content p.desc { /* descriptions of items */
  margin-left: 5em;
  margin-right: 2em;
  margin-top: 0;
  margin-bottom: 0.3em;
  font-size: 0.85em;
}

.content p.center { /* format for centered paragraphs */
  margin: auto;
  text-align: center;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1em;
}

.content p.par { /* format for actual text paragraphs (on main page) */
  text-align: left;
  font-size: 1em;
  font-color: #000000;
  margin-bottom: 0.7em;
  margin-top: 0em;
  margin-left: 3em;
  margin-right: 3em;
  padding: 0;
  text-indent: 0;
}

.content a { /* links */
  color: blue;
  text-decoration: none;
}

.content a:hover { /* links when hovered over */
  color: blue;
  text-decoration: underline;
}


/**************************/
/* navigation/menu styles */
/**************************/
.nav {
  position: relative;
  width: 100%; 
  color: #990000;
}

ul.simple-toggle { 
  display: block;
  padding: 0;
  margin-top: 1.5em;
  margin-bottom: 0;
  margin-left: 1.5em;
  margin-right: 1.5em;
  background-color: #990000;
}

ul.simple-toggle li {
  display: block; 
  margin-bottom: 1.2em;
  text-align: center; 
}

ul.simple-toggle li a { 
  display: block; 
  color: #000000;
  font-size: 1.15em;
  line-height: 1.5em;
  background: #FFFFFF;
  outline: none;
  text-decoration: none;
}

ul.simple-toggle li a:hover { 
  color: #990000;
  font-weight: bold;
}

.anchor-link { 
  display: none; 
  text-align: center; 
  color: #000000;
  background-color: #FFFFFF; 
  text-decoration: none; 
  font-size: 1.5em;
  line-height: 1.5em;
  font-weight: bold;
  border-style: inset;
  border-color: #000000;
  margin-left: 0.5em;
  margin-right: 0.5em;
  margin-top: 2em;
  padding-right: 0.2em;
  padding-left: 0.2em;
}
a.anchor-link:hover {
	  color: #990000;
}
a.anchor-link:visited {
	  color: #000000;
}
#mobile-nav { display:none; }