/* ========== BASICS ========== */

a {
color:#CC5C46;
text-decoration:none;
}

a:hover {
color:#5B8699;
text-decoration:underline;
}

body {
background:#C8BDB0 url(https://www.hippoiathanatoi.com/Graphics/bg_grey.png) repeat;
color:#000000;
font: 16px 'Alegreya', serif; 
line-height:1.58;
letter-spacing:-.003em;
margin:0 auto;
padding:0;
}

h1, h2, h3, h4, h5, h6 {
border-bottom:medium solid #5B8699;
font-family: 'Uncial Antiqua', cursive;
font-weight:normal;
line-height:1;
margin:20px 0px 20px 0px;
text-transform:uppercase
}

h1 {
font-size:200%;
}

h2 {
font-size:180%;
}

h3 {
font-size:160%;
}

h4 {
font-size:140%;
}

h5 {
font-size:120%;
}

h6 {
font-size:100%;
}

p {
font-size:120%;
margin:20px 0px 20px 0px;
}

ul {
list-style-type:disc;
margin:20px 0px 20px 0px;
padding-left:25px;
}

ul ul, ul ul ul, ul ul ul ul {
margin:0;
}

/* ========== NAVIGATION ========== */

#TopNavBar {
position: fixed;
position: -webkit-sticky;
position: sticky;
top: 0;
left: 0;
width: 100%;
z-index: 1001;
}

#TopNavWrap {
background: #cc5c46;
box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.15);
height: 2em;
z-index: 1002;
text-align: center;
}

ul.TopNavMain {
list-style: none;
position: relative;
display: inline-table;
margin: 0;
padding: 5px 0 0 0;
text-align: center;
}

ul.TopNavMain:after {
content: "";
clear: both;
display: block;
}

ul.TopNavMain li {
float: left;
font: 120% "Uncial Antiqua", serif;
}

ul.TopNavMain li:hover > ul {
display: block;
}

ul.TopNavMain li a {
display: block;
padding: 0px 10px;
color: #f1d9b3;
text-decoration: none;
}

ul.TopNavMain li a:hover {
color: #f4e1c4;
text-decoration: underline;
}

ul.TopNavMain ul {
display: none;
background: #000000;
margin: 0;
padding: 0;
position: absolute;
top: 100%;
white-space: nowrap;
}

ul.TopNavMain ul li {
float: none;
font: 90% "Alegreya SC", serif;
position: relative;
text-align: left;
}

ul.TopNavMain ul li a {
padding: 10px 10px 10px 10px;
color: #f1d9b3;
text-decoration: none;
}

ul.TopNavMain ul li a:hover {
color: #f4e1c4;
text-decoration: underline;
}

/* ========== HAMBURGER ========== */

.Toggle {
display: none;
position: absolute;
z-index: 99;
top: 7px;
left: 10px;
background: transparent;
padding: 0;
margin: 0;
cursor: pointer;
outline: none;
width: 25px;
height: 18px;
border: none;
border-top: 2px solid #f1d9b3;
border-bottom: 2px solid #f1d9b3;
text-decoration: none;
color: #f1d9b3;
outline: 0;
}

.Toggle:before,
.Toggle:after {
content: "";
display: block;
width: 25px;
height: 2px;
top: 6px;
left: 0;
background: #f1d9b3;
position: absolute;
}

.Toggle,
.Toggle:before,
.Toggle:after {
transition: all 0.3s ease;
transform: rotate(0deg);
}

.open .Toggle {
border-color: transparent;
}

.open .Toggle:before {
transform: rotate(45deg);
}

.open .Toggle:after {
transform: rotate(-45deg);
}

@media screen and (max-width: 800px) {
.Toggle {
display: block;
}

.top:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 2.5em;
background: #ccc;
z-index: 98;
}

/* redo nav for smaller screen*/

ul.TopNavMain {
position: absolute;
background: #cc5c46;
top: 0%;
width: 100%;
left: -999rem;
text-align: center;
transition: top 0.5s ease, left 0s 0.5s, opacity 0.5s ease;
opacity: 0;
border-top: 1px solid #000;
}

