@font-face {
		font-family: 232MKRM; src: url('font\232MKRM.TTF';)
	}
	
	body {
        background-color: #FFFCEC;
        margin: 0;
		font-family: 232MKRM;
    }
	ul {
		list-style-type: none;
	}
	
    #mainPage {
        max-width:500px;
        margin: auto;
    }
	
	#mainPage2 {
        max-width:500px;
        margin: auto;
    }
	
    #gfTitlePic {
		display:flex;
        width: 15%;
		margin-left:12%;
    }
	
    #gfTitle {
		position:absolute;
		left:30%;
		width:45%;
    }

    #gfTeamPic {
		
		margin-left:5%;
		width:80%;
		height:auto;
		top: 1%;
		/*
        padding-top: 2%;
        display: flex;
        margin-left: 15%;
        width: 40%;
        top: 1%;        
        height: 30%;
        left: 30%;*/
    }

    #gfHomeText {
        padding-top: 5%;
        font-size: 2vw;
        display: block;
        width: 40%;
        margin-left: 15%;
        font-style: italic;
    }

    /* #gfTeamPic0 { */
        /* padding-top: 2%; */
        /* display: flex; */
        /* margin-left: 15%; */
        /* width: 40%; */
        /* height: 30%; */
        /* top: 1%; */
        /* left: 30%; */
    /* } */
	
	#galleryPic {
		width:15%;
	}
	
	.topnav {
        overflow: hidden;
		margin:auto;
    }
	.topnavBackground {
        overflow: hidden;
        background-color: black;
		margin:auto;
	}
    .topnav a {
            float: left;
            color: white;
            text-align: center;
            padding: 0.5vw 0.2vw;
            text-decoration: none;
            font-size: 75%;
            border: double;
            border-color: white;
			width:17%;
        }

            .topnav a:hover {
                background-color: black; /* Hover over Button Background */
                color: #FFED00; /* Hover over Button Text */
                font-style: oblique;
                border: dotted;
                border-color: white;
            }

            .topnav a.active {
                background-color: black; /* Home Button */
                color: #FFED00;
                font-style: oblique;
                border: dotted;
                border-color: white;
            }
	
	.bandMember {
		margin-top:10px;	
		font-size: 75%;
		border-spacing: 1px;
		text-decoration: wavy;
		text-decoration-color: white;
		margin-left:-15%;
	}

	.ulBand {
		display: inline-grid;
		border: 1px solid black;
		color: black;
		/* background-color: black; */
		/* color: #FFED00; */
		font-size: 80%;
		margin-left:1.25%;
		max-width:130px;
		max-height:300px;
	}
	
	#imgBand1 {
		margin-top:0.6%;
		width: 153px;
		margin-left:-34%;
		height: 115px;
		text-align: center;
	}
	#imgBand2 {
		margin-top:0.5%;
		width: 153px;
		margin-left:-34%;
		height: 115px;
		text-align: center;
	}
	#imgBand3 {
		margin-top:0.5%;
		width: 153px;
		margin-left:-34%;
		height: 115px;
		text-align: center;
	}
	
	#imgBand4 {
		margin-top:0.5%;
		width: 153px;
		margin-left:-34%;
		height: 115px;
		text-align: center;
	}
	#imgBand5 {
		margin-top:0.5%;
		width: 153px;
		margin-left:-34%;
		height: 115px;
		text-align: center;
	}
	#imgBand6 {
		margin-top:0.5%;
		width: 153px;
		margin-left:-34%;
		height: 115px;
		text-align: center;
	}
	.tooltip {
		position: relavtive;
		display: inline:block;
		max-width:115px;
        margin: auto;
	}
	.tooltiptext {
		display: block;
		visibility: hidden;
		background-color: black;
		color: #fff;
		text-align: block;
		padding: 5px 0;
		border-radius: 6px;
		height:auto;
		max-width:200px;
        margin: auto;
		/* Position the tooltip text - see examples below! */
		position: absolute;
		z-index: 1;	
		white-space: initial;
		margin-left:-1%;
	}
	.tooltip:hover .tooltiptext{
		visibility: visible;
		background-color: white;
		color: black;
		border: 1px solid black;
	}
	.ulGallery {
		display: inline-grid;
		color: #FFED00;
		font-size: 75%;
		max-width:300px;
		max-height:400px;
	}
	
	.imgGallery {
		margin-top:2.5%;
		width: 150px;
		margin-left:-10%;
		height: 150px;
		text-align: center;
	}
	
	.divBandMember2 {
		margin-top: 5%;
		background-color: black;
		color: #FFED00;
		font-size: 75%;
	}
	
	.bandMembers1 {
		background-color: black;
		color: #FFED00;
		font-size: 75%;
		display: block;
		float: left;
		width:auto;
	}
	.bandMembers2 {
		background-color: black;
		color: #FFED00;
		font-size: 75%;
		display: block;
		float: left;
		width:auto;
	}
	
	.td1 {
		width: 250px;
	}
	
    .auto-style1 {
        font-size: x-large;
    }