<style TYPE="text/css" MEDIA=screen>

.gxxxx{}

.gNavTop
 {
	text-align: center;
	top: 0;
	left: 0;
	position: fixed;
	width: 100%;
	height: 100%;
	font-size:26pt;
	color:white;
	vertical-align: middle;
	background-image: linear-gradient(to bottom, indigo, orange, indigo);
 }
 
.gNavMain
{
	left: 226px;
	top: 100px;
	position: fixed;
	width: 86%;
	height: 88%;
	background-image: url("./gilgamashtrumpet.png");
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	border: solid 0px black;
	border-radius: 6px;
}
 
.gNavMenu
{
  overflow: hidden;
  background-color: #111644;
  position: fixed; /* Set the navbar to fixed position */
  left: 2px; /* Position the navbar at the top of the page */
  top: 105px;
  font-size: 24px;
  border-radius: 4px;
  font-family: sans-serif;
  height: 88%;
  width: 220px;
  padding: 24px 24px 0px 0x;
}

/* Links inside the navbar */
.gNavMenu a {
  float: left;
  display: inline-block;
  color: #dddddd;
  cursor: pointer;
  left: 2px;
  text-align: center;
  margin-top: 12px;
  margin-bottom: 12px;
  position: relative;
  width: 100%;
  text-decoration: none;
  text-shadow: 2px 10px 2px rgba(112,142,220, 0.8);
  transition: transform 240ms ease-in-out;
}

/* Links inside the navbar */
.gNavMenu a:hover
{
	display:block;
	content: '';
	text-decoration: none;
	background: #2222aa;
	box-shadow: inset -45px 0px 20px -25px #2fffff, inset 45px 0px 20px -25px #2fffff;
	width: 100%;
	left: 2px;
	text-shadow: 0px 0px 0px;
	transform: scale(1.2);
	transition: transform 240ms ease-in-out;
	position: relative;
}

/* Links inside the navbar */
.gNavMenu a:active
{
	display:block;
	content: '';
	text-decoration: none;
	background: #202435;
	box-shadow: inset -40px -0px 20px -25px #ffffaa, inset 50px 0px 20px -25px #ffffaa;
	width: 96%;
	text-shadow: 0 0 0px;
	font-style: italic;
}

.gNavMenu a:visited
{
	display:block;
	content: '';
	text-decoration: none;
	background: #202435;
	color: #222222;
	box-shadow: inset -40px -0px 20px -25px #ffffaa, inset 50px 0px 20px -25px #ffffaa;
	width: 96%;
	text-shadow: 0 0 0px;
	font-style: italic;
}

	
/* Main content */
.main {
  margin-left: 20px; /* Add a top margin to avoid content overlay */
}

</style>
