@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');

body {
	margin: 0;
	padding: 0;
	color: #FFF;
	background-attachment: fixed;
	background-image: url(images/background.png);
	background-repeat: repeat;
	background-color: #000;
	width:100%;
	min-width:1100px;
}

.header {
	/*background-color:black;*/
	color:#F2F2F2;
	text-align: center;
	/*margin-top: 20px;*/
	/*margin-bottom: 10px;*/
	/*margin-left: 160px;
	margin-right: 160px;*/
	/*padding: 20px;*/
	/*border: 1px solid #999;*/
}

.header p {
  font-family: 'EB Garamond', serif; /* <-- This now wins for the header! */
  font-size: 500%;
  font-weight: 400;
  /*text-shadow: 3px 3px 3px #aaa;*/
}


/*TOP NAVIGATION*/
.navigationtop {
	/*background-color:black;*/
	color: #F2F2F2;
	font-family: Inter, Calibri, sans-serif;
	font-size: 150%;
	text-align: center;
	height: 50px;
	/*margin-top: 10px;*/
	margin-bottom: 10px;
	/*margin-left: 0;*/
	/*margin-left: 160px;*/
	/*margin-right: 160px;*/
	/*padding: 0;*/
	/*border: 1px solid #999;*/
}
ul.navtop {
	list-style-type: none;
	margin: 0 auto;
    padding: 0;
	text-align: center;
	width: 485px;
	/*float:left;*/
	/*overflow: hidden;*/
}
ul.navtop li {
	display: inline;
	float:left;
}
ul.navtop li a {
	display: block;	
    width: 220px;
    /*background-color:#252525;*/
	background-image: url(images/ButtonTop.png);
	background-position:center;
    color: #F2F2F2;
	font-weight: bold;
    text-decoration: none;
	padding: 10px 0px;
	margin-left: 15px;
	margin-right: 0px;
	text-align:center;
    /*border-radius: 4px 4px 0 0;*/
}
ul.navtop li a:hover {
    /*background-color:#999;*/
	background-image: url(images/BottonTopHover.png);
	background-position:center;
}

/*LEFT NAVIGATION*/
.navigation {
	/*background-color:black;*/
	color: #F2F2F2;
	font-family: Inter, Calibri, sans-serif;
	font-size: 100%;
	/*height:450px;*/
    width:158px;
	clear:left;
	float:left;
	margin-left: 10px;
	/*padding: 0;*/
	/*border: 1px solid #999;*/
	display:inline;
}
ul.nav {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.nav li a {
    display: block;
    background-color:#252525;
	color: #F2F2F2;
	text-decoration: none;
	border-top: 1px solid #999;
	/*border-bottom: 1px solid #999;*/
	padding: 3px;
}
ul.nav li a:hover {
    background-color:#999;
}

.content {
	color: #F2F2F2;
	font-family: Inter, Calibri, sans-serif;
	font-size: 100%;
	/*height:450px;*/
	/*width:800px;*/
	/*float:left;*/
	margin-left: 180px;
	margin-bottom: 10px;
	margin-right: 160px;
	padding: 5px;
}

.footer {
	color: #F2F2F2;
	font-family: Inter, Calibri, sans-serif;
	font-size: 100%;
	margin-left: 160px;
	margin-right: 160px;
	margin-bottom: 10;
	clear:both;
	padding: 5px;
	border: 1px solid #999;
}
	
h1, h2, h3 {
    color:#F2F2F2;
    font-family: Inter, Calibri, sans-serif;
    /*font-size:200%;*/
}
p  {
    color:#F2F2F2;
    font-family: Inter, Calibri, sans-serif;
	/*margin-bottom:8px;
	margin-top:8px;*/
}


a:link    {color:#F2F2F2; background-color:transparent; text-decoration:none}
a:visited {color:#A0A0A0; background-color:transparent; text-decoration:none}
a:hover   {color:#787878; background-color:transparent; text-decoration:underline}
a:active  {color:#F2F2F2; background-color:transparent; text-decoration:underline}


/*Social Media*/
ul.share-buttons{
  list-style: none;
  padding: 0;
}
ul.share-buttons li{
  display: inline;
}