body {
		margin:0;
		font-family: Raleway;
		font-weight: 300 bold;
		font-size:20px;
		background-color:black;
		background-image:url("../merrymaking_img/winter/bg_1.png");
		background-size: cover; 
		background-attachment: fixed;
		text-align:center;
		color: #fdfffc;		
	}
	
		a:link {
			text-decoration: none;
			color:#f3f2ea; 
		}

		a:visited {
			text-decoration: none;
			color:#cbcac3;
		}

		a:hover {
			text-decoration: underline;
			color:#fffff1;
		}

		a:active {
			text-decoration: underline;
			color:#aaa9b0;
		}
	
	.topNav {
		position:fixed;
		top:0;
		width:100%;
		font-weight:400;
		background-color: #3d4d29;		
		overflow: hidden;
		
	}
	
		.topNav a {
				float: left;
				display: block;
				color: #fdfffc; 
				text-align: center;
				padding: 14px 16px;
				text-decoration: none;
				font-size: 17px;
		}
			
				.topNav a:hover {
				background-color: #eff3e3;
				color: #082c46;
				
				}
				
				.navbar-right{
				float:right;
			}
			
				#discord {
					
					width:fit-content;
					background-image: url("../../img/discord-mark-white.png");
					background-position:bottom 16px left 10px;
					background-size:18%;
					background-repeat:no-repeat;
					text-align:right;
				}				
				
				#discord:hover {
					
					background-image:url("../../img/discord-mark-black.png");
					background-position:bottom 16px left 10px;
					background-size:18%;
					background-repeat:no-repeat;
					text-align:right;
				}

				#home {
					
					width:fit-content;
					background-image: url("../../img/m.png");
					background-position:bottom 16px left 10px;
					background-size:20%;
					background-repeat:no-repeat;
					text-align:right;
				}				
				
				#home:hover {
					
					background-image:url("../../img/m.png");
					background-position:bottom 16px left 10px;
					background-size:20%;
					background-repeat:no-repeat;
					text-align:right;
				}
					
	
	#spacer {
		margin-top:48px;		
		width:100%;
		height:80px;	
	}
	
	#pgTitle {				
		width:100%;		
		text-align:center;
	}
	
	
	
		#pgTitle h1 {
			width:70%;
			margin:0 auto;			
			padding: 5px 0px;
			line-height:60px;
			font-weight:300;
			font-size:50px;
			background: rgba(28, 28, 29, 0.75);
		}
		
		h2 {
			width:100%;
			margin:0 auto;			
			padding: 5px 0px;			
			font-weight:300;
			text-align:left;
			font-size: 40px;
		}
		
		h3 {
			width:100%;
			margin:0 auto;			
			padding: 5px 0px;
			line-height:20px;
			font-weight:300;
			text-align:left;
			font-size:30px;
		}
		
		hr {
			border: 2px solid #3d4d29;
		}
		
		#qTitle {	
			margin:0 auto;		
			width:70%;				
			padding: 5px 0px;
			text-align:center;
			font-size:20px;	
			background: rgba(28, 28, 29, 0.75);			
		}
		
	#navBottom {				
			width:70%;	
			height:fit-content;
			margin:0 auto;
			text-align:center;
			background-color: #730200;
		}
		
			#navLinks {
			display:inline-block;
			margin: 0 auto;
			height:fit-content;		
		}
		
			/* style the arrows for the dropdown */
		span {
			font-size:12px;
		}
		
        /* style the dropdown */
            #navBottom ul {
                list-style-type: none;
                margin: 0 auto;
                padding: 0;	  	 
            }

            #navBottom li {
                display:inline-block;	  
            }

            #navBottom li a, .dropbtn {
                display: inline-block;
                color: white;	
                text-align: center;
                padding: 10px 16px;
                text-decoration: none;
            }

            #navBottom li a:hover, .dropdown:hover .dropbtn {
                background-color: #eff3e3;
                color:#1f2a22;              
            }

            #navBottom li.dropdown {
                display: inline-block;
                text-align:center;
                padding:0;
            }	

            #navBottom .dropdown-content {
                display: none;
                position: absolute;
                background-color: #eff3e3;
                min-width: 160px;
                box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
                z-index: 1;
            }

            #navBottom .dropdown-content a {
                color: #1f2a22;
                padding: 12px 16px;
                text-decoration: none;
                display: block;
                text-align: left;
            }

            #navBottom .dropdown-content a:hover {
                background-color: #9c0820; 
                color: white;
            }

            #navBottom .dropdown-content a:active {
                color: #1f2a22;
            }

            #navBottom .dropdown:hover .dropdown-content {
                display: block;
            }
	
	
	#main {
		width:70%;		
		margin:0 auto;
		background: rgba(28, 28, 29, 0.75);
	}
	
		#main table {
			width:100%;
			border-spacing:10px 5px;			
		}
		
		table td {
					padding:5px 0px;
					text-align:center;					
				}
				
				table td img {
					width:300px;
				}
				
					table td img:hover {
						-webkit-transition-property: all; 
						-webkit-transition-duration: 0.3s; 
						-webkit-transition-timing-function: ease; 
						transform: scale(1.25); 
					}
					
	#footer {
		padding: 10px 0px;
	}