@charset "utf-8";
/* CSS Document that applies styling to the Narrative-lens web pages - written by Mike Taylor 02/09/2012 - updated 09/08/2013 */

 p{
	 font-family: Arial, Helvetica, sans-serif; 
 }
 h3{
	 font-size:12px;
 }
 

#mainContent {
		font-family: Arial, Helvetica, sans-serif; 
		font-size: x-large; 
		font-weight: bold; 
		background-color: #E3F0FB;
		border-radius: 10px;
		border:thin;
		border-color:#69C;
		border-style: solid;
		padding: 5px; 
		text-align: center; 
	}
	
#navBar {
		font-family: Arial, Helvetica, sans-serif; 
		font-weight: bold; 
		text-align: right; 
		padding: 3px;
	}
.buttonStyle {
		/*border-radius: 4px; */
		padding: 1px;
		background-color: #FFF;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #000000;
	}

.buttonStyle:hover {
		color: #996633;
		cursor: pointer;
	}
	 
.buttonStyle:active { 
		cursor: pointer; 
	} 
	
#videoCase{
		box-shadow:5px 5px 25px 0px #333;
	}
	
#leftSide{
		float: left;
		padding: 10px;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: small;
		text-align:left;
	}
	
#center{
		padding:10px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:small;
		clear:left;
		border:thin;
		border-color:#69C;
		border-style: solid;
 		border-radius: 10px;
		background-color:#E3F0FB;
		margin-bottom: 5px;
	}
	
#centerVideo{
		padding:10px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:small;
		clear:left;
		display: none; 
	}
	
#center.textGuide{
		font-family: Arial, Helvetica, sans-serif; 
		font-size: large; 
	}
	
#sociology, #psychology, #lived-experience, #biosciences{
		display: none; 
		clear:left;
		border:thin;
		border-color:#69C;
		border-style: solid;
 		border-radius: 10px;
		background-color:#E3F0FB;
		margin-bottom: 5px;
	}
	
#home{
		clear:left;
	}
	
#logo_background{
		font-family: Arial, Helvetica, sans-serif;
		font-size:small;
		clear:left;
		border:thin;
		border-color:#69C;
		border-style: solid;
 		//border-radius: 10px;
		background-color:#FFFFFF;
	}