@charset "utf-8";

html
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: Georgia, Times, 'Times New Roman', serif;
}

body 
{
	background:#FFFFFF;
	margin: 0px;
	padding: 0px;
	text-shadow: 0px 0px .5px #aaa;

}

h
{
	font-weight: bold;
	text-shadow: 2px 2px 4px #777;
	font-size: 22px;
}

a
{
    color: #3D1860;
    text-decoration: none;
}
a:hover
{
	color: #000;
    text-shadow: 0px 0px 6px #AAD;
}

iframe
{ 
	border: 0px; 
}

.myshadow
{
	box-shadow: 2px 5px 10px #444;
}

.mylink
{
	display:inline-block;
}
.mylink:hover
{
	box-shadow: 0px 0px 15px #AAF;
}
		

.centerwithmargins
{
	margin-left: auto;
	margin-right:auto;
}

h1, h2, h3, img
{
	border: 0px;
	margin: 0px;
	padding: 0px;
	font-weight: inherit;
	font-size: inherit;
}

p
{
	margin-top: .5em;
	margin-bottom: .85em;
	margin-left: 15px;
	margin-right: 15px;
	text-align: justify;
	text-justify: inter-word;
	
	font-size: 15px;
	/*font-weight: 600;*/
	/*text-shadow:0 0 .25px #111;*/
	/*color: black;*/
	/*text-shadow: 1px 1px 2px #000000;*/
}

.p1
{
	clear:left;
}

.p2
{
	clear: right;
}


.fullmain
{
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	min-width: 300px;
}
	.fullscreendivider
	{
		width: 100%;
		height: 18px;
	}
	
	.margineddiv
	{
		margin: 20px 0px 20px 0px;
	}
	.bottommargineddiv
	{
		margin: 0px 0px 20px 0px;
	}
	.maintitle
	{
		margin: 20px 0px 20px 0px;
		font-size: 20px;
		/*font-weight: 600;*/
		/*text-shadow:0 0 .25px #111;*/
		/*color: black;*/
		/*text-shadow: 1px 1px 2px #000000;*/
	}

		.topmenuitemcontainerdoubler
		{
			display: inline-block;
		}
		.topmenuitemcontainer
		{
			display: inline-block;
			width: 130px;
			margin-bottom: 20px;
			margin-left: 2px;
			margin-right: 2px;
		}
		.topmenuitemcontainer:hover .offbar
		{
			background: #555
		}
		
			.onbar, .offbar
			{
				width: 100%;
				height: 4px;
			}
			.onbar
			{
				background-color: Black;
			}

	
		.dualfacecontainer
		{
			margin: auto;
			max-width: 400px;
			min-width: 300px;
			text-align: center;
		}
			.dualfaceimage
			{
				width: 80%;
			}
			
.footer
{
	max-width: 320px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	clear: both;
	font-size: 12px;
}
		
