/* Romulus font: credits to Hewett Tsoi for this font. Get it at (https://www.dafont.com/romulus.font) */
@font-face {
font-family: "Romulus";
src: url("/fonts/Romulus.ttf");
url("/fonts/Romulus.ttf") format("truetype");
}

/* Alagard font: credits to Hewett Tsoi for this font. Get it at (https://www.dafont.com/alagard.font) */
@font-face {
font-family: "Alagard";
src: url("/fonts/alagard.ttf");
url("/fonts/alagard.ttf") format("truetype");
}
      
/* Adorable Lady font: credits to Asterism-M (https://asterism-m.com) for this cute gothic font */
@font-face {
font-family: "Adorable Lady";
src: url("/fonts/AdorableLady.ttf");
url("/fonts/AdorableLady.ttf") format("truetype");
}
      
body {
	background-color:#bb92aa;
}

div, p, ul, li {
  text-align:left;
}

  h1, h2, h3, #navBar a {
	font-family: 'Romulus', cursive;
	color: #D3D3D3;
}

  a, p, li {
    color: 	#D3D3D3;
  }

  a, p, div, li {
    font-family: 'Alagard', cursive;
  }

a {
	color: #d6e2d8;
}
	
	p {
	  padding: 10px 10px 0px 10px;
  }
  
  li {
    text-align:left;
    list-style-type: none;
    margin-right:10px;
    }
  
li:before {
	content: '\2601';
	margin-left:-30px;
}

  
  h1.top {
	border: #d9b5c9 1px double;
	background-color: #d9b5c9;
	color: #B587A1;
	font-size: 22px;
	margin: 0;
	padding: 8px 0;
	text-align: center;
}
  
/* header */
div#wrapperHeader {
 width:100%;
 height:100px; /* height of the background image */
 margin-bottom: 1px;
 border: 1px solid #B587A1;
 background:url('https://i.ibb.co/bLmNXJR/cherulogo-2.png') repeat-x 0 0;
 text-align:center;
}

div#wrapperHeader div#header {
 width:1000px;
 height:100px;
 margin:0 auto;
}

div#wrapperHeader div#header img {
 width:1000px; /* the width of the logo image */
 height:auto; /* the height of the logo image */
 margin:0 auto;
}
/* header */

/* topnav */
#navBar {
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  background: #d9b5c9;
  border: #B587A1 4px double;
}

#navBar a {
  display: block;
  color: #000;
  text-decoration: none;
}

#navBar a:hover {
  color: #000;
  background: #B9B9B9;
  text-decoration: none;
}

#navBar a.selected {
  color: #000;
  background: #B9B9B9;
  text-decoration: none;
}
/* topnav end*/
/* left sidebar */
.lsidebar {
  position:relative;
	top: 25px;
	margin-left:160px;
  background: #ab7795;
	border: #d9b5c9 4px double;
	opacity: 1;
	width: 190px;
	float:left;
	clear:left;
	height:600px;
	overflow-y:scroll;
}
/* left sidebar end */
/* right sidebar */
.rsidebar {
  position:relative;
	top: 25px;
	margin-right:160px;
	padding-bottom: 1px;
  background: #ab7795;
	border: #d9b5c9 4px double;
	opacity: 1;
	width: 190px;
	float:right;
	clear:right;
	height:600px;
	overflow-y:scroll;
}
/* right sidebar end */
/* main content */
.main {
  position: relative;
  top: 25px;
	height: 600px;
	margin: 0 auto;
	max-height: 900px;
	max-width: 600px;
  background: #ab7795;
	border: #d9b5c9 4px double;
	overflow-y: auto;
}
/* main content end */
/* stylesheet end */