/*welcome page*/
.welcome {
  	text-align:center;
  	color:green;
 	width:100%;
  	padding-top:10vw;
  	padding-bottom:10vw;
  	box-shadow: 0px 0px 20px #fff14f;
    border-radius: 2vw;
    background-color: rgba(40, 40, 40, .8);
}
  #enter {
  	color:rgb(10,50,250);
  	margin:0 auto;
  	position:relative;
  	font-size:10vw;
  }

/*Header*/
header{
    height:14vw;
    text-align:center;
    color:rgb(20,20,250);
    font-family: impact;
    font-size: 6vw;
    font-weight:strong;
    background-image: linear-gradient(to bottom, rgb(50,0,0), rgba(250,100,100,1), rgb(50,0,0));
    border: 5px solid black;
    padding:10px;
    text-shadow: -2px 2px 3px black;
    box-shadow: -10px 10px 20px black;
}
.contactheader{
    height:7vw;
    text-align:center;
    color:rgb(20,20,250);
    font-family: impact;
    font-size: 6vw;
    font-weight:strong;
    background-image: linear-gradient(to bottom, rgb(50,0,0), rgba(250,100,100,1), rgb(50,0,0));
    border: 5px solid black;
    padding:10px;
    text-shadow:0px 0px 10px white;
    box-shadow: -10px 10px 20px black;
}
.contactcontainer{
	position:relative;
	bottom: 2vw;
	text-align: center;
}
.regform{
	position: relative;
	bottom: 5vw
}
.signup{
	height:3vw;
    text-align:center;
    color:rgb(20,20,250);
    font-family: impact;
    font-size: 3vw;
    font-weight:strong;
    padding:1vw;
    text-shadow:0px 0px 10px white;
    box-shadow: -10px 10px 20px black;
	position: relative;
	bottom: 4vw;
}

.logowrapper{
	text-align:left;
	float:left;
}

.headerlogo{
	width:10vw;
	height:auto;
}

.headerlogo2{
	width:6.5vw;
	height:auto;
	
}

.home{
    float:left;
	}

/*main body*/

body{
	background-repeat: no-repeat;
	background-position:center;
	background-color: rgb(10,10,100);
	background-attachment: fixed;
}

/*menu bar*/
.panel {
    width:100vw;
    text-align:center;
}

.menubutton {
	font-size:2vw;
	margin:none;
	padding:2.5vw;
	position:relative;
	background-image:linear-gradient(green, white, green);
	width:15vw;
	height:7vw;
	text-align:center;
	border:solid .2vw black;
}

	.menubutton:link{
    	color:black;
    }

	.menubutton:hover{
    	position:relative;
    	background-image:linear-gradient(yellow, orange, yellow);
    	color:red;
    	top:-.5vw;
	}
	.menubutton:active{
    	color:white;
    
    }

	.menubutton:visited{}


  		#enter:hover {
  			color:white;
  			text-shadow: 0px 0px 10px yellow;
  			top: -.5vw;
  		}



/*Bulletin*/
.bulletin {
	position:relative;
	background-color: black;
	margin:none;
	width: 70vw;
	height: auto;
	box-shadow: -10px 10px 20px black;
    border-radius:1vw;
	border:1vw solid;
	border-image:linear-gradient(45deg, red, black, red, black);
	border-image-slice: 20%; 
}

/*programs*/		
#picwrapper {
	width:100%;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
    padding:0.5vw; 
    color:white;
  	text-shadow: 0px 0px 10px yellow;
	font-size:2vw;
}

.container{
    display:inline-block;
    width:100%;
}
#pagepic{
    box-shadow: -10px 10px 20px black;
    position:relative;
    border-radius:2vw;
    height:auto;
    width:52vw;
    transform:translateY(2vw);
    box-shadow: -10px 10px 20px black;
    border-radius:1vw;
    border:1vw solid;
    border-image:linear-gradient(45deg, red, black, red, black);
    border-image-slice: 20%;  
 }
