/*
	Color scheme
	143, 163, 219

	97, 123, 194 

	39, 71, 159 

	22, 50, 126

	65, 93, 171
*/

/*@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){

	html, body{
  	   width:100%;
       overflow-x:hidden;
  	}

}*/

/* * * * * * * * * * * * * * * * * */
body {
	background: white;
	
	font-size: 16px;
	color: rgb(50,50,50);
	line-height: 1.5;
}

.container{
	background: white;
}

ul{
	list-style: circle inside;
}


h4 {
	background-image: url('pic/header2.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	line-height: 1.5;
	color: white;
	margin: 2px 2px 2px 2px;
	border: 1px solid rgba(0,0,0,0);
}













/* - - - - - - - - - - - - - - - - - - - - */
.navbar-custom {
    background: white;
	 border: none;
	 color: black;
}


.navbar-custom li a {
    color: rgb(50,50,50);
}

.navbar-custom li a:visited {
   color: rgb(50,50,50);
}

.navbar-custom li a:focus {
   color: yellow;
}

.navbar-custom .navbar-nav > li > a:hover, .navbar-custom .navbar-nav > li > a:focus {
    color: rgb(100,100,100);
	 font-size: 17px;
}


.navbar-brand{
	font-size: 30px;
	margin-top: 0px;
	color: black;
/*	font-size: 20p;*/
}

.navbar-brand:visited{
	color: black;
	margin-top: 0px;
}

.active_page{
/*	background: white;*/
	text-decoration: underline;
}
/* - - - - - - - - - - - - - - - - - - - - */






.mainbody h4{
	padding: 4px 2px 4px 45px;
}

.sidebar h4{
	padding: 4px 2px 4px 25px;
}

p {
    display:inline
}
/* * * * * * * * * * * * * * * * * */




/* - - - menu div - - - */
#top_div{
	display: block;
}

#top_div_mobile{
	display: none;
}
/* - - - - - - - - - - - */



#top_div_contact h4{
	padding-left: 60px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#top_div_contact h4 a{
	text-decoration:none;
	color: white;
}

#top_div_contact h4 a:hover{
	text-decoration: underline;
}

#headerpic{
	height: 100%;
	width: 100%;	
}

/* change to class as you have multiple of these*/
#starpic{
	height: 12px;
	width: 12px;
}

.plus_minus_pic{
	height: 15px;
	width: 15px;
	margin-bottom: 3px;
}

.hide_bloc{
	font-style: italic;
}

.odd_background{
	
	background-image: url('pic/subheader.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}







/* - - - - - - - - - - - - content table- - - - - - - - - - - - - - - */

	.content_table{	
		position: static;
		border-collapse: collapse;
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
		align: center;
		
	}
	
	.main_sub_header {
		width: 100%;
		padding: 5px 0px 10px 0px;
		position: relative;
		
	}
	
	.image_sub_col {
/*		max-width: 10px;*/
/*		border: 1px solid green; */	
		vertical-align: top;
		width: 1%;
}


	.sidebar .content_table td{
/*		border: 1px solid orange;*/
		padding: 10px 20px 10px 20px;
	}

	.sidebar ul{
		list-style: none;
	}


	.mainbody .content_table tr{
		display: block;
	}

	.mainbody .content_table td:first-child{
		/*	width: 10%;*/
		width: 12px;
		padding-left: 50px;
		padding-right: 15px;
		margin: 0px 0px 0px 0px;
		text-align: center;
	}

	.mainbody .content_table td:last-child{
		/*	width: 90%;*/
		padding-right: 10px;
		margin: 0px 0px 0px 0px;
		text-align: left;
	}
	
	.content_table tr{
		padding: 12px 5px 12px 5px;
	}

	.content_table td ul{
		padding-left: 25px;
	}

	.content_div {
		padding: 10px 15px 10px 15px;
	}

	.content_div p{
		display: block;
	}

	.img-pad{
		padding: 10px 10px 10px 10px;
		border-radius: 3px 3px 3px 3px;
	}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */













	#footer{
		background-image: url('pic/header2.png');
		background-repeat: no-repeat;
		background-size: 100% 100%;
	
		text-align: center;
		color: white;
		padding: 20px 45px 20px 45px;
	}

	#termsCo{
		font-size: 10px;
		/*	margin-top: 10px;*/
		/*	margin-bottom: 10px;*/
	}

	.disp_bloc{
		display: none;
/*		border: 1px solid green;*/
		/*	margin-left: 5%;*/
	}

	.disp_style{
		/*	color: rgb(35,35,120);*/
		/*	font-size: 16.25px;*/
	}

	.disp_hover{
		/*	color: rgb(35,35,120);*/
		/*	font-size: 16.25px;*/
	}


	.sidebar{
		padding: 0px 0px 0px 0px;
	}

	.mainbody{
		padding: 0px 0px 0px 0px;
	}

	.spacing{
		display: block;
		margin: 5px 0px 5px 0px;
	}

	.small_spacing{
		display: block;
		margin: 2px 0px 2px 0px;
	}




