* {
	margin:0;
	padding:0;
}

html {
	width: 100%;
	height:100%;
}


html	{
	font-family: arial;
	font-size: 10pt;
	overflow-y: scroll; /* Add the ability to scroll */
}

/* Hide scrollbar for Chrome, Safari and Opera */
html::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
html {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}



a, a:hover 	{
	text-decoration:none;
	color: #000;
} 

html {
	background: url(http://www.callofnature.org/callofnature2022/images/background01.png) no-repeat left top fixed;
	background-position: left top;
    background-attachment: fixed;
	background-repeat: no-repeat;
    background-size: cover;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;

}
  #header	{
	position:relative;
	display:block;
	width:100%;
	height:50px;
	font-family: arial;
	font-size:10pt;
	font-weight: normal;
	text-align:justify;
	color:rgba(0,0,0,1);
	background-color: rgba(255,255,240,.4);
	padding: 20px;
	background-image: url(http://www.callofnature.org/callofnature2022/images/title.png);
	background-position: left center;
    background-repeat: no-repeat;
	-moz-box-shadow:   5px 5px 11px -1px rgba(0,0,0,0.98);
    -webkit-box-shadow: 5px 5px 11px -1px rgba(0,0,0,0.98);
    box-shadow:        5px 5px 11px -1px rgba(0,0,0,0.98);
}


#page	{
	position:relative;
	display:block;
	width:100%;
	margin-top:150px;
	font-family: arial;
	font-size:10pt;
	font-weight: normal;
	text-align:justify;
	color:rgba(0,0,0,1);
	background-color: rgba(255, 255, 200, .8);
	padding: 20px;
	border-radius: 20px;
	background-position: left center;
    background-repeat: no-repeat;
	-moz-box-shadow:   5px 5px 11px -1px rgba(0,0,0,0.98);
    -webkit-box-shadow: 5px 5px 11px -1px rgba(0,0,0,0.98);
    box-shadow:        5px 5px 11px -1px rgba(0,0,0,0.98);
	
}

.pagetitle{
	position: fixed;
margin:5px;
width:50%;

}


#maintext{
	position:relative;
	display:block;
	width:790px;

	margin: 40px auto;
	font-size: 10pt;
	padding: 7px;
	padding-top:12px;
}

#maintext ul {
	padding-left:40px;
	
}








#menu {
	position: fixed;
	left: 10px;
	z-index:1;
	width: 14em;
	margin-top:150px;
	margin-right:30px;
		
}


#channellingmenu {
	position: fixed;
	left: 180px;
	z-index:1;
	width: 14em;

	margin-right:30px;
		
}


#submenu {
	color: rgb(60, 7, 107);
	background-color: rgba(255, 255, 200, .8);
	-moz-box-shadow:   5px 5px 11px -1px rgba(0,0,0,0.5);
    -webkit-box-shadow: 5px 5px 11px -1px rgba(0,0,0,0.5);
    box-shadow:        5px 5px 11px -1px rgba(0,0,0,0.5);
	
} 


#submenupage {
	color: rgb(60, 7, 107);
	background-color: rgb(255, 0, 0);
	-moz-box-shadow:   5px 5px 11px -1px rgba(0,0,0,0.5);
    -webkit-box-shadow: 5px 5px 11px -1px rgba(0,0,0,0.5);
    box-shadow:        5px 5px 11px -1px rgba(0,0,0,0.5);
	
} 




#submenu:hover {
	cursor: pointer;
	background-color: rgba(255, 255, 240, .1);
	color: rgba(255, 255, 200, 1);
	
}


#submenu, #submenu:hover {


	width:150px;
	height:20px;
	font-size:9pt;
	text-align: center;
	padding: 5px 0px;
	display: flex;
    justify-content: center;
 	align-items: center;
	border-radius: 10px;
	margin: 10px  30px 0px 0px;
	border-style: none;
	border-width: 3px;
	margin-bottom: 10px;
	transition: 0.2s;
}

.smallmenucrystal	{background-color: rgba(225, 189, 114, 1);}

@media only screen and (max-width: 800px) {
	#page {
	  width: 200px;
	  margin: 300px 0px 0px 180px;
	}
  }