body {
	background: #d1d2be;
	color: black;
	height: auto;
	padding: 0;
	margin: 0;
	padding-bottom: 0px;
	font-family: Cambria, Georgia;
	font-size:18px;
	background: #d1d2be url('img/bg.png') repeat; 
}

.logo
{
	width: 1020px;
	margin-left:auto;
	margin-right:auto;
	padding: 0;
}

.logo div {
	padding: 7px 10px 10px 10px;	
	border-top: 7px solid #7b2222;
	background: black;
	color: #d1d2be;
	font-size:20px;
}

.logo span {
	color:#7b2222;
	padding: 0px 0 0 10px;
	font-family: Consolas, Verdana, Arial;
    font-size: 12px;
}

.bot div {
  background-color:#7B2222;
  background-position:initial initial;
  background-repeat:initial initial;
  border-bottom-color:#6B0C0C;
  border-bottom-style:solid;
  border-bottom-width:3px;
  color:#FEF0F0;
  font-size:20px;
  margin-top: 10px;
  padding:7px 10px 10px;
}

blockquote {
	font-family: Consolas, Tahoma;
	font-size:17px;
	line-height: 20px;
	color:#6C3D09;
	margin:0px 0 0 50px;
	padding:0;
}

h1, h2, h3, h4, h5 {
	font-family: Cambria, freight-sans-pro, 'Myriad Pro', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, sans-serif;
}

hr {
  
    border: 0;
    border-bottom: 1px dashed black;
}

img 
{
	border: 1px solid black;	
	padding: 20px;
	margin: 20px;
	background: white;
	vertical-align: middle;

}

.c
{
	border: 0px;	
	padding: 0px;
	margin: 0px;
	background: #d1d2be;
	vertical-align: -2px;
	opacity: 0.5;
	-webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    transition: opacity .5s;
}

.cn
{
	border: 0px;	
	padding: 0px;
	margin: 0px;
	vertical-align: -2px;
	background: none;
}

.c:hover {
    opacity: 1;
}

.cards {
	display:block; width: auto; white-space: nowrap; overflow-x: scroll; overflow-y: hidden;	 
}

.crd {
	display:block; width: auto; white-space: nowrap; 
}

img {
    opacity: 1;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    transition: opacity .5s;
}

img:hover {
    opacity: 1;
}

a:link
{
	color: #a00;
	text-decoration: underline;
}

a:visited 
{
	color: #500;		
}

a:hover {
	color:#7b2222;	
	background-color: #e9e9e3;
	text-decoration: none;	
}

.circular {
	width: 150px;
	height: 150px;
	border-radius: 75px;
	-webkit-border-radius: 75px;
	-moz-border-radius: 75px;	
	float: left;
	margin: 0 10px 10px 0;
	box-shadow: 2px 2px 5px #000000;
	cursor: pointer;
	}

.img
{
	border: 0px;	
	padding: 0px;
	margin: 0px;
	background: none;
}

.img:hover {
	background-color: black;
	text-decoration: none;	
}

.tt
{
	padding: 10px;
}

.text
{
	padding: 0px 10px 0px 10px;	
	width: 1000px;
	margin-left:auto;
	margin-right:auto;	
}

.syl {
	font-family: Sylfaen, Cambria, freight-sans-pro, 'Myriad Pro', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, sans-serif;
	font-size: 37px;
	color: white;
	text-shadow: 2px 2px #000000;
	padding-bottom: 10px
}

.uh
{
	
	background-color:rgba(255,255,255,0.7);
	padding: 10px 10px 10px 20px;
	width: 500px;
	float: right;
	margin: 0 0 5px 10px;
	box-shadow: 2px 2px 5px #000000;
}

small 
{
	color: #404040;
	display: block;
	margin-left: 60px;
}

.num
{
	display: inline-block;
	width: 60px;
	text-shadow: 1px 1px #ffffff;

}

.uhf
{
	
	font-size: 16px;
	background-color:rgba(255,255,255,0.7);
	padding: 10px 10px 10px 20px;
	width: 930px;
	text-shadow: 1px 1px #ffffff;
	margin: 0 0px 5px 45px;
	box-shadow: 2px 2px 5px #000000;
}

.uh b
{
	margin-left: -10px;
	display: block;
	margin-bottom: 5px;
}

.ll
{
	background-color:rgba(86,168,119,0.7);
	padding: 0 3px 0 3px;
	margin-top: 2px;
	white-space:nowrap;
	display: inline-block;
}

