.t8
  {
  font-size: 8.0pt;
  }
.t10
  {
  font-size: 10.0pt;
  }
.t12
  {
  font-size: 12.0pt;
  }
.t14
  {
  font-size: 14.0pt;
  }

html {
		height:100%;
		padding:0;
		margin:0;
		border:0;
		font-size:76%;
		font-family: 'exomedium', sans-serif;
		background: url(https://www.ringrealms.com/content/images/rrbackground.jpg);
		  background-position: 0 0;
		background-attachment: fixed;
		background-repeat: no-repeat;
}
.fsnorm {
	font-size: 11pt;
}
.marginleftem {
	margin-left: 6em;
}


@media screen
  and (min-device-width: 800px)
  and (max-device-width: 1024px) {

.fsnorm {
	font-size: 8pt;
}
.marginleftem {
	margin-left: 1em;
}

}
@media screen
  and (min-device-width: 1025px)
  and (max-device-width: 1199px) {

.fsnorm {
	font-size: 9pt;
}
.marginleftem {
	margin-left: 2em;
}

}

@media screen
  and (min-device-width: 1200px)
  and (max-device-width: 1600px)
  and (-webkit-min-device-pixel-ratio: 1) {

 .fsnorm {
	font-size: 10pt;
}
.marginleftem {
	margin-left: 3em;
}

}

/* ----------- Retina Screens ----------- */
@media screen
  and (min-device-width: 1200px)
  and (max-device-width: 1600px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) {
 .fsnorm {
	font-size: 10pt;
}
.marginleftem {
	margin-left: 3em;
}

}
@media screen
  and (min-device-width: 1601px)
  and (max-device-width: 1920px) {
 .fsnorm {
		font-size: 11pt;
	}
	.marginleftem {
		margin-left: 4em;
	}
}

@media (min-width: 1921px) {
	html {
	height:100%;
	padding:0;
	margin:0;
	border:0;
	font-size:76%;
	font-family: 'exomedium', sans-serif;
	background: url(https://www.ringrealms.com/content/images/rrbackground.jpg);
	  background-position: 0 0;
	background-attachment: fixed;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
}

@media screen
  and (min-device-width: 1921px)
  and (max-device-width: 2560px) {
 .fsnorm {
	font-size: 12pt;
}
.marginleftem {
	margin-left: 4em;
}

}
@media screen
  and (min-device-width: 2561px)
  and (max-device-width: 3840px) {

.fsnorm {
	font-size: 13pt;
}
.marginleftem {
	margin-left: 6em;
}

}
@media screen
  and (min-device-width: 3841px)
  and (max-device-width: 4096px) {

	.fsnorm {
		font-size: 14pt;
	}
	.marginleftem {
		margin-left: 8em;
	}

}
@media screen
  and (min-device-width: 4097px)
  and (max-device-width: 8192px) {

	.fsnorm {
		font-size: 15pt;
	}
	.marginleftem {
		margin-left: 10em;
	}
}

#maintitle {
	 margin-top:15px;
   font-family: 'exoextrabolditalic', sans-serif;
   text-transform:uppercase;
   font-size:48px;
   color: white;
   font-weight:900;
   text-shadow: 5px 6px #333333;
   margin-bottom: 0px;
}
#maintitle a { text-decoration: none }
#maintitle a:hover {
  text-align:center;
  font-size:48px;
  color:#fff;
  font-weight:800;
  animation:blur .75s ease-out 2;
  text-shadow:0px 5px 6px  #333333,
      0px 5px 7px  #333333;

  -webkit-animation: blur .75s ease-out 2; /* Safari 4+ */
     -moz-animation: blur .75s ease-out 2; /* Fx 5+ */
       -o-animation: blur .75s ease-out 2; /* Opera 12+ */
          animation: blur .75s ease-out 2; /* IE 10+ */
}
#contentnoscroll {display:block; height:100%; max-height:100%; overflow:hidden; padding-left:200px; position:relative; z-index:3}
#head {position:fixed; margin:0; top:0; right:0px; display:block; width:100%; height:120px; font-size:4em; z-index:2; color:#fff;}

#headbuttons { display:block; position:relative; bottom:50px; height: 38px; width:950px; margin-left: auto; margin-right: auto; background:transparent; clear:both; }
.headbuttons  ul { display:inline; width:185px; float:left; font-family:'UniqueRegular', 'exomedium', sans-serif;}
.headbuttons span { display:block; height:36px; float:left; background:transparent; left:0px; padding:1px; transition: all 0.5s ease;}

/* style the links and place the background image to start from left edge */
.headbuttons span a {position:relative; display:block;  height:36px; width:180px;  background:url(https://www.ringrealms.com/buttonCover.png) -0px 0px no-repeat; color:#000; text-decoration:none; font-size:18px; font-weight:700; font-family:'UniqueRegular', 'exomedium', sans-serif; text-align:center; line-height:35px}

.headbuttons span a b {margin:0px; display:inline; float:left; height:36px; background:transparent url(https://www.ringrealms.com/buttonCover.png) -0px 0px no-repeat; padding:0px; color:#fff;}

/* style the link hover and the link hover b to replace the background image - border:0 needed for IE6 to work */
.headbuttons span a:hover, .headbuttons span a:hover b {border:0; background:transparent url(https://www.ringrealms.com/buttonCover.png) 0px -37px no-repeat; cursor:pointer; color: white; font-size:18px; font-weight:900;}

.headbuttons span:hover {
   font-family:'UniqueRegular', 'exomedium', sans-serif;
   height:40px;
   font-size:19px;
   color: white;
   font-weight:800;
   text-shadow: 2px 3px #333333;
   background:transparent url(https://www.ringrealms.com/buttonCover.png) 0px -37px no-repeat;
}


.container {
	 position: relative;
	 display: block;
   height: 100%;
   overflow: visible;
   background-color: transparent;
}

#banner {
	display: block;
	width: 100%;
	height: 124px;
	background: white;
}

@keyframes blur{
  from{
      text-shadow:
      0px 5px 6px  #333333,
      0px 0px 7px #fff,
      0px 0px 7px #fff,
      0px 0px 12px #fff,
      0px 0px 12px #fff,
      0px 0px 12px #fff,
      0px 0px 12px #fff,
      0px 0px 12px #fff,
      0px 0px 12px #fff,
      0px 0px 20px #fff,
      0px 0px 20px #fff,
      0px 0px 20px #7B96B8,
      0px 0px 40px #7B96B8,
      0px 10px 30px #7B96B8,
      0px 10px 30px #7B96B8,
      0px 10px 30px #7B96B8,
      0px 10px 30px #7B96B8,
      0px -10px 30px #7B96B8,
      0px -10px 30px #7B96B8;
  }
  to {
      text-shadow:
      0px 5px 6px  #333333;
     }

}
@-webkit-keyframes  blur { /* Safari and Chrome */
  from{
      text-shadow:
      0px 5px 6px  #333333,
      0px 0px 7px #fff,
      0px 0px 7px #fff,
      0px 0px 12px #fff,
      0px 0px 12px #fff,
      0px 0px 12px #fff,
      0px 0px 12px #fff,
      0px 0px 12px #fff,
      0px 0px 12px #fff,
      0px 0px 20px #fff,
      0px 0px 20px #fff,
      0px 0px 20px #7B96B8,
      0px 0px 40px #7B96B8,
      0px 10px 30px #7B96B8,
      0px 10px 30px #7B96B8,
      0px 10px 30px #7B96B8,
      0px 10px 30px #7B96B8,
      0px -10px 30px #7B96B8,
      0px -10px 30px #7B96B8;
  }
}


#remainwidth {
	width: 100%;
}

#titlebg {
	  position: relative;
	  display: block;
		height: 144px;
		width: 95%;
		font-family: 'exoextrabolditalic', sans-serif;
		font-weight: 900;
		color: #ffffff;
		margin-right: 10px;
		margin-left: 	20px;
		margin-bottom: 20px;

		background:rgba(000,255,255,0.5);
    padding: 10px 20px 0px 20px;
    border-radius: 18px;
    clear:both;
    text-shadow: 1px 1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, -1px -1px 0 #000;

 }

.exowhite {
	  font-family: 'exoextrabolditalic', sans-serif;
	  font-weight: 900;
		color: #000;
		text-shadow: 1px 1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, -1px -1px 0 #fff;
		line-height: 65%;
}

#persondesc {
     line-height: 150%;
}

#persondesc  p {
		 margin-top: 0px;
		 margin-bottom: 5px;
}

.exopersonalitytitle {
	  padding: 0px;
	  margin-top: 4px;
	  margin-left: 30px;
	  margin-bottom: 2px;
	  font-family: 'exoextrabolditalic', sans-serif;
	  font-size: 30px;
	  font-weight: 900;
		color: #000;
		text-shadow: 1px 1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, -1px -1px 0 #fff;
		letter-spacing: 2px;
}

.personalityfld {
            font-family: 'exomedium', Narrow, Helvetica, sans-serif;
              font-size: 12.5pt;
            font-weight: bold;
                  color: blue;
             font-style: normal;
             text-align: right;
         vertical-align: top;
         }
.personalitydef {  font-family: 'exomedium', Narrow, Helvetica, sans-serif;
              font-size: 12pt;
            font-weight: normal;
                  color: black;
             font-style: normal;
         vertical-align: top;
        }

.page_content {
	  position: relative;
	  display: block;
		width: 95%;
		font-family: 'exomedium', helvetica;
		font-size: 14px;
		font-weight: 500;
		color: #000000;
		background: white;
		padding: 20px;
  margin-top: 	20px;
		margin-right: 30px;
		margin-left: 	20px;
    border-radius: 18px 18px 00px 00px;
    z-index: 1;
    overflow: visible !important;
    clear: both;
    line-height: 150%;
}


.page_content p {
		 margin-top: 0px;
		 margin-bottom: 5px;
}

.indent p  {
	text-indent: 2em;
}

.blk {
	color: black;
}

.p20 {
	margin: 20px;
}

.p40 {
	margin-top: 20px;
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 20px;
}
.p60 {
	margin-top: 20px;
	margin-left: 60px;
	margin-right: 60px;
	margin-bottom: 20px;
}

.p80 {
	margin-top: 20px;
	margin-left: 80px;
	margin-right: 80px;
	margin-bottom: 20px;
}

h1
  {
  page-break-after:avoid;
  font-size:28px;
  font-family: 'exoextrabolditalic', sans-serif;
	line-height: 30px;
  }
h2
  {
  page-break-after:avoid;
  font-size:23px;
  font-family: 'exoextrabolditalic', sans-serif;
	line-height: 25px;
  }
h3
  {
  page-break-after:avoid;
  font-size:18px;
  font-family: 'exoextrabolditalic', sans-serif;
	line-height: 20px;
  }
h4
  {
  page-break-after:avoid;
  font-size:17px;
  font-family: 'exoextrabolditalic', sans-serif;
  }
h5
  {
  page-break-after:avoid;
  font-size:14px;
  font-family: 'exoextrabolditalic', sans-serif;
  }
h6
  {
  page-break-after:avoid;
  font-size:11px;
  font-family: 'exoextrabolditalic', sans-serif;
  }

.list {
  text-align: left;
  page-break-after:avoid;
  font-size: 10.0pt;
  font-family: "'exomedium', Narrow";
  font-weight: normal;
  }
.norm
  {
  font-size:10.0pt;
  }


.twhite {
     color  : white;
}

span.fic
  {
  font-family: 'exomedium';
  text-indent: 0.5in;
  font-size: 12pt;
  color: blue;
  }
.info
  {
  text-align: center;
  page-break-after:avoid;
  font-size: 10.0pt;
  font-family: "exomedium";
  font-weight: bold;
  font-style: normal;
  }
p.list  {
  text-indent: 0in;
  margin-left: 0.5in;
  }

.copyright {
  text-align: center;
  page-break-after:avoid;
  font-size: 7.0pt;
  font-family:"exomedium";
  font-weight: bold;
  font-style: italic;
  }

.newsbar {
             position: relative;
                  top: 5px;
                 left: 35%;
                width: 500px;
               height: 36px;
               margin: 0;
              padding: 0;
         border-width: 0;
           text-align: center;
                color: black;
            font-size: 10pt;
       vertical-align: top;
     background-color: transparent;
              z-index: 3;
}
.barsettings {
             position: absolute;
                  top: 5px;
                 left: 35%;
                width: 520px;
               height: 36px;
               margin: 0;
              padding: 0;
         border-width: 0;
           text-align: center;
                color: black;
            font-size: 10pt;
       vertical-align: top;
     background-color: transparent;
              z-index: 2;
}

.volumebox {
              width: 100%;
             margin: 0;
            padding: 0;
       border-width: 0;
          font-size: 10pt;
       border-color: transparent;
   background-color: transparent;
    border-collapse: collapse;
            z-index: 1;

}
.layer0 {
            z-index: 1;
}
.layer1 {
            z-index: 2;
}
.layer2 {
            z-index: 3;
}
.layer3 {
            z-index: 4;
}
.layer4 {
            z-index: 5;
}

.mascot {
          position: relative;
         font-size: 10.0pt;
       font-family:"Times New Roman";
       font-weight: normal;
        font-style: normal;
    vertical-align: top;
      border-style: none;
      border-width: 0px;
             float: right;
}


.nlinks1 {
           position:relative;
        font-family: 'exomedium';
          font-size: 10px;
        font-weight: 600;
              color: white;
   background-color: #EFEFEF;
         text-align: center;
            z-index: 3;
}
.nlinks2 {
           position:relative;
        font-family: 'exomedium';
          font-size: 10px;
        font-weight: 500;
              color: black;
   background-color: #EFEFEF;
         text-align: center;
            z-index: 3;
}

a.news:link {
     color : #000000;
     background-color: #EFEFEF;
 }

a.news:visited {
     color: #000000;
     background-color: #EFEFEF;
}
a.news:hover {
     color: #008FFF;
     background-color: #000000;
     text-decoration: underline;
}
a.news:active {
     color : #000000;
     background-color: #EFEFEF;
}

.nheader {
         font-size: 12.0pt;
       font-family:"Times New Roman";
       font-weight: bold;
        font-style: normal;
             color: white;
    vertical-align: top;
            margin: 0px;
           padding: 2px;
      border-style: none;
      border-width: 0px;
  background-color: transparent;
           z-index: 0;
}
.nfooter {
         font-size: 10.0pt;
       font-family:"Times New Roman";
       font-weight: bold;
        font-style: normal;
             color: black;
    vertical-align: top;
            margin: 0px;
           padding: 2px;
      border-style: none;
      border-width: 0px;
  background-color: transparent;
           z-index: 0;
}


.newsheader {
         font-size: 12.0pt;
       font-family:"Times New Roman";
       font-weight: bold;
        font-style: normal;
             color: white;
    vertical-align: top;
            margin: 0px;
           padding: 0px;
      border-style: none;
      border-width: 0px;
  background-color: #4C4CD3;
  background-color: transparent;

           z-index: 0;
}
.newscell {
         font-size: 11.0pt;
       font-family:"Times New Roman";
       font-weight: normal;
        font-style: normal;
             color: black;
    vertical-align: top;
            margin: 0px;
           padding: 0px;
      border-style: none;
      border-width: 0px;
  background-color: #E5E5E5;
           z-index: 0;

}
.newsbody {
             width: 100%;
         font-size: 11.0pt;
       font-family:"Times New Roman";
       font-weight: normal;
        font-style: normal;
             color: black;
    vertical-align: top;
            margin: 0px;
           padding: 0px;
      border-style: none;
      border-width: 0px;
      border-color: #005EAA;
  background-color: #C5C5C5;
           z-index: 0;
}
.newsbodyf {
             width: 100%;
         font-size: 10px;
       font-family:"exomedium";
       font-weight: normal;
        font-style: normal;
             color: black;
    vertical-align: top;
            margin: 0px;
           padding: 0px;
      border-style: none;
      border-width: 0px;
      border-color: #005EAA;
  background-color: #C5C5C5;
           z-index: 0;
}

.newscontent {
             width: 100%;
         font-size: 11.0pt;
       font-family:"Times New Roman";
       font-weight: normal;
        font-style: normal;
             color: black;
    vertical-align: top;
            margin: 0px;
           padding: 10px;
      border-style: none;
      border-width: 0px;
      border-color: #005EAA;
  background-color: #E5E5E5;
           z-index: 0;

}


      .seriesgrad {
        padding: 10px;
        background: #1e5799; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI5ODlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzIwN2NjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-8 */
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        -khtml-border-radius: 15px;
        border-radius: 15px;
        font-size:18px; color:white; font-weight:800; font-family:'exomedium', Arial, sans-serif;
      }

      .rcorn15 {
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        -khtml-border-radius: 15px;
        border-radius: 15px;
      }

      .blurbbox {
        display: block;
        border-color: #000;
        border-width: 2px;
        border-style: solid;
        text-align: left;
        font-family:'exomedium', Arial, sans-serif;
        font-size: 13px;
        font-weight: 600px;
        color: blue;
        padding: 10px;
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: #fcfff4; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmY2ZmZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiNkZmU1ZDciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjNiZWFkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-radial-gradient(center, ellipse cover,  #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); /* FF3.6+ */
        background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#fcfff4), color-stop(40%,#dfe5d7), color-stop(100%,#b3bead)); /* Chrome,Safari4+ */
        background: -webkit-radial-gradient(center, ellipse cover,  #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* Chrome10+,Safari5.1+ */
        background: -o-radial-gradient(center, ellipse cover,  #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* Opera 12+ */
        background: -ms-radial-gradient(center, ellipse cover,  #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* IE10+ */
        background: radial-gradient(ellipse at center,  #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
        border-radius: 10px;
      }
      .authnotes {
        display: block;
        border-color: #000;
        border-width: 2px;
        border-style: solid;
        text-align: left;
        font-family:'exomedium', Arial, sans-serif;
        font-size: 13px;
        font-weight: 600px;
        color: black;
        padding: 10px;
        text-indent: 24pt;
        background: #c3d9ff; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MzZDlmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQxJSIgc3RvcC1jb2xvcj0iI2IxYzhlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OGIwZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #c3d9ff 0%, #b1c8ef 41%, #98b0d9 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c3d9ff), color-stop(41%,#b1c8ef), color-stop(100%,#98b0d9)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #c3d9ff 0%,#b1c8ef 41%,#98b0d9 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #c3d9ff 0%,#b1c8ef 41%,#98b0d9 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #c3d9ff 0%,#b1c8ef 41%,#98b0d9 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #c3d9ff 0%,#b1c8ef 41%,#98b0d9 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3d9ff', endColorstr='#98b0d9',GradientType=0 ); /* IE6-8 */
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
        border-radius: 10px;
      }
      .commnotes {
        display: flex;
        flex-direction: column;
        min-height: 50vh;
        border-color: #000;
        border-width: 2px;
        border-style: solid;
        text-align: left;
        font-family:'exomedium', Arial, sans-serif;
        font-size: 12pt;
        font-weight: 600px;
        color: black;
        padding: 20px;
        text-indent: 24pt;
        background: #c3d9ff; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MzZDlmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQxJSIgc3RvcC1jb2xvcj0iI2IxYzhlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OGIwZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #c3d9ff 0%, #b1c8ef 41%, #98b0d9 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c3d9ff), color-stop(41%,#b1c8ef), color-stop(100%,#98b0d9)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #c3d9ff 0%,#b1c8ef 41%,#98b0d9 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #c3d9ff 0%,#b1c8ef 41%,#98b0d9 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #c3d9ff 0%,#b1c8ef 41%,#98b0d9 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #c3d9ff 0%,#b1c8ef 41%,#98b0d9 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3d9ff', endColorstr='#98b0d9',GradientType=0 ); /* IE6-8 */
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
        border-radius: 10px;
      }

      .commnotes p {
        font-size: 12pt;
      }
      .commnotes2 {
        display: flex;
        flex-direction: column;
        min-height: 50vh;
        border-color: #000;
        border-width: 2px;
        border-style: solid;
        text-align: left;
        font-family:'exomedium', Arial, sans-serif;
        font-size: 13pt;
        font-weight: 600px;
        color: black;
        padding: 20px;
        text-indent: 24pt;
        background: #c3d9ff; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MzZDlmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQxJSIgc3RvcC1jb2xvcj0iI2IxYzhlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OGIwZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #c3d9ff 0%, #b1c8ef 41%, #98b0d9 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c3d9ff), color-stop(41%,#b1c8ef), color-stop(100%,#98b0d9)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #c3d9ff 0%,#b1c8ef 41%,#98b0d9 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #c3d9ff 0%,#b1c8ef 41%,#98b0d9 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #c3d9ff 0%,#b1c8ef 41%,#98b0d9 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #c3d9ff 0%,#b1c8ef 41%,#98b0d9 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3d9ff', endColorstr='#98b0d9',GradientType=0 ); /* IE6-8 */
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
        border-radius: 10px;
      }
      .commnotes2 p {
        font-size: 13pt;
      }
      #excerpt p {
        font-size: 14pt;
      }
      .seriesgradl {
        padding: 10px;
        background: #ed9017; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZWQ5MDE3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y2ZTZiNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: -moz-linear-gradient(45deg,  #ed9017 0%, #f6e6b4 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#ed9017), color-stop(100%,#f6e6b4)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(45deg,  #ed9017 0%,#f6e6b4 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(45deg,  #ed9017 0%,#f6e6b4 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(45deg,  #ed9017 0%,#f6e6b4 100%); /* IE10+ */
        background: linear-gradient(45deg,  #ed9017 0%,#f6e6b4 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed9017', endColorstr='#f6e6b4',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        -khtml-border-radius: 15px;
        border-radius: 15px;
        font-size:22px; color:white; font-weight:800; font-family:'exomedium', Arial, sans-serif;
      }

      .bookentryl {
        display: block;
        border-color: #000;
        border-width: 2px;
        border-style: solid;
        text-align: left;
        font-family:'exomedium', Arial, sans-serif;
        font-size: 14px;
        font-weight: 600px;
        color: black;
        padding: 5px;
        text-indent: 24pt;
        background: #ed9017; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZWQ5MDE3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y2ZTZiNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: -moz-linear-gradient(45deg,  #ed9017 0%, #f6e6b4 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#ed9017), color-stop(100%,#f6e6b4)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(45deg,  #ed9017 0%,#f6e6b4 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(45deg,  #ed9017 0%,#f6e6b4 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(45deg,  #ed9017 0%,#f6e6b4 100%); /* IE10+ */
        background: linear-gradient(45deg,  #ed9017 0%,#f6e6b4 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed9017', endColorstr='#f6e6b4',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
        border-radius: 10px;
      }

      .seriesgradm {
        padding: 10px;
        background: #feccb1; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmVjY2IxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjE3NDMyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjZWE1NTA3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZiOTU1ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: -moz-linear-gradient(45deg,  #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#feccb1), color-stop(50%,#f17432), color-stop(51%,#ea5507), color-stop(100%,#fb955e)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(45deg,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(45deg,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(45deg,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* IE10+ */
        background: linear-gradient(45deg,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1', endColorstr='#fb955e',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        -khtml-border-radius: 15px;
        border-radius: 15px;
        font-size:22px; color:white; font-weight:800; font-family:'exomedium', Arial, sans-serif;
      }


      .bookentrym {
        display: block;
        border-color: #000;
        border-width: 2px;
        border-style: solid;
        text-align: left;
        font-family:'exomedium', Arial, sans-serif;
        font-size: 14px;
        font-weight: 600px;
        color: black;
        padding: 5px;
        text-indent: 24pt;
        background: #feccb1; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmVjY2IxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjE3NDMyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjZWE1NTA3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZiOTU1ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: -moz-linear-gradient(45deg,  #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#feccb1), color-stop(50%,#f17432), color-stop(51%,#ea5507), color-stop(100%,#fb955e)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(45deg,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(45deg,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(45deg,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* IE10+ */
        background: linear-gradient(45deg,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1', endColorstr='#fb955e',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
        border-radius: 10px;
      }

      .seriesgradr {
        padding: 10px;
        background: #b4e391; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYjRlMzkxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNjFjNDE5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2I0ZTM5MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: -moz-linear-gradient(45deg,  #b4e391 0%, #61c419 50%, #b4e391 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#b4e391), color-stop(50%,#61c419), color-stop(100%,#b4e391)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(45deg,  #b4e391 0%,#61c419 50%,#b4e391 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(45deg,  #b4e391 0%,#61c419 50%,#b4e391 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(45deg,  #b4e391 0%,#61c419 50%,#b4e391 100%); /* IE10+ */
        background: linear-gradient(45deg,  #b4e391 0%,#61c419 50%,#b4e391 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        -khtml-border-radius: 15px;
        border-radius: 15px;
        font-size:22px; color:white; font-weight:800; font-family:trebuchet ms, tahoma, verdana, arial, sans-serif;
      }


      .bookentryr {
        display: block;
        border-color: #000;
        border-width: 2px;
        border-style: solid;
        text-align: left;
        font-family:'exomedium', Arial, sans-serif;
        font-size: 14px;
        font-weight: 600px;
        color: black;
        padding: 5px;
        text-indent: 24pt;
        background: #b4e391; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYjRlMzkxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNjFjNDE5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2I0ZTM5MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: -moz-linear-gradient(45deg,  #b4e391 0%, #61c419 50%, #b4e391 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#b4e391), color-stop(50%,#61c419), color-stop(100%,#b4e391)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(45deg,  #b4e391 0%,#61c419 50%,#b4e391 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(45deg,  #b4e391 0%,#61c419 50%,#b4e391 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(45deg,  #b4e391 0%,#61c419 50%,#b4e391 100%); /* IE10+ */
        background: linear-gradient(45deg,  #b4e391 0%,#61c419 50%,#b4e391 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
        border-radius: 10px;
      }


      h4.booktitle {
        font-family:'exoblack', Arial, sans-serif;
        font-size: 24px;
        color: black;
        font-weight: 800;
        text-shadow: 2px 3px #ffffff;
        margin-top: 10px;
      }
      .bookintro p {
        font-family:'exomedium', Arial, sans-serif;
        font-size: 16px;
        font-weight: 700;
        /*
        margin-top: -20px;
        */
        margin-left: -25px;
      }

			.bookintro b {
        font-size: 18px;
        font-weight: 700;
      }


      .gradbox {
        background: #397041; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM5NzA0MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2QxY2M0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU0JSIgc3RvcC1jb2xvcj0iI2QxY2M0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc5JSIgc3RvcC1jb2xvcj0iI2ZmNjYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNzIyMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #397041 0%, #d1cc4f 47%, #d1cc4f 54%, #ff6600 79%, #c72200 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#397041), color-stop(47%,#d1cc4f), color-stop(54%,#d1cc4f), color-stop(79%,#ff6600), color-stop(100%,#c72200)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #397041 0%,#d1cc4f 47%,#d1cc4f 54%,#ff6600 79%,#c72200 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #397041 0%,#d1cc4f 47%,#d1cc4f 54%,#ff6600 79%,#c72200 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #397041 0%,#d1cc4f 47%,#d1cc4f 54%,#ff6600 79%,#c72200 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #397041 0%,#d1cc4f 47%,#d1cc4f 54%,#ff6600 79%,#c72200 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#397041', endColorstr='#c72200',GradientType=0 ); /* IE6-8 */
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        -khtml-border-radius: 15px;
        border-radius: 15px;
        min-width:120px;
				margin-top:0px;
      }


      .timelinefill  {
/*       top:5px; bottom:5px;
       height:101%; max-height:100%;
 */
 			 display: inline;
 			 position: relative;
 			 margin-right: 30px;
       font-family:'exoblack', Arial, sans-serif;
       font-size: 28px;
       color: black;
       font-weight: 900;
       text-shadow: 2px 3px #ffffff;
      }
      .timelinefill p {
       margin-top: -20px;
       text-indent: 0px;
       clear: both;
       line-hieght: 10px;
      }


      .timelinefill h3 {
			 display: block;
       position: relative;
       font-size: 26px;
       color: black;
       font-weight: 700;
       text-shadow: 2px 3px #ffffff;
       text-indent: 0px;
       clear: both;
       margin-top: -20px;
      }


H1.gloss  { font-family: 'exoextrabold','Times New Roman', Roman, serif; font-style: normal;
        font-weight: bold; font-size: 18.0pt; color: #0000CC;
        text-align: center; vertical-align: middle }
H2.gloss  { font-family: 'exoextrabold',Times New Roman, Roman, serif; font-style: normal;
        font-weight: bold; font-size: 14.0pt; color: #FFFFFF;
        text-align: center; vertical-align: middle; background-color: #0000CC; }

table.gloss { font-family: 'exomedium', Helvetica, sans-serif; font-style: normal;
        font-weight: normal; font-size: 9.0pt; color: #000000;
        text-align: left;  background-color: #FFFFFF;}
tr.head { font-family: 'exomedium', Helvetica, sans-serif; font-style: normal;
        font-weight: bold; font-size: 11pt; color: #FFFFFF; background-color: #0000CC;
        text-align: center;  }
font.tofromFL { font-family: 'exomedium','Times New Roman', Roman, serif; font-style: italic;
        font-weight: bold; font-size: 18.0pt; color: #FFFFFF;
        text-align: right; vertical-align: baseline;  }
font.tofromi  { font-family: 'exomedium','Times New Roman', Roman, serif; font-style: italic;
        font-weight: bolder; font-size: 14.0pt; color: #FFFFFF;
        text-align: right; vertical-align: baseline;  }
font.tofrom { font-family: 'exomedium','Times New Roman', Roman, serif; font-style: normal;
        font-weight: bolder; font-size: 14.0pt; color: #FFFFFF;
        text-align: right; vertical-align: baseline;  }
.tofrom { font-family: 'exomedium','Times New Roman', Roman, serif; font-style: normal;
        font-weight: bolder; font-size: 14.0pt; color: #FFFFFF;
        text-align: right; vertical-align: baseline; display: block; white-space: normal;
        word-break: break-word; margin: 0; }
a.adv     { font-family: 'exomedium','Times New Roman', Roman, serif; font-style: italic;
        font-weight: bold; font-size: 24pt; color: #000000;
        text-align: left;  text-decoration: none }
td.termletter { font-family: 'exoextrabold','Times New Roman', Roman, serif; font-style: italic;
        font-weight: bold; font-size: 24pt; color: #000000;
        text-align: left; white-space: nowrap; width: 180px; vertical-align: middle; }

div.w { font-family: 'exomedium', Helvetica, sans-serif; font-style: normal;
        font-weight: 400; font-size: 14pt; color: #000; text-align: center;}
div.w h2 a:link    { font-family: 'exoextrabolditalic', sans-serif; font-size:23px; color: red; }
div.w h2 a:visited { font-family: 'exoextrabolditalic', sans-serif; font-size:23px; color: green; }
div.w h2 a:hover   { font-family: 'exoextrabolditalic', sans-serif; font-size:23px; color: yellow; }
div.w h2 a:active  { font-family: 'exoextrabolditalic', sans-serif; font-size:23px; color: blue }
div.w h2 b a:link    { font-family: 'exoextrabolditalic', sans-serif; font-size:23px; color: red; }
div.w h2 b a:visited { font-family: 'exoextrabolditalic', sans-serif; font-size:23px; color: green; }
div.w h2 b a:hover   { font-family: 'exoextrabolditalic', sans-serif; font-size:23px; color: yellow; }
div.w h2 b a:active   { font-family: 'exoextrabolditalic', sans-serif; font-size:23px; color: blue; }

div.w a:link      { color: red; font-size: 14pt; font-weight: 400;}
div.w a:visited   { color: green; font-size: 14pt; font-weight: 400;}
div.w a:hover     { color: yellow; font-size: 14pt; font-weight: 400;}
div.w a:active     { color: blue; font-size: 14pt; font-weight: 400;}
div.w b a:link    { color: red; font-size: 14pt; font-weight: bold;}
div.w b a:visited { color: green; font-size: 14pt; font-weight: bold;}
div.w b a:hover   { color: yellow; font-size: 14pt; font-weight: bold;}
div.w b a:active   { color: blue; font-size: 14pt; font-weight: bold;}



td.termnorm { font-family: 'exomedium', Helvetica, sans-serif; font-style: normal;
        font-weight: normal; font-size: 10.0pt; color: #000000;
        text-align: right;  }
td.termprop { font-family: 'exomedium', Helvetica, sans-serif; font-style: normal;
        font-weight: bolder; font-size: 10.0pt; color: #000000;
        text-align: right;  }
td.termsirn { font-family: 'exomedium', Helvetica, sans-serif; font-style: normal;
        font-weight: normal; font-size: 10.0pt; color: #000000;
        text-align: right;  }
td.termdial { font-family: 'exomedium', Helvetica, sans-serif; font-style: italic;
        font-weight: bolder; font-size: 10.0pt; color: #0000CC;
        text-align: right; }
td.termlocn { font-family: 'exomedium', Helvetica, sans-serif; font-style: normal;
        font-weight: normal; font-size: 10.0pt; color: #000000;
        text-align: right;  }
td.termabst { font-family: 'exomedium', Helvetica, sans-serif; font-style: italic;
        font-weight: bold; font-size: 10.0pt; color: #CC00CC;
        text-align: right; }
td.defnnorm { font-family: 'exomedium',Times New Roman, Roman, serif; font-style: normal;
        font-weight: normal; font-size: 11pt; color: #000000;
        text-align: left;  }
td.defnprop { font-family: 'exomedium',Times New Roman, Roman, serif; font-style: normal;
        font-weight: normal; font-size: 11pt; color: #000000;
        text-align: left;  }
td.defnsirn { font-family: 'exomedium',Times New Roman, Roman, serif; font-style: normal;
        font-weight: normal; font-size: 11pt; color: #000000;
        text-align: left;  }
td.defndial { font-family: 'exomedium',Times New Roman, Roman, serif; font-style: normal;
        font-weight: normal; font-size: 11pt; color: #000000;
        text-align: left; }
td.defnlocn { font-family: 'exomedium',Times New Roman, Roman, serif; font-style: normal;
        font-weight: normal; font-size: 11pt; color: #000000;
        text-align: left;  }
td.defnabst { font-family: 'exomedium',Times New Roman, Roman, serif; font-style: normal;
        font-weight: normal; font-size: 11pt; color: #000000;
        text-align: left; }
a.inref   {   font-family: 'exomedium',Times New Roman, Roman, serif; font-style: normal;
        font-weight: bolder; font-size: 11.5pt; color: #0000CC;
        text-decoration: none }
a.outref  {   font-family: 'exomedium', Narrow, Helvetica, sans-serif; font-style: normal;
        font-weight: bolder; font-size: 9.0pt; color: #0000CC;
        text-decoration: underline }
a.lref  {   font-family: 'exomedium', Helvetica, sans-serif; font-style: normal;
        font-weight: bolder; font-size: 9.0pt; color: #0000CC;
        text-decoration: underline }
a.letter  {   font-family: Times New Roman, Roman, serif; font-style: normal;
        font-weight: bolder; font-size: 14pt; color: #0000CC;
        text-decoration: underline }

.tit   { font-family: 'exomedium','Times New Roman', Roman, serif;
             font-size: 18pt;
           font-weight: bold;
                 color: blue;
            font-style: normal;
            text-align: left;
           line-height: 100%;
        vertical-align:bottom
        }
.glosstitle {
	font-weight: bold;
	font-size: 36px;
}
.glosstable {
	 display: table;
   background: white;
   opacity: 1.0;
   table-layout: fixed;
}
.glossjump {
   font-weight: bold;
	 font-size: 16px;
}

	#citation {
	  float: right;
    height: 50px;
		width: 200px;
		margin-right: 40px;
		font-family: 'exomedium', helvetica;
		font-size: 11px;
		color: #ffffff;

	}


#menucolumn {
	position: absolute;
	display: block;
  top: 10px;
  min-height: 694px;
  height: 100%;
  float: left;
	width: 190px;
	margin: 0px;
	padding: 0px;
	background: transparent;
	z-index: 5;
}
#menu {
	   position: absolute;
	    display: block;
	       left: 5px;
					top: 120px;
	      width: 180px;
 margin-right: auto;
	margin-left: auto;
	      float: left;
vertical-align: top;
    text-align: center;
    margin-top: 20px;
    background:transparent;
  	z-index: 6;
}

.menu {
	margin-left: auto;
	margin-right: auto;
}
#mnuobj {
	position:absolute;
	left: 0px;
}
.menu ul {position:absolute; left: 0px; background:transparent; padding:0px; font-family:'UniqueRegular', 'exomedium', sans-serif;}
.menu li { display:block; height:36px; float:left; background:transparent; left:0px; padding:1px; transition: all 0.5s ease;}

/* style the links and place the background image to start from left edge */
.menu li a {position:relative; display:block;  height:36px; width:180px;  background:url(https://www.ringrealms.com/buttonCover.png) -0px 0px no-repeat; color:#000; text-decoration:none; font-size:18px; font-weight:700; font-family:'UniqueRegular', 'exomedium', sans-serif; text-align:center; line-height:35px}

.menu li a b {margin:0px; display:inline; float:left; height:36px; background:transparent url(https://www.ringrealms.com/buttonCover.png) -0px 0px no-repeat; padding:0px; color:#fff;}

/* style the link hover and the link hover b to replace the background image - border:0 needed for IE6 to work */
.menu li a:hover, .menu li a:hover b {border:0; background:transparent url(https://www.ringrealms.com/buttonCover.png) 0px -37px no-repeat; cursor:pointer; color: white; font-size:18px; font-weight:900;}

.menu li:hover {
   font-family:'UniqueRegular', 'exomedium', sans-serif;
   height:40px;
   font-size:19px;
   color: white;
   font-weight:800;
   text-shadow: 2px 3px #333333;
   background:transparent url(https://www.ringrealms.com/buttonCover.png) 0px -37px no-repeat;
}


body {
width: 100%;
height:100%;
padding:0;
margin:0;
border:0;
overflow:hidden;
}

.anchor {
	padding-top: 150px;
	margin-top: -150px;
}
#maincontent {
	position: fixed;
	top: 0px;
	left: 190px;
 margin-top: 170px;
 margin-left: 10px;
	display: block;
	width: 100%;
	/*padding: 0px 20px 0px 0px; */
	min-height: 99%;

  /* z-index: 3; */
  overflow-x: hidden;
  overflow-y: overlay;
}

.footer_b {
  font-family: Times;
  font-size: 8pt;
  color: black;
  font-style: normal;
  background: white;
  font-weight: normal;
  text-align: center;
  line-height: 95%;
}

#foot {
    position: relative;
	  display: block;
	  padding-top: 0px;
	  margin-top: 0px;
	  padding-left: 20px;
	  padding-right: 20px;
	  top: -5px;
	  margin-left: 20px;
	  margin-right: 20px;
	  width: 95%;
		background: white;
}