div.row {
  display: flex;
}

div.column {
  flex: 0 0 45vw;
  margin: 1em;
}


@media (max-width: 800px) {
  div.row {
    flex-wrap: wrap;
  }
  div.top {
    flex-wrap: wrap;
  }
}

span.htdocsTitleCenter, span.BlogTitleCenter {
  font-size: 120%;
   color: #b0f0ff;
  text-align: center;
  width: 100%;
  display: inline-block;
}

a.FreeStuffTitleRight, a.htdocsTitleRight, a.BlogTitleRight, a.XXXcflynt_BlogTitleRight, span.BlogLabel {
  color: #b0f0ff;
  padding-right: .4em;
  float: right;
}

div.htdocs_cflynt2Box {
  margin: .2em;
}
a.AboutTitle, a.FreeStuffTitleLeft, a.Title, a.BlogTitle, a.BlogTitleLeft, a.NovelsTitleLeft {
  color: #b0f0ff;
  padding: .1em;
}
body  {
    font-family: Helvetica, Geneva, Arial,
        SunSans-Regular, sans-serif;
    }
p.indent {
  text-indent: 2em;
  margin-top: .1em;
  margin-bottom: .1em;
}
div.navdiv {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  background-color: #a04000;
  padding: 0em ;
}

div.htdocsBox {
  border-top: solid .3em #d0d0d0;
  border-left: solid  .3em #d0d0d0;
  border-right: solid  .3em #d0d0d0;
  border-bottom: solid  .3em #d0d0d0;

  padding-top: .1em;
  padding-left: .1em;
  padding-right: .1em;
  padding-bottom: .1em;

  margin-top: .3em;
  margin-left: .3em;
  margin-right: .3em;
  margin-bottom: .3em;

  background: #fff8e8;
  color:      black;
  overflow: hidden;
}

img.left, img.noborder {
  float: left;
  border: 0;
  max-height: 10em;
  margin: .25em;
}

img.left-large {
  float: left;
  border: 0;
  max-height: 20em;
  margin: .5em;
  border-style: solid;
  border-width: 2px;
  border-color: #000000;
  border-radius: 10px;
}

img.right-large {
  float: right;
  border-style: solid;
  border-width: 2px;
  border-color: #000000;
  border-radius: 10px;
  max-height: 20em;
  margin: .5em;
}

div.InnerText {
}










/* GENERATED CSS */

div.AboutBox {
  border-top: solid .3em #d0d0d0;
  border-left: solid  .3em #d0d0d0;
  border-right: solid  .3em #d0d0d0;
  border-bottom: solid  .3em #d0d0d0;

  padding-top: .1em;
  padding-left: .1em;
  padding-right: .1em;
  padding-bottom: .1em;

  margin-top: .3em;
  margin-left: .3em;
  margin-right: .3em;
  margin-bottom: .3em;

  background: #fffae8;
  color:      black;
  overflow: hidden;
}
div.AboutText {
  border-top: solid 0px #d0d0d0;
  border-left: solid  0px #d0d0d0;
  border-right: solid  0px #d0d0d0;
  border-bottom: solid  0px #d0d0d0;

  padding-top: .1em;
  padding-left: .1em;
  padding-right: .1em;
  padding-bottom: .1em;

  margin-top: .3em;
  margin-left: .3em;
  margin-right: .3em;
  margin-bottom: .3em;

  background: #fffae8;
  color:      black;
  overflow: hidden;
}



div.NovelsBox {
  border-top: solid .3em #d0d0d0;
  border-left: solid  .3em #d0d0d0;
  border-right: solid  .3em #d0d0d0;
  border-bottom: solid  .3em #d0d0d0;

  padding-top: .1em;
  padding-left: .1em;
  padding-right: .1em;
  padding-bottom: .1em;

  margin-top: .3em;
  margin-left: .3em;
  margin-right: .3em;
  margin-bottom: .3em;

  background: #fffae8;
  color:      black;
  overflow: hidden;
}
div.NovelsText {
  border-top: solid 0px #d0d0d0;
  border-left: solid  0px #d0d0d0;
  border-right: solid  0px #d0d0d0;
  border-bottom: solid  0px #d0d0d0;

  padding-top: .1em;
  padding-left: .1em;
  padding-right: .1em;
  padding-bottom: .1em;

  margin-top: .3em;
  margin-left: .3em;
  margin-right: .3em;
  margin-bottom: .3em;

  background: #fffae8;
  color:      black;
  overflow: hidden;
}