.ah
{
	
	background-color:rgba(255,255,255,0.7);
	padding: 10px;
	text-shadow: 1px 1px #ffffff;
	margin: 0 0 5px 0;
	box-shadow: 2px 2px 5px #000000;
}

.oh
{
	
	background-color:rgba(255,255,255,0.7);
	width: 853px;
	padding: 10px;
	margin: 10px auto 15px auto;
	box-shadow: 2px 2px 5px #000000;
}

.oh a:hover {
	color:#000000;	
	text-decoration: none;	
	background-color:rgba(255,180,0,1);
}


.ah a:link, .uh a:link
{
	color: #000000;
	text-decoration: none;
	background-color:rgba(255,180,0,0.5);
	padding: 0 3px 0 3px;
	white-space:nowrap
}

.ah a:visited, .uh a:visited 
{
	color: #000000;		
	text-decoration: none;	
}

.ah a:visited, .uh a:hover {
	color:#000000;	
	text-decoration: none;	
	background-color:rgba(255,180,0,1);
}


.tnav, .tnav a:link, .tnav a:visited, .tnav a:hover
{
	color: #ffffff;
	text-decoration: none;	
	background: #000000;
	font-family: Tahoma;
	font-size: 13px;
	padding: 0px;
	margin: 18px 0px 20px 0px;
}

.submit  
{
	background: #52b09d;
    color: #000000;
    cursor: pointer;
    width: 100%;
    padding: 4px;
    font-size: 20px;    
    
    box-shadow: 2px 2px 5px #000000;
}

.input
{
	border: 2px solid black;
	padding: 4px;
	font-size: 20px;	
	margin-bottom: 10px;
	opacity: 0.75;
}

.label
{
	color: white;
	background-color: black;
	width: 120px;
	text-shadow: none;
	display: inline-block;
	vertical-align: top;
	margin-top: 2px;
	text-align: right;
	padding-right: 10px;
	margin-right: -2px;
	opacity: 0.80;
}

.input:focus {
	
	border: 2px solid black;
	-webkit-animation: glow 800ms ease-out infinite alternate;
	-moz-animation: glow 800ms ease-out infinite alternate;
	-o-animation: glow 800ms ease-out infinite alternate;
	-ms-animation: glow 800ms ease-out infinite alternate;
	animation: glow 800ms ease-out infinite alternate;

	
		outline: none;
}




@keyframes animatedBackground
{
	0% { background-position: -0px -0px }
	35% { background-position: -250px -700px }
	40% { background-position: -10px -500px }
	70% { background-position: -480px -300px }
	100% { background-position: -0px -0px }
}


@-webkit-keyframes animatedBackground
{
	0% { background-position: -0px -0px }
	35% { background-position: -250px -700px }
	40% { background-position: -10px -500px }
	70% { background-position: -480px -300px }
	100% { background-position: -0px -0px }
}

@-moz-keyframes animatedBackground
{
	0% { background-position: -0px -0px }
	35% { background-position: -250px -700px }
	40% { background-position: -10px -500px }
	70% { background-position: -480px -300px }
	100% { background-position: -0px -0px }
}

@-o-keyframes animatedBackground
{
	0% { background-position: -0px -0px }
	35% { background-position: -250px -700px }
	40% { background-position: -10px -500px }
	70% { background-position: -480px -300px }
	100% { background-position: -0px -0px }
}


@-ms-keyframes animatedBackground
{
	0% { background-position: -0px -0px }
	35% { background-position: -250px -700px }
	40% { background-position: -10px -500px }
	70% { background-position: -480px -300px }
	100% { background-position: -0px -0px }
}


.an
{
	background: #d1d2be url('/ph/t5.jpg'); background-position:-50px -680px;
	animation: animatedBackground 50s linear infinite;
	-webkit-animation: animatedBackground 50s linear infinite;
	-moz-animation: animatedBackground 50s linear infinite;
	-o-animation: animatedBackground 50s linear infinite;
	-ms-animation: animatedBackground 50s linear infinite;
}


@-webkit-keyframes glow {
    0% {
		border-color: #393;
		
    }	
    100% {
		border-color: #f0ff00;
		
    }
}

@-moz-keyframes glow {
    0% {
		border-color: #393;
		
    }	
    100% {
		border-color: #f0ff00;
		
    }
}

@-o-keyframes glow {
    0% {
		border-color: #393;
    }	
    100% {
		border-color: #f0ff00;
    }
}

@-ms-keyframes glow {
    0% {
		border-color: #393;
    }	
    100% {
		border-color: #f0ff00;
    }
}

@keyframes glow {
    0% {
		border-color: #393;
    }	
    100% {
		border-color: #f0ff00;
    }
}