.open ul.TopNavMain {
left: 0;
opacity: 1;
top: 100%;
transition: top 0.5s ease, left 0s 0s, opacity 0.5s ease;
}

ul.TopNavMain li {
float: none;
display: block;
font-size: 1rem;
text-align: left;
}

ul.TopNavMain li > ul {
list-style: none;
display: block;
position: static;
white-space: normal;
}

ul.TopNavMain li a {
display: block;
padding: 10px;
color: #f1d9b3;
text-decoration: none;
}

ul.TopNavMain li a:hover {
background: #5B8699;
}

ul.TopNavMain ul li a:hover {
background: #000000;
}

ul.TopNavMain li,
ul.TopNavMain ul li {
text-align: left;
border-bottom: 1px solid #000;
}

ul.TopNavMain ul li a {
padding: 10px;
text-decoration: none;
text-indent:10%;
font-size: 1rem;
background: #000000;
}
  
ul.TopNavMain li a.Sub {
background: #cc5c46;
}
}


/* ========== LAYOUT ========== */

#Wrapper {
margin:4em 2% 2em 2%;
}

.section {
clear: both;
padding: 0px;
margin: 0px;
display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;      /* TWEENER - IE 10 */
display: -webkit-flex;     /* NEW - Chrome */
display:flex;
}

.col {
display: block;
float:left;
margin: 1vw 0 1vw 2%;
}

.col:first-child { margin-left: 0; }

.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

.span_8_of_8 {
	width: 100%;
}

.span_7_of_8 {
  	width: 87.25%;
}

.span_6_of_8 {
  	width: 74.5%;
}

.span_5_of_8 {
  	width: 61.75%;
}

.span_4_of_8 {
  	width: 49%;
}

.span_3_of_8 {
  	width: 36.25%;
}

.span_2_of_8 {
  	width: 23.5%;
}

.span_1_of_8 {
  	width: 10.75%;
}

@media only screen and (max-width: 800px) {
	.section { flex-wrap:wrap; }
	.col {  margin: 1vw 0 1vw 0%; }
	.span_1_of_8, .span_2_of_8, .span_3_of_8, .span_4_of_8, .span_5_of_8, .span_6_of_8, .span_7_of_8, .span_8_of_8 { width: 100%; }
}