div.BlogBox {
  display:table;                      
  width: 100%;

  border-top: solid .3em #d0d0d0;
  border-left: solid  0em #d0d0d0;
  border-right: solid  0em #d0d0d0;
  border-bottom: solid  0em #d0d0d0;

  padding-top: .1em;
  padding-left: .3em;
  padding-right: .2em;
  padding-bottom: .1em;

  margin-top: .3em;
  margin-left: .3em;
  margin-right: .3em;
  margin-bottom: .3em;

  background: #fffae8;
  color:      black;
}
div.BlogText {
  border-top: solid 0px #d0d0d0;
  border-left: solid  0px #d0d0d0;
  border-right: solid  0px #d0d0d0;
  border-bottom: solid  0px #d0d0d0;

  padding-top: .1em;
  padding-left: .1em;
  padding-right: .1em;
  padding-bottom: .1em;

  margin-top: .3em;
  margin-left: .3em;
  margin-right: .3em;
  margin-bottom: .3em;

  background: #fffae8;
  color:      black;
}



div.AboutTable {
  border-top: solid 2em #d0d0d0;
  border-left: solid  2em #d0d0d0;
  border-right: solid  2em #d0d0d0;
  border-bottom: solid  2em #d0d0d0;

  padding-top: .1em;
  padding-left: .1em;
  padding-right: .1em;
  padding-bottom: .1em;

  margin-top: .3em;
  margin-left: .3em;
  margin-right: .3em;
  margin-bottom: .3em;

  background: #fffae8;
  color:      black;
  overflow: hidden;
}



div.NovelsTable {
  border-top: solid 2em #d0d0d0;
  border-left: solid  2em #d0d0d0;
  border-right: solid  2em #d0d0d0;
  border-bottom: solid  2em #d0d0d0;

  padding-top: .1em;
  padding-left: .1em;
  padding-right: .1em;
  padding-bottom: .1em;

  margin-top: .3em;
  margin-left: .3em;
  margin-right: .3em;
  margin-bottom: .3em;

  background: #fffae8;
  color:      black;
  overflow: hidden;
}



div.BlogTable {
  border-top: solid 2em #d0d0d0;
  border-left: solid  2em #d0d0d0;
  border-right: solid  2em #d0d0d0;
  border-bottom: solid  2em #d0d0d0;

  padding-top: .1em;
  padding-left: .1em;
  padding-right: .1em;
  padding-bottom: .1em;

  margin-top: .3em;
  margin-left: .3em;
  margin-right: .3em;
  margin-bottom: .3em;

  background: #fffae8;
  color:      black;
  overflow: hidden;
}



div.AboutList {
  border-top: solid 2em #d0d0d0;
  border-left: solid  2em #d0d0d0;
  border-right: solid  2em #d0d0d0;
  border-bottom: solid  2em #d0d0d0;

  padding-top: .1em;
  padding-left: .1em;
  padding-right: .1em;
  padding-bottom: .1em;

  margin-top: .3em;
  margin-left: .3em;
  margin-right: .3em;
  margin-bottom: .3em;

  background: #fffae8;
  color:      black;
  overflow: hidden;
}



div.NovelsList {
  border-top: solid 2em #d0d0d0;
  border-left: solid  2em #d0d0d0;
  border-right: solid  2em #d0d0d0;
  border-bottom: solid  2em #d0d0d0;

  padding-top: .1em;
  padding-left: .1em;
  padding-right: .1em;
  padding-bottom: .1em;

  margin-top: .3em;
  margin-left: .3em;
  margin-right: .3em;
  margin-bottom: .3em;

  background: #fffae8;
  color:      black;
  overflow: hidden;
}



div.BlogList {
  border-top: solid 2em #d0d0d0;
  border-left: solid  2em #d0d0d0;
  border-right: solid  2em #d0d0d0;
  border-bottom: solid  2em #d0d0d0;

  padding-top: .1em;
  padding-left: .1em;
  padding-right: .1em;
  padding-bottom: .1em;

  margin-top: .3em;
  margin-left: .3em;
  margin-right: .3em;
  margin-bottom: .3em;

  background: #fffae8;
  color:      black;
  overflow: hidden;
}



div.AboutTitle {
  border-top: solid 2em #d0d0d0;
  border-left: solid  2em #d0d0d0;
  border-right: solid  2em #d0d0d0;
  border-bottom: solid  2em #d0d0d0;

  padding-top: .1em;
  padding-left: .1em;
  padding-right: .1em;
  padding-bottom: .1em;

  margin-top: .3em;
  margin-left: .3em;
  margin-right: .3em;
  margin-bottom: .3em;

  background: #d0b080;
  color:      black;
  overflow: hidden;
}



div.NovelsTitle {
  border-top: solid 2em #d0d0d0;
  border-left: solid  2em #d0d0d0;
  border-right: solid  2em #d0d0d0;
  border-bottom: solid  2em #d0d0d0;

  padding-top: .1em;
  padding-left: .1em;
  padding-right: .1em;
  padding-bottom: .1em;

  margin-top: .3em;
  margin-left: .3em;
  margin-right: .3em;
  margin-bottom: .3em;

  background: #d0b080;
  color:      black;
  overflow: hidden;
}



