@charset "UTF-8";

@font-face { 
font-family: "CarterOne"; 
src:url('../fonts/CarterOne.ttf') format('truetype'),
local('../fonts/CarterOne.ttf') format('truetype'),
font-weight: normal;
font-style: normal;
}

@font-face{
font-family: "Monotype Corsiva";
src:url('../fonts/MTCORSVA.TTF');
src: local('../fonts/MTCORSVA.TTF');
src:url('../fonts/MTCORSVA.ttf');
font-weight: normal;
font-style: Italic;
}

.red-text-shadow {
  text-shadow: black 0 -2px;
}

.BanBoarder {
background-color:#330099;
color: white;
font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
text-decoration : none; 
border-bottom : 1px solid #375BA3;
border-left : 1px solid #375BA3; 
border-top : 1px solid #375BA3; 
border-right : 1px solid #375BA3; 
padding-left : 0; 
padding-right : 0; 
padding-top : 0; 
padding-bottom : 0; 

border-style:solid;
border-color:#333366;
border-width:thin;
} 
.RevBoarder {
background-color:#E0E0E0; 
color:#000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-decoration : none; 
border-bottom : 1px solid #375BA3;
border-left : 1px solid #375BA3; 
border-top : 1px solid #375BA3; 
border-right : 1px solid #375BA3; 
padding-left : 0; 
padding-right : 0; 
padding-top : 0; 
padding-bottom : 0; 
border-style:solid;
border-color:#333366;
border-width:thin;
}
.Boarder {
background-color:#E9E9E9; 
border-bottom : 1px solid #375BA3;
border-left : 1px solid #375BA3; 
border-top : 1px solid #375BA3; 
border-right : 1px solid #375BA3; 
padding-left : 0; 
padding-right : 0; 
padding-top : 0; 
padding-bottom : 0; 
width : 100%;
border-style:solid;
border-color:#333366;
border-width:medium;
} 
.Boarderlite {
background-color:#E0E0E0;
border-bottom : 1px solid #375BA3;
border-left : 1px solid #375BA3; 
border-top : 1px solid #375BA3; 
border-right : 1px solid #375BA3; 
padding-left : 0; display: inline-block;
justify-content: center;
flex-direction: column;
/* horizontally centers items on drop-down menu */
margin-right: auto;
margin-left: auto;
font-size: 16px;
min-width: 30px;
height: 30px;
padding-right : 0; 
padding-top : 0; 
padding-bottom : 0; 
width : 100%;
border-style:solid;
border-color:#333366;
border-width:thin;
} 

noborder{
border-bottom : 0px;
border-left :  0px; 
border-top :  0px; 
border-right :  0px; 
padding-left : 0; 
padding-right : 0; 
padding-top : 0; 
padding-bottom : 0; 
border-style: none;	
}

.audioz{
z-index: 1;
primary-color:white;
background-color: #03C;
color:#FFF;
}

.audio::-webkit-media-controls-panel {
z-index: 1;
background-color: #999;
media-primary-color: white;
color: #fff;
border-radius: 0px;
  /* Add more styles as needed */
}


#menu{
font-size: 14px;
font-family: Verdana; 
text-indent:inherit;
color: #FFF;	
}

.body{
width: 100%;
height: 100%;
margin-right: auto;
margin-left: auto;
min-width: 1000px;
position: relative;
}

/*        Menu             */
.navbar {
width: 100%;
min-width: 1000px;
margin-left: auto;
margin-right: auto;
background-color: #333;
position: relative;
z-index: 999;
margin: 0;
top: 0;
left: 0; 
}


.centered-element {
     display: flex;
     justify-content: center;
}

		
ul {
	list-style: none;
	margin: 0;
	padding: 0px;
	min-width: 10em;
}

		
.parent {
	display: block;
	position: relative;
	float: left;
	line-height: 50px;
	background-color: #333;
	color: #FFF;
	border-right: #CCC 0px solid;
	padding: 0 20px;
	font-size: 18px;
}

.parent a {
	color: #FFF;
	text-decoration: none;
}

.child {
    display: none;
    position: absolute;
    background-color: #333;
    min-width: 160px;
    z-index: 1000;*/
}
		
.child li {
	background-color: #333;
	line-height: 20px; 
	border-bottom: #CCC 0px solid;
	border-right: #CCC 0px solid;
	width: 130%;
}
		
		

.child li a {
    color: #FFF;
    padding: 6px 8px;
    text-decoration: none;
    display: block;
}

.child li a:hover {
    background-color: dimgray;
}

li:hover {
    background-color: dimgray;
}

		
.expand {
	font-size: 16px;
	float: right;
	margin-right: 5px;
}

/* Position submenus to the right */
.parent .child .child {
	/* Position the submenu to the right of its parent */
    left: 100%; 
    top: 0;
	/* Slight separation from the parent menu */
    margin-left: 1px; 
}
		

/*    End Menu           */

.red-text-shadow {
  text-shadow: black 0 -5px;
}

#Mfooter{
	width: 100%;
	height: 80px;
	background-color: #000;
	color:#CCC;
	vertical-align:middle;
	
}
.Fcentered-element {
  margin: 0;
  position: relative;
  top: 0%;
  transform: translateY(-90%);
}
.FfooterLink{
	color: #999;
}

#Mcopyright{
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}

#outer {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #666;
}

#inner {
  font-family: "Monotype Corsiva";
  font-size:25px;
  flex: 0 0 50%;
}

a:link {
  color: pink;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: pink;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: red;
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color: yellow;
  background-color: transparent;
  text-decoration: underline;
}