@charset "UTF-8";
/* CSS Document */

<style>

			* {padding:0; margin:0;}



			html {

				font-family:arial;

				font-size:14px;
				
				width: 900px;
				
				padding: 0px;
				
				color: #414042;

			}


			text {
				pointer-events: none;
			}
			
			


			#hover {
				height:60px;
				visibility: hidden;
				position: absolute;
				z-index: 2000;
				top: 315px;
				left: 345.366px;
				text-align: center;
				width: 350px;
				color: #414042;
				}
					
			#hover h1 {
				font-size:20px; 
				font-family:Arial, sans-serif; 
				font-weight: bold;
				margin-bottom: 0px;
				}
					
			#hover p {
				font-size:16px;
				font-weight: normal;
				margin-top:0px;
				}
				
				
				
				
				
			#instructions {
				height:60px;
				visibility: visible;
				position: absolute;
				z-index: 2000;
				top: 315px;
				left: 345.366px;
				text-align: center;
				width: 350px;
				color: #D1D3D4;
				}
					
			#instructions h1 {
				font-size:34px; 
				font-family:Arial, sans-serif; 
				font-weight: bold;
				margin-bottom: 0px;
				color: #D1D3D4;
				}
					
			#instructions p {
				font-size:16px;
				font-weight: normal;
				margin-top:0px;
				}
				
				
				
					
			
			
			
			.tooltip {
				cursor: pointer;
			}
			
			.religion_data {
				font-size:34px; 
				font-family:Arial, sans-serif; 
				font-weight: bold;
				text-transform:uppercase;
				}
				
			.percentage_data {
				font-size:16px; 
				font-family:Arial, sans-serif; 
				font-weight: normal;
				}
				
			.division_data {
				font-size:20px; 
				font-family:Arial, sans-serif; 
				font-weight: bold;
				}	
				
			.quote_data {
				font-size:14px; 
				font-family:Arial, sans-serif; 
				font-weight: normal;
				font-style: italic;
				}	
		
			
			
			
			
			
			
			
			
			#alert {
				
				width:320px;
				height:77px;
				background-color: #D1D3D4;
				box-shadow: 4px 4px 4px #888888;
				
				-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
				filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
				
				color: #414042;
				
				position: absolute;
				top: 445px;
				left: 346px;
				z-index: 7000;
				
				text-align: center;
				
				padding-left: 10px;
				padding-right: 10px;
				
			}
			
			.shadow {
				
				-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
				filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
				
			}
			
			
			#alert a {
				
				color: #414042;
				
				text-decoration: underline;
				
			}
			
			
			
			
			
			#credits {
				
				position: absolute;
				
				width:350px;
				
				top:820px;
				
				left: 10px;
				
				font-size: 12px;
				
				font-family: Adobe Garamond Pro, Garamond, serif;
				
				text-align: left;
				
				color: #414042;;
				
				margin-bottom: 0px;
				
				z-index: 6000;
			}
			
			
			#credits a {
				
				color: #414042;
				
				text-decoration: underline;
				
			}
			
			
			#credits a:hover {
				
				color: #81CB61;
				
				text-decoration: underline;
				
			}
			
			
			
			#huffpost {
				
				position: absolute;
				
				width:250px;
				
				top:831px;
				
				left: 640px;
				
				font-size:14px;
				
				font-family: Adobe Garamond Pro, Garamond, serif;
				
				text-align: right;
				
				color: #414042;
				
				margin-bottom: 0px;
				
				z-index:6000;
			}
			
			
			#huffpost a {
				
				color: #414042;
				
				text-decoration: none;
				
			}
			
			
			#huffpost a:hover {
				
				color: #81CB61;
				
				text-decoration: none;
				
			}
			

			#donut {
				
				background-color: #FFFFFF;
				
				width: 900px;
				
				height: 695px;
				
				position: absolute;
				
				left: 0px;
				
				top: 10px;
				
				z-index: 1000;
				
			}
			
			
			#replacement-image {
				
				width: 900px;
				
				height: 695px;
				
				position: absolute;
				
				left: 0px;
				
				top: 0px;
				
				z-index: 1000;
				
			}
			
			
			
			
			h1 {
				
				margin-top: 0px;
				
				margin-bottom: 0px;
				
				color: #414042;
				
				font-size: 28px;
				
			}
			
			
			
			
			#intro {
				
				position: absolute;
				
				top: 5px;
				
				left: px;
				
				z-index: 3000;
				
				width:920px;
			}
			
			
			#intro-text-1 {
				
				color: #414042;
				
				margin-top: 2px;
				
				margin-right: 10px;
				
				font-size: 14px; 
				
				font-family: Arial;
				
			}
			
			
			
			
			#intro-text-1 a {
				
				color: #414042;
				
				text-decoration: underline;
				
			}
			
			
			#intro-text-1 a:hover {
				
				color: #414042;
				
				text-decoration: underline;
				
			}
			
			
			#label1 {
				position: absolute;
				top: 323px;
				left: 46px;
				z-index: 5000;
			}
			
			
			#label2 {
				position: absolute;
				top: 377px;
				left: 46px;
				z-index: 5000;
			}
			
			
			#label3 {
				position: absolute;
				top: 430px;
				left: 46px;
				z-index: 5000;
			}
			
			
			#label4 {
				position: absolute;
				top: 483px;
				left: 46px;
				z-index: 5000;
			}
			
			
			
		
			
			
			


		</style>