/* cmsms stylesheet: NESWORLD 2026 CSS - Nav Menu modified: Wednesday, March 18, 2026 4:30:12 PM */
body {
  font-family: Arial, Helvetica, sans-serif;
}

.navbar {
  overflow: hidden;
#  background-image: url(/template/menutop2.png);
padding-bottom: 5px;
}

.navbar a {
  float: left;
  font-size: 14px;
  color: #fff;
  padding: 5px 10px;
  margin: 2px;
  text-decoration: none;

  background-color: #2a2a2a;

  border-top: 1px solid #6a6a6a;
  border-left: 1px solid #6a6a6a;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;

  border-radius: 6px;
}

.navbar a:hover {
  background-color: #3a3a3a;

  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #6a6a6a;
  border-bottom: 1px solid #6a6a6a;
}

.dropdown {
  float: left;
  overflow: hidden;
  margin-right: 0px;
}



.dropdown .dropbtn {
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif; /* force same font */
  color: #fff;
  display: block;
  padding: 5px 10px;
  margin: 2px;

  background-color: #2a2a2a;

  border-top: 1px solid #6a6a6a;
  border-left: 1px solid #6a6a6a;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;

  border-radius: 6px;

  cursor: pointer;

  /* ?? IMPORTANT RESETS */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  line-height: normal;
}

/* Optional: hover effect */
.dropdown .dropbtn:hover {
  background-color: #D77001;
}




.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: #D77001;
}

.dropdown-content {
  display: none;
  position: absolute;
//background-color:  transparent;
  background-color:  black;
  min-width: 190px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: #FFFFFF;
  padding: 5px 10px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Force white for all link states */
.navbar a:link,
.navbar a:visited,
.navbar a:hover,
.navbar a:active,
.dropdown .dropbtn:link,
.dropdown .dropbtn:visited,
.dropdown .dropbtn:hover,
.dropdown .dropbtn:active {
  color: white;
  text-decoration: none;
}

.dropdown-content a:hover {
  background-color: #D59B24;
}

.dropdown:hover .dropdown-content {
  display: block;
}
/* cmsms stylesheet: NESWORLD 2026 CSS - General modified: Wednesday, March 18, 2026 5:00:52 PM */
body {
	background-color:#090909;
        background-repeat: no-repeat;
	title: ab;
	margin: 0;
	border: 0px none;
	text-align: left;
	font-family: Arial;
	color:#FFFFFF;
	font-size: 14px;
	padding-bottom: 0px; padding-left:0; padding-right:0; padding-top:0;

}

 a:link, a:visited, a:hover, a:active {
  color: #FF9C01;
}
/* cmsms stylesheet: NESWORLD 2026 CSS - Page Body and Background modified: Tuesday, March 24, 2026 4:11:54 PM */
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
#    /* Full-page background image */
#    background-image: url('https://picsum.photos/1920/1080');
#    background-size: cover;
#    background-position: center;
#    background-repeat: no-repeat;

  background-image: url("https://www.nesworld.com/_2026/back2.png");
  #background-size: 150px 150px;  /* size per tile */
  background-repeat: repeat;
  background-position: center;
  background-attachment: fixed;

    display: flex;
    justify-content: center;
    align-items: flex-start;
  }

  .floating-div {
    #width: 100%;
    #max-width: 1042px;

    width: 1042px;
    #height: 100vh;
    background-color: black;
    position: relative; /* needed for pseudo-elements */

    display: flex-start;
    justify-content: center;
    align-items: center;
    font-family: sans-serif;
    font-size: 24px;
  #  text-align: top;

  }

  /* Gradient shadows on the sides */
  .floating-div::before,
  .floating-div::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 40px; /* thickness of shadow */
    z-index: -1; /* behind the div */
  }

  /* Left gradient: lightgray near div, fading out */
  .floating-div::before {
    left: -40px;
    background: linear-gradient(to left, rgba(0,0,0,0.5), rgba(0,0,0,0));
  }

  /* Right gradient: lightgray near div, fading out */
  .floating-div::after {
    right: -40px;
    background: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0));
  }

.header {
   padding-top: 15px; /* padding only on the left side */
   padding-left: 10px; /* padding only on the left side */

}
/* cmsms stylesheet: NESWORLD 2026 CSS - Columns, outer container, text modified: Tuesday, March 24, 2026 4:40:22 PM */
/* Outer wrapper with top & right border */

  .column-left {
    width: 182px;       /* adjust as needed */
    height: 100%;      /* adjust as needed */
}

  .column-center {
    width: 485px;       /* adjust as needed */
    height: 100%;      /* adjust as needed */
}

  .column-right {
    width: 345px;       /* adjust as needed */
    height: 100%;      /* adjust as needed */
}

  .border-wrapper {
    border-top: 2px solid #353535;   /* light gray top border */
    border-right: 2px solid #353535; /* light gray right border */
    border-top-right-radius: 12px;    /* rounded corner */
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;    /* so only the borders are visible */
    padding: 2px;                     /* 2px gap for inner div */
  }

  /* Inner div with black background */
  .inner-div {
    width: 100%;
    height: 100%;
    background-color: black;
    border-radius: 10px; /* slightly smaller radius to fit inside the border */
    display: flex-start;
    justify-content: center;
    align-items: center;
    color: white;
    font-family: sans-serif;
    font-size: 16px;
    padding-top: 3px;
    padding-bottom: 10px;
 }

  .headline-div-verysmall {
    font-family: Arial;
    font-size: 14px;
    color: #FE9B17;
    margin: 0; /* remove default h1 margin */
  }

  .headline-div-small {
    font-family: Arial;
    font-size: 16px;
    color: #FE9B17;
    margin: 0; /* remove default h1 margin */
  }

  .headline-div-large {
    font-family: Arial;
    font-size: 24px;
    color: #FE9B17;
    margin: 0; /* remove default h1 margin */
  }

  .container {
    display: flex;
    gap: 5px; /* space between columns */
  }

  /* First column: fixed width */
  .column1 {
    # padding: 0px;
    # border: 1px solid #d3d3d3; /* Border is only used when testing width of column */
    background-color: black;
    display: flex-top;
    justify-content: center;
    align-items: center;
    padding-left: 10px; /* padding only on the left side */
  }

  /* Second column: flexible width */
  .column2 {
    # padding: 20px;
    # border: 1px solid #d3d3d3; /* Border is only used when testing width of column */
    background-color: black;
    display: flex-top;
    justify-content: center;
    align-items: center;
  }

  /* Third column: flexible width */
  .column3 {
    # padding: 20px;
    # border: 1px solid #d3d3d3; /* Border is only used when testing width of column */
    background-color: black;
    display: flex-top;
    justify-content: center;
    align-items: center;
  }

/* Non default containers and columns */