/* Contact page */

#contact_form{
	padding: 10px 10px 10px 10px;
}

#contact_form input{
	
	width: 100%;
	
}

#submit{
	height: 40px;
}

#submit button{
	position: absolute;
	left: 50%;
	width: 15%;
	min-width: 100px;
	transform: translate(-50%, 0%);
	
}

#contact_form textarea{
	width: 100%;
	resize: none;
}

#email_sent{
	padding: 40px 0px 40px 0px;
	text-align: center;
}

.warning{
	color: red;
	font-style: italic;
}

/* * * * * * END OF THE CONTACT BLOCK * * * * * * */



	.chartpic{
		position: relative;
		width: 100%;
/*		padding: 10px 0px 10px 0px;*/
		margin: 0px;
		
	}

	.chartpic div{
/*		display: block;*/
/*		align: center;*/
		margin: 0 auto;
		padding: 0px;
/*		float: right;*/
	}
	
	.chartpic svg{
/*		display: block;*/
	}

	/*#chartpic img{
		position: relative;
		left: 40%;
		transform: translate(-40%,0%);
		height: 300px;
		width: 320px;
	}*/



	#socialIcon{
		align: center;
		height: 30px;
		width: 30px;
	}

	#vol .main_sub_header{
		position: relative;
		width: 100%;
		line-height: 40px;
	}

	#vol .disp_bloc{
		line-height: 1.6;
	}

	#vol .disp_bloc ul{
		/*	padding-left: 25px;*/
		list-style: none;
	}


	#edu .main_sub_header{
		position: relative;
		width: 100%;
	}


	.lineLogo{
/*		padding: 0px;*/
		float: right;
		right: 10px;
/*		top: 10px;*/
		height: 45px; 
		width: auto; 
		line-height: 3;
	}
	
	.image_sub_div {
		
		float: right;
/*		margin: 2px;*/
		
	}


	.moreIcon{
		color: rgba(0,0,0,0.5);
		padding: 1px 0px 1px 0px;
		font-size: 14px;

	}



@media only screen and (max-width: 768px) {
	
	.mainbody .content_table td:first-child{
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.sidebar .content_table td{
		padding: 10px 10px 10px 15px;
	}

	/* - - top menu - - - -*/
	#top_div_mobile{
		display: block;
	}
	
	#top_div{
		display: none;
	}
	/* - - - - - - - - - -*/

	
	#top_div_contact h4{
		padding-left: 20px;
	}
	
	
	#vol .main_sub_header{
		line-height: 1.6;
	}
	
	#enactusLogo{
		 float: right;
		 width:80px; 
		 height:27px; 
		 padding: 0px 5px 0px 5px;
/*		 float: right;*/
		 
	}
	


	.spacing{
		display: block;
		margin: 10px 0px 10px 0px;
	}
	
	.small_spacing{
		display: block;
		margin: 5px 0px 5px 0px;
	}
	
	.rightLogo{
	 	width:30px; 
	 	height: auto;
/*		float: right;*/
			
	}
		
	.lineLogo{
	 	width: 40px;
		height: auto; 
		margin-right: 0px;
	}
	
	#footer{
		padding-left: 10px;
		padding-right: 10px;
	}
	
	#termsCo{
		margin-top: 15px;
		margin-bottom: 15px;
		
	}
	
	
	.navbar-brand {
		font-size: 20px;
	}

}