.navIcon {
  font-size: 18pt;
}

.navTextIconLeft, .navTextIconRight {
  font-size: 18pt;
  font-family: Open Sans;
}

.navTextIconLeft {
  padding-left: 10px;
}

.navTextIconRight {
  padding-right: 10px;
}

.navArea {
  background-color: grey;
  padding-top: 10px;
  padding-bottom: 0px;
  width: 100%;
}

.navShadow1 {
  width: 100%;
  background-color: #222;
  height:2px;
}
	
.navShadow2 {
  width: 100%;
  background-color: #555;
  height: 2px;
}

.shadow0 {
  width: 100%;
  background-color: #000;
  height:1px;
}

.shadow1 {
  width: 100%;
  background-color: #222;
  height:1px;
}

.shadow2 {
  width: 100%;
  background-color: #444;
  height:1px;
}

.shadow3 {
  width: 100%;
  background-color: #666;
  height:1px;
}

.shadow4 {
  width: 100%;
  background-color: #888;
  height:1px;
}

.shadow5 {
  width: 100%;
  background-color: #aaa;
  height:1px;
}

.shadow6 {
  width: 100%;
  background-color: #ccc;
  height:1px;
}

.shadow7 {
  width: 100%;
  background-color: #eee;
  height:1px;
}

.pageContainer {
  width: 100%;
}

.pageImage {
  width: 100%;
}

.navItem {
  margin-bottom: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
  padding-top: 0px;
  cursor: pointer;
}

.headerImgSmall {
  width: 100%;
}

.headerImgMedium {
  width: 100%;
}

.headerImgLarge {
  width: 100%;
  max-width: 1600px;
}

.headerDiv {
  width: 100%;
  background-color: black;
}

.leftMarginSmall {
  margin-left: 20px;
}

.rightMarginSmall {
  margin-right: 20px;
}

.bottomMarginSmall {
  margin-bottom: 20px;
}

.topMarginSmall {
  margin-top: 20px;
}

.color1 {
  color: #aa3231;
}

.color2 {
  color: #aa3231;
}

.color3 {
  color: #aa3231;
}

.color4 {
  color: #aa3231;
}

.color5 {
  color: #aa3231;
}

.boldFont {
  font-weight: 600;
}

.smallFont {
  font-size: 10pt;
}

.backwards {
  direction: rtl;
  unicode-bidi: bidi-override;
}

.browserTablePart > td:first-child a,
.browserTablePart > td:first-child + td a {
  font-weight:bold;
}

.browserTableSection > td:first-child + td {
  padding-left: 20px;
}

.browserTablePart > td:first-child + td ~ td,
.browserTableSection > td:first-child + td ~ td {
  text-align: center;
}