.details{
	color:red;
	text-shadow:5px 5px 2px black;
    padding:2vw;
    position:relative;
    left:-10vw;
    font-size:2.5vw;
    width:30vw;
    height:auto;
    float:right;
}
.detailsA{
	color:red;
	text-shadow:5px 5px 2px black;
    padding:2vw;
    position:relative;
    left:-10vw;
    font-size:2.5vw;
    width:30vw;
    height:auto;
    float:right;
    transform:translateX(3vw) translateY(2vw);
    }

.detailsC{
	color:red;
	text-shadow:5px 5px 2px black;
    margin:0;
    font-size:2.5vw;
    padding-left:2vw;
    padding-right:2vw;
    padding-top:6vw;
    height:23vw;
    float:right;
    transform:translateY(3vw);
}

.detailsK{
	color:red;
	text-shadow:5px 5px 2px black;
    padding:2vw;
    position:relative;
    left:-10vw;
    font-size:2.5vw;
    width:30vw;
    height:auto;
    float:right;
    transform:translateY(3vw);
}
.detailsO{
    display:block;
    margin:0;
    font-size:2vw;
    color:red;
   	text-shadow:5px 5px 2px black;
    padding-left:2vw;
    padding-right:2vw;
    padding-top:6vw;
    height:21vw;
    float:right;
    transform:translateY(2vw);
}

/*photo album page*/

#albumbutton{
 	position:relative;
 	display:block;
 	background-image:linear-gradient(black,blue,black);
 	opacity:.7;
 	padding:10px;
 	margin:5px;
 	color:yellow;
}
 .albums{
 	margin:20px;
 	padding:20px;
	position:relative;
	bottom:-30px;
}

/*chun-gi*/
.firstform {		
	font-size:4vw;
	color: yellow;
	text-align: center;
	background-color: black;
	border-radius: 5vw;
}
.secondForm {		
	font-size:4vw;
	color: yellow;
	text-align: center;
	background-color: black;
	border-radius: 5vw;
}
     
video {
	background-color:black;
	margin:none;
	width: 40vw;
	height: auto;
	box-shadow: -10px 10px 20px black;
    border-radius:1vw;
	border:1vw solid;
	border-image:linear-gradient(45deg, red, black, red, black);
	border-image-slice: 20%;  
}
.vidwrapper {
	text-align: center;
}

/*links*/
a {
	text-decoration: none;
	font-size: 2vw;
	font-family: "Lucida Console;
}

	a:link {color: black;}
	a:visited {color: black;}
	a:hover {color: red;}
	a:active {color: white;}


/*home page body*/
.downloads{
	border-radius: 1vw;
}
#sect1{
    display:inline-block;
}

	p{
		font-family:Arial, Helvetica, sans-serif;
    	text-align:left;
    	padding:2vw;
    	background-color: rgba(40, 40, 40, .7);
    	color:white;
    	font-size:2vw;
    	box-shadow: 0px 0px 20px #fff14f;
    	text-shadow: 0px 0px 10px yellow;
    	border-radius: 2vw;
    	margin:0;
	}
.contactparagraph{
		width: 33vw;
		font-family:Arial, Helvetica, sans-serif;
    	text-align: left;
    	padding:2vw;
    	background-color: rgba(40, 40, 40, .7);
    	color:white;
    	font-size:1.5vw;
    	box-shadow: 0px 0px 20px #fff14f;
    	text-shadow: 0px 0px 10px yellow;
    	border-radius: 1vw;
    	margin-left:8vw;
		position:relative;
		float:left;	
	}
