:root {

  --text-color1: #333333;

  --scheme-1-dark: #372c1e;
  --scheme-1-light: #ba7f2c;

  --scheme-2-dark: #212a2f;
  --scheme-2-light: #737f85;

  --scheme-3-dark: #4a4833;
  --scheme-3-light: #d3d7b5;
  --scheme-3-mid: #9aa358;

  --scheme-4-dark: #323205;
  --scheme-4-light: #e6e668;

  --main-font-color-dark:  var(--scheme-3-dark);
  --main-font-color-light: var(--scheme-3-light);
  --main-font-color-mid: var(--scheme-3-mid);

  --text-font-color: var(--scheme-3-dark);
}

@font-face {
    font-family: localFutura;
    src: url(../fonts/futura_medium_bt.ttf);
}

body {
  color: var(--text-font-color);
  font-family: 'localFutura', 'Calibri', 'helvetica neue', sans-serif;
  min-height: 100%;
  height: 100%;
  margin-bottom: 3rem;
}

h4 {
    font-weight: bold;
}

h5 {
    font-weight: bold;
}

h6 {
    font-weight: bold;
}

.mainTitleLarge
{
  color: var(--main-font-color-light);
  text-shadow: 4px 4px var(--main-font-color-dark);
  /*color: #505050;
  text-shadow: 4px 4px #ffffff;*/
  text-align: center;
  background-image: url('../images/border_large.png');
  background-position: center top; 
  background-attachment: fixed;
  background-repeat: no-repeat;
  height: 25rem;
  width: 100%;
  font-family: 'localFutura', 'Futura', 'modern' ;
}

.mainTitleSmall
{
  color: var(--main-font-color-light);
  text-shadow: 4px 4px var(--main-font-color-dark);
  /*color: #505050;
  text-shadow: 4px 4px #ffffff;*/
  text-align: center;
  background-image: url('../images/border_small.png');
  background-position: center top; 
  background-attachment: fixed;
  background-repeat: no-repeat;
  height: 8rem;
  width: 100%;
  font-family: 'localFutura', 'Futura', 'modern' ;
}

.mainTitleLarge h1
{
  vertical-align: middle;
  font-size: 8rem;
  white-space: nowrap;
}

.mainTitleLarge h2
{
  vertical-align: middle;
  font-size: 4rem;
  white-space: nowrap;
}

.mainTitleSmall a
{
  color: inherit;
  text-decoration: none;
}

.mainTitleSmall h1
{
  vertical-align: middle;
  font-size: 6rem;
  white-space: nowrap;
}

.mainNavBarHeader {
  background-color: var(--main-font-color-dark);
  padding: 0px;
}

.mainNavBarItem {
  background-color: var(--main-font-color-dark);
  color: var(--main-font-color-light);
  padding: 0px 40px;
  margin: 0px;
  border: 0px;
  transition: background-color 200ms, color 200ms;
}

.mainNavBarItem:hover {
  background-color: var(--main-font-color-light);
  color: var(--main-font-color);
}

.sideBarCard{
  border: 0px;
}

.sideBarCardTitle{
  margin-top: 6px;
  margin-bottom: 6px;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: var(--main-font-color-light);
  text-indent: 1rem;
}

.sideBarCardTitle a{
  color: var(--main-font-color-dark);
  transition: color 200ms;
  text-decoration: none;
}

.sideBarCardTitle:hover a{
  color: var(--main-font-color-light);
  text-decoration: none;
}

.sideBarList{
  list-style-type: none;
  padding-left:0;
}

.sideBarList li {
  margin-top: 6px;
  margin-bottom: 6px;
  text-indent: 2rem;
  color: var(--main-font-color-dark);
  border: none;
  -webkit-transition: width 200ms; /* For Safari 3.1 to 6.0 */
  transition: text-indent 200ms, color 200ms;
  text-decoration: none;
}

.sideBarList li:hover {
  text-indent: 3rem;
  color: var(--main-font-color-light);
}


.sideBarList li a {
  color: var(--main-font-color-dark);
  text-decoration: none;
}


.sideBarList li a:link {
  color: var(--main-font-color-dark);
}


.sideBarList li a:hover {
  color: var(--main-font-color-light);
}



.sideBarList li .animLine{
  position: absolute;
  margin-top: 6px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding: 0px;

  border-width: 1px 1px 0;
  border-style: solid;
  border-color: var(--main-font-color-light);
  
  width: 0px;
  height: 0px;

  transition: width 200ms;
}

.sideBarList li:hover .animLine{
  width: 100%;
}

.sideBarList li .statLine{
  position: absolute;
  margin-top: 6px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding: 0px;

  border-width: 1px 1px 0;
  border-style: solid;
  border-color: var(--main-font-color-dark); 
  
  width: 100%;
  height: 0px;
}

.footer {
	position: fixed;
	height: 3rem;
	bottom: 0px;
	width: 100%;
	background-color: var(--main-font-color-dark); 
	color: var(--main-font-color-light);
  }

.footText {
	font-size: 0.7rem;
	text-align: center
  }

.errorMsgCommentForm
{
  color: red;
  font-style: italic;
}

.tabNav li a
{
  color: var(--main-font-color-dark); 
}

.tabNav li a:hover
{
  color: var(--main-font-color-light); 
}

.defn
{
  color: var(--main-font-color-mid); 
  text-decoration: underline;
}

p a
{
  color: var(--main-font-color-mid); 
  text-decoration: underline;
}

p a:hover
{
  color: var(--main-font-color-light); 
  text-decoration: underline;
}

.basicAnchorList {
	list-style-type: none;
	padding-left:0;
}
  
.basicAnchorList li {
	margin-top: 6px;
	margin-bottom: 6px;
	text-indent: 2rem;
	color: var(--main-font-color-dark);
	border: none;
	text-decoration: none;
}

.basicAnchorList li a {
	color: var(--main-font-color-dark);
}

.basicAnchorList li a:hover {
	color: var(--main-font-color-light);
	text-decoration: none;
}

.mathformula{
	text-align: center;
}