div.BlogTitle {
  border-top: solid 2em #d0d0d0;
  border-left: solid  2em #d0d0d0;
  border-right: solid  2em #d0d0d0;
  border-bottom: solid  2em #d0d0d0;

  padding-top: .1em;
  padding-left: .1em;
  padding-right: .1em;
  padding-bottom: .1em;

  margin-top: .3em;
  margin-left: .3em;
  margin-right: .3em;
  margin-bottom: .3em;

  background: #d0b080;
  color:      black;
  overflow: hidden;
}



img". {
}
div.grid3col { background: inherit; width: 100%; margin-left: 20px;}
div.col3Left { float: left; width: 32%; background: inherit; margin-left: 0 !important;}
div.col3Center { background: inherit; float: left; width: 32%; margin-left: 20px;}
div.col3Right { background: inherit; width: 32%; margin-left: 0 !important; float: right !important; }
div.grid2col {background: inherit; clear: both; display: inline-block;}
div.col2Left { float: left; background: inherit; width: 49%; margin-left: 10 !important;}
div.col2Right { background: inherit; width: 49%; margin-left: 10 !important; float: right !important;}

ul.horNavbar {
      margin-bottom: .1em;
      padding: 0;  
      margin-top: .7em;
      color: black;
      border-bottom: 0em;
      background-color: transparent;
      font-size: 120%;
      font-family: Impact, Arial, sans;
      margin-left: auto;
      margin-right: auto;
      width: max-content;
    }
li.horNavbar { 
      display: inline; 
      border: 0;
      padding-left: 1em;
      }
a.horNavbar {
      background-color: #a04000;
      color: white;
      margin: 0;
      text-decoration: none;
      padding: 0;
    }
a#horNavbarCurrent { 
      color: white;
      font-weight: bold;
      background-color: #a04000;
      border-top:    #d0d0d0    0px solid;
      border-left:   #d0d0d0   0px solid;
      border-right:  #d0d0d0  0px solid;
      border-bottom: #fffae8 0px solid;
    }
div.highlight {border: 0px;
               background: #a04000;
               color: #d0d0d0;
               display: inline;
               float: left;
	       font-size: 100%;
               float: right;
	       padding-top: .3em;
	       padding-left: .2em;
               width: 100%;}

span.red { color: black; background: #fffae8; position: relative; z-index: 1; }
a.red { color: black; background: #fffae8; position: relative; z-index: 1; }
div.highlight {
}
img.highlight {
}
div. {
}
a. {
}
div.top {
  display: flex;
  margin-top: .5em;
  left: .5em;
  right: .5em;
  border-right:  .2em solid .3em;
  border-left:   .2em solid .3em;
  border-top:    .2em solid .3em;
  border-bottom: .2em solid .3em;
}
div.holderl {
  display: flex;
  border: none;
  margin-left: auto;  
  margin-right: auto;  
  width: max-content;
  
}
div.holderr {
  display: flex;
  left: auto;
  right: auto;
  border: none;
}
table.header {
}
img. {
}
div.abstr {
  width: 90%;
  top: 4em;   
  color:      black;
  background: #fffae8;
  font-family: Cursive, Helvetica, Geneva, Arial,
        SunSans-Regular, sans-serif;
  font-size: 1.5em;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: .5em; 
  padding-bottom: .5em;
  margin: 0em;
  overflow: auto;
  height: 9em;
}
!--. {
}
form.formCSS {
}
input. {
}
table.formCSS {
}
span.formCSS {
}
input.formCSS {
}
td.formCSS {  border-width: 0; }
tr.formCSS {
}
select. {
}
input#NOT {
}
textarea. {
}
option. {
}
table. {
}
tr. {
}
!DOCTYPE. {
}
Title. {
}
li. {
}
td. {
}
thead. {
}
tbody. {
}
div.BlogPageBox {
}
div.scroll {
  bottom: 2px;
  left: .5em;
  right: .5em;
  overflow: scroll;
  max-height: 70vh;
  border-top: 2px solid #d0d0d0;
  border-bottom: 2px solid #d0d0d0;
  border-left: 2px solid #d0d0d0;
  border-right: 2px solid #d0d0d0;
  background-color: #fffae8;
  padding: 8px;
}
div.bordered {
  position: relative;
  border-right: .2em solid .3em;
  border-left: .2em solid .3em;
  border-top: .2em solid .3em;
  border-bottom: .2em solid .3em;
  background-color: #fffae8;
}
img.page {
}
foo. {
}


select, input, textArea {
  margin-left: 17em;
}

label {
  text-align: right;
  display: inline-block;
  width: 10em;
}

input[type="text"] {
  display: inline-block;
  width: 20em;
  margin-left: 2em;
}

input[type="checkbox"] {
  display: inline-block;
  width: 2em;
  margin-left: 2em;
}

select {
  display: inline-block;
  margin-left: 2em;
}