.contactparagraph2{
		width:80vw;
		font-family:Arial, Helvetica, sans-serif;
    	text-align:left;
    	padding:2vw;
    	color:white;
    	font-size:4vw;
    	box-shadow: 0px 0px 20px #fff14f;
    	text-shadow: 0px 0px 10px yellow;
    	margin:0;
		position: relative;
		Bottom: 6vw;
		
}
	.d1{
    	display:inline-block;
    	width:100vw;
    	text-align:center;
	}
	#p1{
    	position:relative;
    	right:-4vw;
    	bottom:-3vw;
    	width:30vw;
    	height:auto;
    	z-index:2;
	}
	#instpic{
    	width:50vw;
    	height:auto;
    	float:right;
    	bottom:-5vw;
    	left:-2vw;
    	z-index:1;
    	position:relative;
    	left:-8vw;
    	box-shadow: -10px 10px 20px black;
    	border-radius:1vw;
    	border:1vw solid;
    	border-image:linear-gradient(45deg, red, black, red, black);
    	border-image-slice: 20%;  
	}
	#d2{
    	display:inline-block;
    	width:100vw;
    	text-align:center;
	}
	#p2{
    	width:30vw;
    	height:auto;
    	position:relative;
    	float:right;
    	bottom:-6vw;
    	left:-10vw;
    	background-color: rgba(40, 40, 40, .7);
    	color:white;
    	z-index: 2;
	}
	#esoteric{
    	width:60vw;
    	position:relative;
    	float:left;
    	z-index: 1;
    	box-shadow: -10px 10px 20px black;
    	border-radius:1vw;
    	border:1vw solid;
    	border-image:linear-gradient(45deg, red, black, red, black);
    	border-image-slice: 20%;  
	}
	#d3{
    	display:inline-block;
    	width:100vw;
    	text-align:center;   
	}
	#p3{
    	position:relative;
    	float:left;
    	width:40vw;
    	z-index:4;
    }
	#general{
    	position:relative;
    	float:right;
    	top:-10vw;
    	width:50vw;
    	z-index:3;
    	border-radius:1vw;
    	border:1vw solid;
    	border-image:linear-gradient(45deg, red, black, red, black);
    	border-image-slice: 20%;  
	}
	#spar{
		width:50vw;
		height:auto;
    	position:relative;
    	float:left;
    	top:-40vw;
    	border-radius:1vw;
    	border:1vw solid;
    	border-image:linear-gradient(45deg, red, black, red, black);
    	border-image-slice: 20%;  
	}
	#d4{
    	display:inline-block;
    	width:100vw;
    	text-align:center;
	}
	#p4{
    	font-size:3vw;
    	position:relative;
    	float:left;
    	top:-40vw;
    	width:40vw;
    	height:auto
    	height:12vw;
    	z-index:4;
	}
	#rank{
		margin-top:2vw;
		width:80vw;
		height:auto;
    	position:relative;
    	float:right;
    	top:-45vw;
    	left:-5vw;
    	border-radius:1vw;
    	border:1vw solid;
    	border-image:linear-gradient(45deg, red, black, red, black);
    	border-image-slice: 20%;    
	}
	#d5{
    	display:inline-block;
    	width:100vw;
    	text-align:center;
	}
	#p5{
    	text-align:center;
    	position:relative;
    	top:-43vw;
    	right:-7vw;
    	width:80vw;
    	background-color: rgba(40, 40, 40, .7);
    	color:rgba(250,50,50,1);
    	text-shadow: -2px 2px 3px black;
    	font-size:5vw;
    	z-index:4;
	}


/*program buttons*/
.buttonwrap{
    width: 95%;
    text-align:center;
}
    button{
        background-image: linear-gradient(black,yellow,black);
        font-size:1vw;
        border-radius:1vw;
        text-shadow: -2px 2px 5px black
    }

/*Under Construction*/
.construction{
            padding:1vw;
            font-size:4vw;
            text-align:center;
            background-color:yellow;
            border:1vw solid black;
        }

.aboutPicWrap{
	width:100%;
	text-align:center;
}
.aboutPic{
	position:relative;
	width:30vw;
	height:auto;
	border-radius:1vw;
    border:1vw solid;
    border-image:linear-gradient(45deg, red, black, red, black);
    border-image-slice: 20%;  
}

.news {
    color:blue;
    margin:1vw;
    font-size:3vw;
    text-shadow: -2px 2px 3px black;
}