.centermain
{
	max-width: 900px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	clear: both;
}	
	.pagebarcontainer
	{
		margin-top: 30px;
		margin-bottom: 20px;
		text-align: center;
		vertical-align: middle;
		min-width: 300px;
		clear: both;
	}
	.pagebarimgdiv
	{
		margin-left: auto;
		margin-right: auto;
		max-width: 70%;
		min-width: 300px;
		text-align: center;
		vertical-align: middle;
		height: 12px;
	}
	.pagebarimg
	{
		width: 100%;
		height: 12px;
	}
	.pagebarwhitediv
	{
		margin-top: -12px;
		margin-left: auto;
		margin-right: auto;
		width: 135px;
		height: 20px;
	}
	.fillit
	{
		width: 100%;
		height: 100%;
	}
	.pagebartextdiv
	{
		margin-top: -20px;
		margin-left: auto;
		margin-right: auto;
		width: 135px;
		height: 20px;
	}

	.vertspacer
	{
		width: 0px;
		height: 40px;
		float:right;
		clear:both;
	}	
	.swords
	{
		float:right;
		clear:both;
	}
	.poll
	{
		float:left;
		clear:both;
	}
	.freepagetext
	{
		max-width: 64%;
		min-width: 300px;
		margin: auto;
	}
	
	
	.paperandshadow2, .paperandshadow1
	{
		margin-top: 10px;
		margin-bottom: 20px;
		max-width:420px;
		min-width:300px;
		text-align: center;
	
		float: left;
		clear: left;
	}
	.paperandshadow2
	{
		float: right;
		clear: right;
	}
		.facecircleimage
		{
			width: 50%;
		}
	
		.listlabelcontainer1, .listlabelcontainer2
		{
			width: 167px;
			height: 42px;
			margin-top: 10px;
			margin-bottom: 10px;
			margin-right: auto;
			margin-left: auto;
		
			background-image: url(minibanner1.png);
		}
		.listlabelcontainer2
		{
			background-image: url(minibanner2.png);
		}
			.nametitlecontainer2, .nametitlecontainer1
			{
				width: 55px;
				height: 37px;
				display: table;

				float: left;
			}
			.nametitlecontainer2
			{
				float: right;
			}
				.nametitle2, .nametitle1
				{
					font-weight: bold;
					/*text-shadow: 0px 0px 1px #000000;*/
					font-size: 15px;
					
					height: auto;
					display: table-cell;
					vertical-align: middle;
					line-height: .9em;

	/*				padding-left: 14px;
					padding-right: 14px;*/
					text-align:center;
				}
				.nametitle2
				{
					/*padding-left: 14px;
					padding-right: 14px;*/
					text-align:center;
				}
		.paper
		{
			/*background-image: url(noise.png);*/
			max-width:420px;
			min-width:300px;
		}
		
			.paperheader1, .paperheader2
			{
				width: 300px;
				height: 42px;
				padding: 0px;
				margin: 0px;
				margin-bottom: 10px;
		
				float: left;
				background-image: url(banner1.png);
			}
			.paperheader2
			{
				float: right;
				background-image: url(banner2.png);
			}
				.headernumbercontainer2, .headernumbercontainer1
				{
					width: 55px;
					height: 42px;
			
					float: left;
				}
				.headernumbercontainer2
				{
					float: right;
				}
					.headernumber2, .headernumber1
					{
						font-family: "Times New Roman", Times, serif;
						text-align: center;
						color: white;
						text-shadow: 2px 2px 4px #000000;
						font-size: 20px;
				
						padding: 8px 0px 0px 5px;
					}
					.headernumber2
					{
						padding: 8px 5px 0px 0px;
					}
			
				.booktitlecontainer2, .booktitlecontainer1
				{
					width: 245px;
					height: 37px;
					display: table;

					float: left;
				}
				.booktitlecontainer2
				{
					float: right;
				}
					.booktitle2, .booktitle1
					{
						font-weight: bold;
						/*text-shadow: 0px 0px 1px #000000;*/
						font-size: 15px;
					
						height: auto;
						display: table-cell;
						vertical-align: middle;
						line-height: .9em;

		/*				padding-left: 14px;
						padding-right: 14px;*/
						text-align:left;
					}
					.booktitle2
					{
						/*padding-left: 14px;
						padding-right: 14px;*/
						text-align:right;
					}
	
			/*.papercontent
			{
				background-image: url(noise.png);
				width: auto;
				height: 100%;
				padding: 10px 20px 10px 20px;
				text-align: justify;
				text-justify: inter-word;
			}*/
			
			.booklink1, .booklink2
			{
				width: 90px;
				height: 144px;
				box-shadow: 2px 5px 10px #444;
				
				float: right;
				margin: 5px 15px 8px 15px; 
			}
			.booklink2
			{
				float: left;
				margin: 5px 15px 8px 15px; 
			}
		
				.bookimage, .bookimagenoho
				{
					width: 90px;
					height: 144px;
					
				}
				.bookimage:hover
				{
					box-shadow: 0px 0px 15px #AAF;
				}

		.shadow
		{
			width: inherit;
			height: auto;
			padding: 0px;
			margin: 0px;
		}

			.shadowimage
			{
				vertical-align: top;
				width:100%;
			}

.polliframediv
{
	width: 300px;
	height: 194px; 
    margin-left: auto;
    margin-right: auto;
    text-align:center;
    border:0px;
}
	.polliframe
	{
		width: 300px;
		height: 194px; 
	}
	
.pollcontainer
{
    border-radius: 25px;
    border: 2px solid #A9A9A9;
    padding: 20px; 
    width: 200px;
    height: 150px; 
    margin-left: auto;
    margin-right: auto;
    text-align:center;
}
	.pollquestion
	{
		width:200px;
		height: 25px;
		text-align:center;
		font-weight: bold;
		/*text-shadow: 0px 0px 1px #000000;*/
		font-size: 15px;
	}
	.pollanswer
	{
		width:200px;
		height: 25px;
		text-align:left;
		/*text-shadow: 0px 0px 1px #000000;*/
		font-size: 12px;
	}
	.pollbutton
	{
		margin-left:auto;
		margin-right:auto;
		width:67px;
	}
	.pollbutton:hover
	{
		color: #000;
		box-shadow: 0px 0px 15px #AAD;
	}
	
	.button
	{
		padding: 5px 10px;
		background: #A9A9A9;
		color: #ffffff;
		text-align: center;
		display: block;
		cursor: pointer
	}
	.button
	{
		font-weight: bold;
		border: 1px solid #CCC;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px
	}
	.button
	{
		background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#AAA));
		background: -moz-linear-gradient(top, #333, #AAA);
	}
 
.clear:before, .clear:after
{
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.clear:after {
    clear: both;
}
 
.bigimgdiv
{
	min-width:300px;
	max-width:60%;
	float:left;
	display:inline-block;
}

.sizerad1, .sizerad2
{
	margin: 0px 10px 10px 10px;
	max-width:400px;
	min-width:300px;
	text-align: center;
	
	float: left;
	clear: left;
}
.sizerad2
{
	float: right;
	clear: right;
}


@media (max-device-width: 480px)
{
	.bigimgdiv
	{
		max-width:100%;
		width:300px;
		display:inline;
		float:none;
		text-align:center;
	}
}