@charset "UTF-8";
/* CSS Document */
input[type=text]{
	border-top:none;
	border-right:none;
	border-left:none;
	border-bottom: solid thin rgba(60,60,60,1);
	font-family: 'Roboto';
	font-size: 16px;
	width: 250px;
	outline:none;
	color:rgba(60,60,60,1);
}
input[type=password]{
	border-top:none;
	border-right:none;
	border-left:none;
	border-bottom: solid thin rgba(60,60,60,1);
	font-family: 'Roboto';
	font-size: 16px;
	width: 250px;
	outline:none;
	color:rgba(60,60,60,1);
}
tr{
	height: 32px;
}
select{
	font-family: 'Roboto';
	font-size: 16px;
	color:rgba(60,60,60,1);
}
date{
	font-family: 'Roboto';
	font-size: 16px;
	color:rgba(60,60,60,1);
}

#header{
	position: relative; 
	top:0px; 
	width:100%; 
	left:0%; 
	align-content: center;
	height: 150px;
}

#menu_icon{
	position: absolute;
	top: 5px;
	right: 1%;
	width: 20%;
	height:60px;
	overflow-x: 1;
	font-size: 20px;
}

#helpers{
	position: relative;
	width: 100%;
	left:0%;
	height: auto;
	
}
#helpers_col_1{
	position: absolute;
	left:2.5%;
	width: 15%;
	top:10%;
	color: rgba(36,56,69,1);
	font-size: 30px;
	text-align: center;
	font-family: 'Rubik Doodle Shadow';
}
#helpers_col_2{
	position: absolute;
	left:22.5%;
	width: 15%;
	top:10%;
	color: white;
	font-size: 30px;
	text-align: center;
	font-family: 'Rubik Doodle Shadow';
}
#helpers_col_3{
	position: absolute;
	left:42.5%;
	width: 15%;
	top:10%;
	color: darkgreen;
	font-size: 30px;
	text-align: center;
	font-family: 'Rubik Doodle Shadow';
}
#helpers_col_4{
	position: absolute;
	left:62.5%;
	width: 15%;
	top:10%;
	color: darkorange;
	font-size: 30px;
	text-align: center;
	font-family: 'Rubik Doodle Shadow';
}
#helpers_col_5{
	position: absolute;
	left:82.5%;
	width: 15.5%;
	top:10%;
	color: white;
	font-size: 30px;
	text-align: center;
	font-family: 'Rubik Doodle Shadow';
}
#tapp_showcase{
	position: relative;
	width: 100%;
	left:0%;
	height: auto;
	font-family: 'Rubik Doodle Shadow';
	
}
#register_right{
	position: relative;
	width: 30%;
	left:60%;
	height: auto;
	font-family: 'Rubik Doodle Shadow';
	font-family: 'Roboto';	
}

#events{
	position: relative;
	width: 100%;
	left:0%;
	height: 475px;
	font-family: 'Roboto';
	background-color: rgba(75,132,159,1);
	color:white;
}
#event_image{
	position: absolute;
	left:0.5%;
	top:2%;
	height:auto;
	width: 48%;
}
#event_text{
	position: absolute;
	left:50%;
	top:2%;
	height:auto;
	width: 48%;
	color: white;
	font-family: 'Roboto';
}
#accounting{
	position: relative;
	width: 100%;
	left:0%;
	height: 475px;
	font-family: 'Roboto';
	background-color: rgba(36,56,69,1);
	color:white;
}
#accounting_image{
	position: absolute;
	left:50.5%;
	top:2%;
	height:auto;
	width: 48%;
}
#accounting_text{
	position: absolute;
	left:0.5%;
	top:2%;
	height:auto;
	width: 48%;
	color: white;
	font-family: 'Roboto';
}
#volunteer{
	position: relative;
	width: 100%;
	left:0%;
	height: 475px;
	font-family: 'Roboto';
	background-color: rgba(182,213,198,1);
	color:white;
}
#volunteer_image{
	position: absolute;
	left:0.5%;
	top:2%;
	height:auto;
	width: 48%;
}
#volunteer_text{
	position: absolute;
	left:50.5%;
	top:2%;
	height:auto;
	width: 48%;
	color: white;
	font-family: 'Roboto';
}
#webdev{
	position: relative;
	width: 100%;
	left:0%;
	height: 485px;
	font-family: 'Roboto';
	background-color: rgba(226,138,100,1.00);
	color:white;
}
#webdev_image{
	position: absolute;
	left:50.5%;
	top:2%;
	height:auto;
	width: 49%;
}
#webdev_text{
	position: absolute;
	left:0.5%;
	top:2%;
	height:auto;
	width: 48%;
	color: white;
	font-family: 'Roboto';
}
#spacer_1{
	position: relative;
	width:100%;
	left:0px;
	height: 50px;
}
#spacer_2{
	position: relative;
	width:100%;
	left:0px;
	height: 10px;
}
#spacer_3{
	position: relative;
	width:100%;
	left:0px;
	height: 10px;
}
#spacer_4{
	position: relative;
	width:100%;
	left:0px;
	height: 10px;
}
#spacer_5{
	position: relative;
	width:100%;
	left:0px;
	height: 10px;
}
#fees{
	
	position: relative;
	width: 100%;
	left:0%;
	height:auto;
	font-family: 'Roboto';
	background-color: rgba(245,245,245,1);
	color:white;
}

#fees_mth{
	position: absolute;
	left:0.5%;
	width:49.5%;
	top:0.5%;
	height: auto;
	
}

#fees_tx{
	position: absolute;
	left:50.5%;
	width:49.5%;
	top:0.5%;
	height: auto;
}