@import url('https://fonts.googleapis.com/css?family=Open+Sans');

body {

    background-color: white;

	margin:0;

	padding:0;

}




/*Links, fonts, etc.*/

a.navbar:link{

	color:#ffffff;

	text-decoration: none;
}

a.navbar:hover{

	color:#ffffff;

	text-decoration: underline;
}

a.navbar:visited{

	color:#ffffff;

	text-decoration: none;
}

a:link{

	color:#111111;

	text-decoration: none;

}



a:hover {

color:#111111;

    text-decoration: underline;

}



a:visited{

	color:#111111;

	text-decoration: none;

}


hr {
	display: block;
	
	border: 1px solid #aaaaaa;
	
	width: 75%;
}


h1{

	text-align:left;

	font-size:24pt;

	font-family: sans-serif;

}

h1.name{

		color:#114466; /*blue*/

}

h2{

	font-size:12pt;

	font-family: sans-serif;

}

h2.section_header{

	font-size: 19px;
	color:#114466;
	font-weight: bold;

}

h3{

	font-size:10pt;

	font-family: sans-serif;

}





p{

	font-size:10pt;

	font-family: "Verdana", sans-serif;

}

li{

	font-size:13pt;

}

/* Header section*/

div.wrapper_navbar

{

	width:100%;

	margin:0;
	
	overflow: hidden;
  
	position: fixed;
  
	top: 75px;

	height:40px;

	background-color:#114466; /*blue;*/

}

div.top_spacer

{

	width:100%;

	margin:0;

	height:140px;

	background-color:#ffffff; /*white;*/

}

div.research_spacer

{

	width:400px;

	margin:0;

	height: 2px;

	background-color:#114466; /*blue;*/ 
	

}

div.research_spacer_small

{

	width:75px;

	margin:0;

	height: 2px;

	background-color:#114466; /*blue;*/ 
	

}

button.abstract_button

{
    background:none;
    border:none;
    margin:0;
    padding:0;
    cursor: pointer;
	font-weight: bold;

}



div.wrapper_header

{

	width:100%;
	
	overflow: hidden;
  
	position: fixed;
  
	top: 0;

	margin:0;

	height:80px;

	background-color:#ffffff; /*white;*/
	
	padding: 0 0 0 5px;

}

p.research

{
	font-family: "Open Sans", sans-serif;
	
	font-size: 14px;
	
	text-align: justify;
	
}

p.research_header

{
	font-family: helvetica;
	
	font-size: 14px;
	
	
}

p.research_link

{
	font-family: helvetica;
	
	font-size: 10pt;
	
}


div.download_button{
	
  background-color: white;
  
  border-radius: 5px;
  
  border: 2px;
  
  border-style: solid;
  
  border-color: #114466;
  
  color: #114466;
  
  text-align:center;
  
  font-size: 10pt;
  
  overflow: hidden;
  
  width: 60px;
  	margin-right:5px;
	padding-right:2px;
	padding-left:2px;
  
}
	

span.download_button_wide{
	
	background-color: #F0F0FA;
	border-radius: 5px;
	border: 2px;
	border-style: solid;
	border-color: #114466;
	color: #114466;
	text-align:center;
	  
	font-size: 10pt;
	  
	overflow: hidden;
	  
	width: 100px;
	
	display: inline-block;

	
	margin-right:5px;
	padding-right:2px;
	padding-left:2px;
}


div.header

{	width:1000px;

	margin: auto;
	
	background-color: white;
	
	height: 100%;
	
	padding: 5px 0;
	
	

}

div.navbar

{	width:1000px;

	margin: auto;
	
	background-color: #114466;
	
	height: 100%;
	
	line-height: 40px;
	
	font-family: helvetica;
	
	font-size: 19px;
	
	color: #ffffff;
	
}

/* Top Content Section*/




div.top

{	float:left;

	min-width:220px;

	max-width:490px;

	display:inline-block;
	
	font-family: "Open Sans", sans-serif;
	
	padding-top: 20px;
	
	font-size: 14px;
	
	



}

div.top_intro

{	

	padding-top:5px;

	float:left;

	width:490px;

	display:inline-block;
	
	font-family: sans-serif;


}

div.top_outro

{	float:left;

	width:490px;

	display:inline-block;

	padding-top:20px;
	
	font-family: sans-serif;

}

div.picture

{	float: left;

	width:300px;

	min-height:315px;

	vertical-align:middle;

	text-align:left;

}

div.wrapper_top

{

	width:100%;

	margin:0;

	height:301px;


}


/* Footer section*/

div.bottom_bar{
	
  background-color: #114466;
  
  overflow: hidden;
  
  position: fixed;
  
  bottom: 0;
  
  right: 0;
  
  width: 100%;
  
  height:32px;
  

	
}

div.bottom_links{
	
	height: 100%;
	
	color: #ffffff;
  
	font-family: sans-serif;
  
	font-size: 11pt;
  
	line-height:35px;
	
	float: left;
  
}

.img_helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

img.socmedia {
    vertical-align: middle;

}



div.socmedia

{	float: right;

	width:40px;

	height:100%;

	background-color:#114466;
	
	text-align: center;

}





div.outer

{

	width:1000px;

	margin:auto;

	display:block;

}



div.body

{

	width:750px;

	float:left;

	display:block;

	font-family: "Open Sans", sans-serif;

	padding-left:5px;
	
	padding-top: 15px;
	
	padding-right:5px;
	
	padding-bottom: 40px;
	
	font-size: 14px;



}





div

{

	 border: 0px solid red;

}



/* Small screen adjustment*/


@media (max-width:900px) {

	div.outer, div.body, div.top,div.top_intro,div.top_outro, div.header {

    width:95%; /*The width is 100%, when the viewport is 800px or smaller*/

	}

	div.picture {

	width:95%; /*The width is 100%, when the viewport is 800px or smaller*/

	text-align: center;

	}

	div.wrapper_top{

		background-color:white;

		height:0px;

	}

	div{

		padding:5px;

	}

}