.header {
background:#5B8699 url(https://www.hippoiathanatoi.com/Graphics/bg_blue.png);
border-style: solid; 
border-width: 0px 0px 25px 0px; 
-moz-border-image: url(https://www.hippoiathanatoi.com/Graphics/bg_border-ornate.png) 0 0 25 0 repeat; 
-webkit-border-image: url(https://www.hippoiathanatoi.com/Graphics/bg_border-ornate.png) 0 0 25 0 repeat; 
-o-border-image: url(https://www.hippoiathanatoi.com/Graphics/bg_border-ornate.png) 0 0 25 0 repeat; 
border-image: url(https://www.hippoiathanatoi.com/Graphics/bg_border-ornate.png) 0 0 25 0 repeat round; 
}

.footer {
background:#5B8699 url(https://www.hippoiathanatoi.com/Graphics/bg_blue.png);
border-style: solid; 
border-width: 25px 0px 0px 0px; 
-moz-border-image: url(https://www.hippoiathanatoi.com/Graphics/bg_border-ornate.png) 25 0 0 0 repeat; 
-webkit-border-image: url(https://www.hippoiathanatoi.com/Graphics/bg_border-ornate.png) 25 0 0 0 repeat; 
-o-border-image: url(https://www.hippoiathanatoi.com/Graphics/bg_border-ornate.png) 25 0 0 0 repeat; 
border-image: url(https://www.hippoiathanatoi.com/Graphics/bg_border-ornate.png) 25 0 0 0 repeat round; 
font: 120% 'Alegreya Sans', sans-serif; 
}

.middle {
background:#F5ECDC url(https://www.hippoiathanatoi.com/Graphics/bg_cream.png);
box-sizing: border-box;
border-style: solid; 
border-width: 10px 0px 10px 0px; 
-moz-border-image: url(https://www.hippoiathanatoi.com/Graphics/bg_red.png) 10 0 10 0 repeat; 
-webkit-border-image: url(https://www.hippoiathanatoi.com/Graphics/bg_red.png) 10 0 10 0 repeat; 
-o-border-image: url(https://www.hippoiathanatoi.com/Graphics/bg_red.png) 10 0 10 0 repeat; 
border-image: url(https://www.hippoiathanatoi.com/Graphics/bg_red.png) 10 0 10 0 repeat round; 
padding:1%;
}

.sidebar.left {
background:#F5ECDC url(https://www.hippoiathanatoi.com/Graphics/bg_cream.png);
box-sizing: border-box;
border-style: solid; 
border-width: 10px 0px 10px 0px; 
-moz-border-image: url(https://www.hippoiathanatoi.com/Graphics/bg_red.png) 10 0 10 0 repeat; 
-webkit-border-image: url(https://www.hippoiathanatoi.com/Graphics/bg_red.png) 10 0 10 0 repeat; 
-o-border-image: url(https://www.hippoiathanatoi.com/Graphics/bg_red.png) 10 0 10 0 repeat; 
border-image: url(https://www.hippoiathanatoi.com/Graphics/bg_red.png) 10 0 10 0 repeat round; 
padding:1%;
}

.sidebar.right {
background:#F5ECDC url(https://www.hippoiathanatoi.com/Graphics/bg_cream.png);
box-sizing: border-box;
border-style: solid; 
border-width: 10px 0px 10px 0px; 
-moz-border-image: url(https://www.hippoiathanatoi.com/Graphics/bg_red.png) 10 0 10 0 repeat; 
-webkit-border-image: url(https://www.hippoiathanatoi.com/Graphics/bg_red.png) 10 0 10 0 repeat; 
-o-border-image: url(https://www.hippoiathanatoi.com/Graphics/bg_red.png) 10 0 10 0 repeat; 
border-image: url(https://www.hippoiathanatoi.com/Graphics/bg_red.png) 10 0 10 0 repeat round; 
padding:1%;
}

/* ========== HEADER ========== */

.header h1 {
border:none;
text-align:center;
color:#F5ECDC;
margin-top:0px;
font-weight:light;
text-shadow: -1px -1px 0 #CC5C46, 1px -1px 0 #CC5C46, -1px 1px 0 #CC5C46, 1px 1px 0 #CC5C46;
}

.header h2 {
border:none;
text-align:center;
color:#F5ECDC;
font-weight:light;
text-shadow: -1px -1px 0 #CC5C46, 1px -1px 0 #CC5C46, -1px 1px 0 #CC5C46, 1px 1px 0 #CC5C46;
}

.header .left {
background-image: none;
background-repeat: no-repeat;
background-position: center ;
min-height:150px;
}

.header .right {
background-image: none;
background-repeat: no-repeat;
background-position: center ;
min-height:150px;
}

@media only screen and (max-width: 800px) {
.header .left { background-image:none; min-height:0; }
.header .right { background-image:none; min-height:0;}
}

/* ========== FOOTER ========== */

.footer hr {
border-top: 3px double #CC5C46;
}

.footer p {
font-size:100%;
margin:0px 10px 10px 10px;
}

ul.FooterNav {
list-style: none;
margin:0 0 -10px 0;
padding:0;
display: inline-block;
float:left;
width:100%; 
text-align:center;
text-transform:uppercase;
}

ul.FooterNav li {
margin:0; 
padding:0;
display:inline-block; 
text-align:center;
}

ul.FooterNav li a {
display: block;
color: #CC5C46; 
text-decoration: none;
padding:0.5em;
}

ul.FooterNav li a:hover {
display:block;
color:#F5ECDC;
text-decoration:underline;
padding:0.5em;
}

.FooterSocial {
text-align:center;
}

.FooterSocial a {
padding:5px;
}

#social:hover {
-webkit-transform:scale(1.3); 
-moz-transform:scale(1.3); 
-o-transform:scale(1.3); 
}

#social {
  -webkit-transform:scale(1);
/* Browser Variations: */
-moz-transform:scale(1);
-o-transform:scale(1); 
-webkit-transition-duration: 0.5s; 
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
} 

.social-fb:hover {
color: #3B5998;
}
.social-tw:hover {
 color: #33ffff;
}
.social-gp:hover {
color: #d34836;
}
.social-em:hover {
color: #f39c12;
}
.social-yt:hover {
color: #bb0000 ;
}
.social-rs:hover {
color:  #FF6600;
}

/* ========== MIDDLE ========== */

div.CommentBody	{ 
margin:5px 0px 5px 0px;
}

div.CommentInfo {
font-size:75%;
text-align:right;
}

div.CommentTitle {
font-size:100%;
font-weight:bold;
}

div.CommentBody p, div.EntryBody p {
margin:10px 0px 10px 0px;
}

div.EntryBody {
margin-bottom:5px;
}

div.EntryDate {
font-size:100%;
margin-bottom:-10px;
margin-top:20px;
text-align:right;
text-transform:uppercase
}

div.EntryExtended {
margin-bottom:5px;
margin-top:-5px;
text-align:right;
}

div.EntryImage, div.EntryImageMiddle {
margin-left:auto;
margin-right:auto;
text-align:center;
}

.EntryImage img, .EntryImageMiddle img {
height:auto;
max-width:90%;
}

div.EntryImageLeft {
float:left;
margin:20px 5px 20px 5px;
}

.EntryImageLeft img {
height:auto;
max-width:45%;
}

div.EntryImageRight {
float:right;
margin:20px 5px 20px 5px;
}

.EntryImageRight img {
height:auto;
max-width:45%;
}

div.EntryInfo {
clear:both;
font-size:75%;
text-align:right;
text-transform:uppercase;
}

div.EntryInfoWrap {
background:transparent url(https://www.hippoiathanatoi.com/Graphics/bg_tan.png) repeat;
margin-bottom:20px;
margin-top:20px;
overflow:hidden;
text-align:center;
text-transform:uppercase;
width:100%;
}

div.EntryInfoPosted {
float:right;
font-size:75%;
text-align:right;
width:200px;
}

div.EntryInfoSocial {
float:left;
font-size:75%;
text-align:left;
width:200px;
}

div.EntryTitle {
font-size:100%;
font-weight:bold;
margin:20px 0px -5px 0px;
text-transform:uppercase
}

div.FBComments {
background:#F5ECDC;
border:5px solid #5B8699; 
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
text-align:center;
width:500px;
}

div.Featured {
margin:20px auto 20px auto;
text-align:center;
width:90%;
}

div.Featured p {
font-size:140%;
margin:10px 0px 10px 0px;
text-align:left;
}

div.Featured p:first-letter {
font-size:300%;
line-height:1;
float:left;
margin:0 0 0 0;
}

div.FeaturedBorderHA {
background:transparent url(https://www.hippoiathanatoi.com/Graphics/bg_blue.png) repeat;
height:5px;
margin:10px auto 10px auto;
width:100%;
}

div.FeaturedHeader {
background:transparent url(https://www.hippoiathanatoi.com/Graphics/bg_tan.png) repeat;
font:140% 'Alegreya SC', serif;
line-height:1;
margin:0px 0px 0px 0px;
text-align:left;
text-transform:uppercase;
}

div.FeaturedLink {
text-align:right;
margin:0px 0px 0px 0px;
text-transform:uppercase;
}

div.Gallery {
margin:0 0 0 0;
width:100%;
}

div.Gallery ul {
list-style:none;
list-style-position:outside;
list-style-type:none;
margin-left:0;
padding-left:0;
}

div.Gallery ul li {
display:-moz-inline-box; /* mozilla only */
display:inline-block; /* browsers that support display:inline-block like safari & opera*/
height:150px;
padding:5px 10px 5px 10px;
vertical-align:top;
}

div.GalleryCaption {
text-align:center;
}

div.GalleryImage {
margin-left:auto;
margin-right:auto;
margin-top:20px;
text-align:center;
}

.GalleryImage IMG {
height:auto;
max-width:90%;
}

div.GalleryStats {
text-align:center;
}

div.GalleryTitle {
font-size:140%;
font-weight:bold;
margin-top:10px;
text-align:center;
}

div.Index {
margin:0 0 0 0;
text-align:center;
width:100%;
}

div.IndexHeader {
background:transparent url(https://www.hippoiathanatoi.com/Graphics/bg_tan.png) repeat;
font:140% 'Alegreya SC', serif;
line-height:1;
margin:0;
text-transform:uppercase;
}

div.Index .EntryTitle {
line-height:1;
margin:10px 0px 5px 0px;
text-indent:0px;
}

div.Index p {
text-indent:0;
margin:0px 0px 5px 0px;
}

div.Index ul {
list-style:none;
list-style-position:outside;
list-style-type:none;
margin-left:0;
padding-left:0;
}

div.Index ul li {
display:-moz-inline-box; /* mozilla only */
display:inline-block; /* browsers that support display:inline-block like safari & opera*/
padding:10px;
text-align:center;
vertical-align:top;
width:45%;
}

@media only screen and (max-width: 1200px) {
div.Index ul li { width: 100%; }
}

div.IndexIcon {
float:left;
padding-right:10px;
}

div.IndexItem {
text-align:left;
}

div.IndexLink {
text-align:right;
margin:0px 0px 0px 0px;
}

div.Pagination {
clear:both;
font-size:100%;
text-align:center;
text-transform:uppercase;
}

* {box-sizing:border-box}

.SlideshowWrapper {
max-width:500px;
max-height:500px;
min-height:500px;
margin:auto;
background:black;
position:relative;
}

.SlideshowWrapper img{
max-width:none;
width:100%;
height:500px;
margin:auto;
display:block;
object-fit:contain;
}

.SlideshowSlides {
display: none;
}

.SlideshowPrev, .SlideshowNext {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
margin-top: -22px;
padding: 16px;
color: white;
font-weight: bold;
font-size: 18px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
user-select: none;
}

.SlideshowNext {
right: 0;
border-radius: 3px 0 0 3px;
}

.SlideshowPrev:hover, .SlideshowNext:hover {
background-color: rgba(0,0,0,0.8);
}

.SlideshowCaption {
padding: 10px 10px;
text-align: center;
}

.SlideshowNav {
padding: 5px;
text-align: center;
position:relative;
}

.SlideshowDot {
cursor: pointer;
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}

.active, .SlideshowDot:hover {
background-color: #717171;
}

.SlideshowFade {
-webkit-animation-name: SlideshowFade;
-webkit-animation-duration: 1.5s;
animation-name: SlideshowFade;
animation-duration: 1.5s;
}

@-webkit-keyframes SlideshowFade {
from {opacity: .4}
to {opacity: 1}
}

@keyframes SlideshowFade {
from {opacity: .4}
to {opacity: 1}
}

/* ========== SIDEBAR ========== */

div.SidebarHeader {
background:transparent url(https://www.hippoiathanatoi.com/Graphics/bg_tan.png) repeat;
font: 120% 'Alegreya SC', serif; 
line-height:1;
margin:7px 0px 7px 0px;
padding:0px 5px 0px 5px;
text-transform:uppercase;
}

.sidebar div.Tags {
font: 100% 'Alegreya Sans', sans-serif; 
margin:7px 7px 7px 7px;
}

.sidebar p {
font: 100% 'Alegreya Sans', sans-serif; 
margin:7px 0px 7px 0px;
}

.sidebar ul {
font: 100% 'Alegreya Sans', sans-serif; 
list-style-type:none;
margin:7px 0px 7px 0px;
padding-left:10px;
}

/* ========== FORMS ========== */

form.Submit, form.SearchAdvanced {
border: 2px solid #5B8699; 
border: inset 2px solid #000000;
font-style: italic;
font-weight: bold;
line-height: 30px;
margin: 20px auto 20px auto;
padding:10px;
width:90%;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
}

fieldset {
border: 2px solid #5B8699; 
padding:10px;
}

input {
background-color:#F5ECDC;
border: 1px solid #5B8699; 
color:#780000;
display:block;
height: 25px;
width:400px;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

input[type="submit"] {
border: 1p solid #5B8699; 
font-weight: bold;
height:25px;
width:100px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}

input[type="radio"] {
display:inline;
height:auto;
width:auto;
}

.SearchSimple input {
margin: 20px auto 20px auto;
}

.SearchSimpleSidebar input {
margin: 20px auto 20px auto;
width:90%;
}

.SearchNav input {
border: 1p solid #5B8699; 
font-weight: bold;
height:25px;
width:200px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
margin:0;
}

select {
background-color:#F5ECDC;
border: 1px solid #5B8699; 
color:#780000;
display:block;
height: 100px;
width:400px;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

select.ArchiveDropdown {
height:25px;
margin: 20px auto 20px auto;
width:90%;
}

.SearchAdvanced select {
height: 25px;
margin-top:10px;
}

.SearchAdvanced select.SearchMultiSelect {
height: 200px;
}

textarea {
background-color:#F5ECDC;
border: 3px solid #5B8699; 
color:#780000;
display:block;
height:150px;
width:400px;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

/* ========== SPECIAL TEXT ========== */

acronym {
border-style:dashed;
border-width:0 0 1px 0;
cursor:help;
}

.Quote {
color:#282828;
font: 105% 'Alegreya Sans', sans-serif; 
padding:0 50px 0 50px;
text-indent:0px;
}

.Spoiler {
background:#000000; 
color:#000000; 
}

.Spoiler:hover {
background:inherit; 
color:inherit; 
}

.amzn-native-header-text {
 display:none;
}

/* ========== IMAGES ========== */

.middle .Ad {
margin:20px auto 20px auto;
text-align:center;
}

.sidebar .Ad {
margin:2px auto 2px auto;
text-align:center;
}

div.ImageLeft {
float:left;
margin:20px 5px 20px 5px;
}

div.ImageMiddle {
margin:20px auto 20px auto;
text-align:center;
}

div.ImageRight {
float:right;
margin:20px 5px 20px 5px;
}

/* ========== RULES TO REPLACE ========== */

h2.NoBorder, h3.NoBorder, h4.NoBorder, h5.NoBorder, h6.NoBorder {
border:none;
}

ul.NestedDisc, ul.NestedDisc ul, ul.NestedDisc ul ul, ul.NestedDisc ul ul ul {
list-style-type:disc; 
}

ul.NestedDisc {
font-style:normal;
font-weight:bold;
}

ul.NestedDisc ul {
font-style:italic;
font-weight:bold;
}

ul.NestedDisc ul ul {
font-style:normal;
font-weight:normal;
}

ul.NestedDisc ul ul ul {
font-style:italic;
font-weight:normal;
}

ul.NestedNone, ul.NestedNone ul, ul.NestedNone ul ul, ul.NestedNone ul ul ul {
list-style-type:none;
}

ul.NestedNone {
font-style:normal;
font-weight:bold;
}

ul.NestedNone ul {
font-style:italic;
font-weight:bold;
}

ul.NestedNone ul ul {
font-style:normal;
font-weight:normal;
}

ul.NestedNone ul ul ul {
font-style:italic;
font-weight:normal;
}

.Bold {
font-style:normal;
font-weight:bold;
}

.BoldItalic {
font-style:italic;
font-weight:bold;
}

.Center {
margin-left:auto;
margin-right:auto;
text-align:center;
}

.ClearBoth {
clear:both;
}

.ClearLeft {
clear:left;
}

.ClearRight {
clear:right;
}

.FloatLeft {
float:left;
}

.FloatRight {
float:right;
}

.Indent {
text-indent:25px;
}

.Italic {
font-style:italic;
font-weight:normal;
}

.Left {
text-align:left;
}

.Right {
text-align:right;
}

.Alert {
font-size:18px;
font-weight:bold;
margin:20px auto 20px auto;
text-align:center;
}

.Banner {
margin:20px auto 20px auto;
text-align:center;
}

.Divider {
background:#CC5C46 url(https://www.hippoiathanatoi.com/Graphics/bg_red.png);
height:2px;
margin:20px auto 20px auto;
text-align:center;
width:300px;
}

.Info {
font-style:italic;
font-weight:normal;
}

.Note {
font-style:normal;
font-weight:bold;
}