@font-face {  
  font-family: Kefa ;  
  src: url(../inc/font/Kefa.ttc) format("truetype");  
}  

html {
    background-color: rgb(47,56,55);
}

body {
	max-width: 1200px;
	margin: auto;
}

#header {
	text-align: center;
	font-family: Kefa;
}

#body {
	max-width: 800px;
	padding: 5px;
	margin:auto;
	font-size:14px;
	right:6px;
	z-index:5;
	font-family:arial;
	color: rgb(197,199,182);
}

table .pn td {
	width: 33%;
}
.gallery {
	text-align: center;
	margin-bottom: 20px;
}

#site-logo {
	margin: auto;
	font-size: 5em;
	color: rgb(197,199,182);
	text-decoration: none;
	text-align: center;
}

#header #site-logo a:link {
	color: rgb(197,199,182);
	text-decoration:none;
}

#header #site-logo a:visited {
	color: rgb(197,199,182);
	text-decoration:none;
}

#header #site-logo a:hover {
	color: rgb(197,199,182);
}

#header #site-logo a:active {
	color: rgb(197,199,182);
}


#menu a:link {
	color: rgb(197,199,182);
	text-decoration:none;
}

#menu a:visited {
	color: rgb(197,199,182);
	text-decoration:none;
}

#menu a:hover {
	color: rgb(197,199,182);
}

#menu a:active {
	color: rgb(197,199,182);
}


#menu {
	margin-left: 29px;
}



#menu a {
    font-size:1.5em;
	font-weight:bold;
}

#menu #fmi {
	margin-left:-29px;
	padding-right:12px;
}

#menu #mmi {
	padding-left:13px;
	padding-right:13px;
}

#menu #lmi {
	padding-left:13px;
	padding-right:-10px;
}


#body a:link {
	color:  rgb(197,199,182);
	text-decoration: underline;
}

#body a:visited {
	color: rgb(197,199,182);
	text-decoration: underline;
}

div.donate {
	margin-left: 50px;
}

div.copyright {
	margin-left: 50px;
	display: inline;
}

.subc {
	font-size: 1.5em;
	font-weight: bold;
	text-indent: 20px;
	border-bottom: 2px rgb(197,199,182) dashed;
}



img.tall {
	height: 160px;
	width: 120px;
	margin: 20px 40px 20px 40px;
}

img.t {
	padding: 20px 40px 20px 40px;
	margin: 10px;
}

img.square {
	height: 160px;
	width: 160px;
	margin: 20px 40px 20px 40px;
}

img.s {
	padding: 20px;
}

img.t {
	padding: 20px 40px 20px 40px;
}

img.wide {
	height: 120px;
	width: 160px;
	margin: 40px 20px 40px 20px;
}

img.w {
	padding: 40px 20px 40px 20px;
}

/* img.tall:hover{
	background-color: aqua;
}

img.wide:hover{
	background-color: blue;
} */

.left {
	text-align: left;
}

h2 {
	background-color: rgb(197,199,182);
	padding: 5px;
	font-size: x-large;
	color: rgb(197,199,182);
	text-align: center;
	text-transform: capitalize;
	font-family: Kefa;
}

p {
	text-shadow: black 0px 0px 5px;
}

h3 {
	background-color: rgb(197,199,182);
	width: 470px;
	text-align: right;
	padding: 5px;
	padding-right: 30px;
	text-transform: capitalize;
	color: rgb(197,199,182);
	font-family: Kefa;
}

.title {
	text-transform: capitalize;
	color: rgb(197,199,182)!important;
	text-decoration: none!important;
}

.name {
	text-transform: capitalize;
	color: #000!important;
	text-decoration: none!important;
}

.warn {
	text-transform: uppercase;
	color: red!important;
	font-weight: bolder;
}

div.attn {
	text-align: center;
	background-color: #FFA6C9;
	width: 700px;
	margin:10px auto;
	color: #000;
	border: 2px solid red;
	padding: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

div#spacer {
	height: 50px;
}

div.element {
	display: inline-table;	
	width:235px;
	height:222px;
	background:url('../img/shadow.png');
	background-repeat: no-repeat;;
}

div.element:hover {
	background:url('../img/shadowh.png');
	background-repeat:no-repeat;
	width: 235px!important;
	height: 222px!important;
}

.fleft {
	background-color: rgb(197,199,182);
	float: left;
	width: 90%;
	text-align: right;
	padding: 2px 5px;
	font-size: 15pt;
	color: rgb(197,199,182);
	height: 23px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}

.display {
	text-align: center;
}

.middle {
	background-color: rgb(197,199,182);
	font-size: 15pt;
	width: 90%;
	margin: auto;
	text-align: center;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.btp {
	background-color: rgb(197,199,182);
	font-size: 15pt;
	color: rgb(197,199,182)!important;
	width: 100%;
	margin: auto;
	text-align: center;
	height:23px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.fright {
	background-color: rgb(197,199,182);
	float: right;
	width: 90%;
	text-align: left;
	padding: 2px 5px;
	font-size: 15pt;
	height: 23px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


div#view {
	text-align: center;
}


a.navi:link {
	color: rgb(197,199,182)!important;
	text-decoration: none;
}

a.navi:visited {
	color: rgb(197,199,182)!important;
	text-decoration: none;
}

a.history:link {
    text-decoration:none;
}

a.history:visited {
    text-decoration:none;
}

a.history:hover {
    text-decoration:none;
}

a.history:active {
    text-decoration:none;
}



.ic {
	height: 200px;
	width: 200px;
	display: inline;
	position: abosolute;
	z-index: 5;
	
}

.photon {
	font-size: 4em;
	float: left;
}

.ic{position:relative;} 
.photon{position:absolute; left:0; z-index: 4;}


#footer {
	padding-top:4px;
	text-align:center;
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
	font-weight:bold;
	font-family:arial;
	font-size: .75em;
}






a.history:link {
    color:#333;
}

a.history:visited {
    color:#333;
}

a.history:hover {
    color:#333;
}

a.history:active {
    color:#333;
}