@charset "UTF-8";
/* CSS Document */
/*https://stackoverflow.com/questions/35077373/how-to-make-a-sub-navigation-in-html*/



body{
    margin: 0 auto;
    padding: 0 auto;
    font-size: 25px;
	font-family: 'Cinzel', serif;
	background-color: #FFFAFA;
	max-width: 1280px; 

}

#logotext{
	padding-left: 0.9em;
	font-weight: 500; 
}

#navheader {
   
}
#navheader ul{
    margin-top: -70px;
    padding: 0;
    list-style: none;
	font-weight: 600;
}
#navheader ul li {
    margin-top: 10px;
    display: inline-block;
    list-style-type: none;
    transition: all 0.5s;
	float: right;
}

#navheader > ul > li > a {
    color: black;
    display: block;
    line-height: 2em;
    padding: 0.5em 2em;
    text-decoration: none;

}

#navheader li > ul{
    display : none;
    margin-top:1px;
    background-color: rgba(238,228,221,1.00);
	padding-bottom: 1em; 
	padding-top: 0.5em; 
}

#navheader li > ul li{
    display: block;
}

#navheader  li > ul li a {
    color: #111;
    display:list-item;
    line-height: 2px;
    padding: 0.5em 1.5em 0.5em 2em;
    text-decoration: none;
	margin-top: auto;
	padding-top: 0.6em; 
	font-size: 0.9em;
}

#navheader li:hover {
    text-decoration: underline; 
	text-decoration-color: rgba(133,25,25,1.00);

}

#navheader li:hover > ul{
    position:absolute;
    display :grid;
}

a{
}

.logo-img{

    position: fixed;
    margin: 10px 15px 15px 10px;
    left: 0;
    display:inline; 
}

.bg-div{
    background:#333;
    height: 50px;
}

.bg-div nav {
    position: fixed;
    display:inline;
    right: 0;
}


#title{
	font-size: 2em; 
	font-weight: bolder; 
	padding-top: 1em;
	text-decoration: underline;
	text-decoration-color: rgba(51,32,191,1.00); 
	
	
}
#spantitle{
    font-size: 1.3em;
    padding-top: 0em;
}

h2{
	color:black;
	display: block;
	padding:0 auto; 
	font-size: 1em;
	margin-top: 5em; 
	padding-bottom: 1em;
	padding-top: 1em;


}

h1{
	display: inline; 
	font-size: 1.6em;
}

h3{ 
	color: rgba(51,32,191,1.00);
	font-size: 1em;
	margin-bottom: 0; 
	
}

.art{
	font-size:1.4em;
}

.linksleft > ul > li > a, .linksright > ul > li > a, .linksright1 > ul > li > a{
	text-decoration: none; 
}

.linksleft > ul > li > a:hover, .linksright > ul > li > a:hover, .linksright1 > ul > li > a:hover{
	text-decoration: underline; 
}

.linksright{
	float: right; 
}

.linksright1{
	float: right;
	padding-right:4.2em;
}

.linksleft{
	float: left; 
	
}


.linksP:hover, .linksP:active, .linksP:link, .linksP:visited{
	color: #590072;
}

#bulletP{
	color: #590072;
}

.linksS:hover, .linksS:active, .linksS:link, .linksS:visited{
	color: rgba(51,32,191,1.00);
}

#bulletS{
	color: rgba(51,32,191,1.00);
}

.linksA:hover, .linksA:active, .linksA:link, .linksA:visited{
		color: rgba(170,166,40,1.00);
}

#bulletA{
	color: rgba(170,166,40,1.00);
}

.linksF:hover, .linksF:active, .linksF:link, .linksF:visited{
		color: rgba(32,132,16,1.00);
}

#bulletF{
	color: rgba(32,132,16,1.00);
}

.linksDs:hover, .linksDs:active, .linksDs:link, .linksDs:visited{
	color: rgba(232,135,47,1.00);
}

#bulletDs{
	color: rgba(232,135,47,1.00);
}

#linkP, #linkS, #linkA, #linkF, #linkDs{
	text-decoration: underline
}

#linkP{
	text-decoration-color: #590072;
}
#linkS{
	text-decoration-color: rgba(51,32,191,1.00);
}
#linkA{
	text-decoration-color: rgba(170,166,40,1.00);
}
#linkF{
	text-decoration-color:rgba(32,132,16,1.00); 
}
#linkDs{
	text-decoration-color: rgba(232,135,47,1.00);
	
}

sup{
	padding-left: 0.5em;
}

#artp{
	padding-top: 0.85em;
	padding-left: 1em;
	padding-right:1em;
}

main{
	animation: fadeIn 5s;
	padding-bottom: 3em;
}

@keyframes fadeIn{
  0% { opacity: 0; }
  100% { opacity: 1; }
}