body {
font:normal 100%/1.7em Arial, Tahoma, Helvetica, sans-serif; color: #666666 ; background-color: #EFE9E7
}
.divider {
    margin-left:580px;
	
    /*add a double line */
    border-right: 1px solid #504331;
    box-shadow: 2px 0 white, 3px 0 #504331; }

.shadow {
  -moz-box-shadow:    3px 3px 5px 6px #ccc;
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
  box-shadow:         3px 3px 5px 6px #ccc;
}
.shadowRight {
  -moz-box-shadow:    8px 3px  5px 3px #ccc;
  -webkit-box-shadow: 8px  3px 5px 3px #ccc;
  box-shadow:         8px  3px 5px 3px #ccc;
}
 #header_image{ margin-top:100px;
  text-align: center;
  position: relative; 
  background:url(../Images/header_may2018.jpg)0 bottom  no-repeat;

  background-size: 100%;
  padding-bottom: 32.5%;}

 #moving_header{
 margin-top:100px;
  text-align: center;
  position: relative; 
  background:  url(../Images/slider_horizontal.jpg) 0 bottom repeat-x;
  background-size: 400%;
  padding-bottom: 32.5%;
  -webkit-animation: h_slide 24s ease-out infinite;
  -moz-animation: h_slide 24s ease-out infinite;
  animation: h_slide 24s ease-out infinite; }

@media only screen and (min-width: 1024px) {
  .content {
    position: relative; }
	@keyframes h_slide {
  0% {
    background-position: 0% bottom; }
  20% {
    background-position: 0% bottom; }
  25% {
    background-position: 33.33333% bottom; }
  45% {
    background-position: 33.33333% bottom; }
  50% {
    background-position: 66.66667% bottom; }
  70% {
    background-position: 66.66667% bottom; }
  75% {
    background-position: 100% bottom; }
  95% {
    background-position: 100% bottom; }
  100% {
    background-position: 133.33% bottom; } }
#wrapper{margin:0 auto;
background-color: #EFE9E7 
width:1215px; 
}	
.container {
    width: 1215px;
    margin:0 auto;
    overflow: hidden;
	position:  relative; 
   }  
	
	 
 
#content {
    float: left; /*--Keeps content to the lef side--*/
    width: 1215px;
	  margin-right: 20px;	  
}
 

#email:link{
color:#FF9900;
font-weight:normal; font-size:14px;
}
#email:hover{ color:#CCCCCC;

}
 
 
.h1{color:#000; font-family:  normal   Arial, Tahoma, Helvetica, sans-serif; font-size:24px; font-weight: bold;}
.h2 {
	font-size: 1em;
	color: #ff0000;
	margin: 0 0 25px 0;
}
 .h3{  font-family:normal Arial, Tahoma, Helvetica, sans-serif; font-size:16px; font-weight: bold; color:#FF0000;}
 .p{font:normal 100%/1.7em Arial, Tahoma, Helvetica, sans-serif; color:#000;}
.container2 {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
	background: url( );
   color: #000000;
    font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
    position: relative ;
	 }
/*====================*/
/*=== Pop up===*/
/*====================*/
 #fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--hidden by default--*/
	background: #fff;
	opacity: .80;
	background-image: url( );  
	padding: 20px;
	border: 5px solid   #999999;
	float: left;
	font-size: 1.3em;
	color:#fff;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 40px #000;
	-moz-box-shadow: 0px 0px 40px #000;
	box-shadow: 0px 0px 40px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -15px -15px 0 0;
	color: #999999;
	border:none;
}
 
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
  
}


.leftpart {
	width: 22%;
	background-color: #E0E0E0 ; border:thin solid #6B450C; line-height:1.5em; 
}
.membertable {
	width: 100%;
	background-color: #E0E0E0 ; border:thin solid #6B450C; line-height:1.5em; 
}
.rightpart {
	width: 30%; 
}

.small {
	font-size: 75%;
	color: #373737;
}
#footer {
	font-size: 65%;
	padding: 3px 0 0 0;
}

.topic-post {
	height: 100px;
	overflow: auto;
}

.post-content {
	padding: 30px;
}

textarea {
	width: 500px;
	height: 200px;
}

 #imagethumb{
	margin:30px;
	}
 

    ul.enlarge{
    list-style-type:none; /*remove the bullet point*/
    margin-left:0;
    }
    ul.enlarge li{
    display:inline-block; /*places the images in a line*/
    position: relative;
    z-index: 0; /*resets the stack order of the list items - later we'll increase this*/
    margin:10px 40px 0 20px;
    }
    ul.enlarge img{
    background-color:#eae9d4;
    padding: 6px;
    -webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
    -moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
    box-shadow: 0 0 6px rgba(132, 132, 132, .75);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    }
    ul.enlarge span{
    position:absolute;
    left: -9999px;
    background-color:#eae9d4;
    padding: 10px;
    font-family: 'Droid Sans', sans-serif;
    font-size:.9em;
    text-align: center;
    color: #495a62;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
    -moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
    box-shadow: 0 0 20px rgba(0,0,0, .75);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius:8px;
    }
    ul.enlarge li:hover{
    z-index: 50;
    cursor:pointer;
    }
    ul.enlarge span img{
    padding:2px;
    background:#ccc;
    }
    ul.enlarge li:hover span{
    top: -500px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
    left: -300px; /*distance from the left of the thumbnail to the left of the popup image*/
    }
     
    /**IE Hacks - see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/
    ul.enlarge img, ul.enlarge span{
    behavior: url(pie/PIE.htc);
}
 ul {list-style:none; margin-bottom:12px; padding:0}
li {font-family: Arial, Helvetica, sans-serif;
	 
	color: #0066CC;
	font-weight: bold;
	text-align: left;
margin-top:20px; text-decoration:none;
  cursor:pointer}
li:hover {   color:#999999}

.tbox {position:absolute; display:none; padding:14px 17px; z-index:900}
.tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#fff url(../Images/preload.gif) no-repeat 50% 50%; border-right:1px solid #333; border-bottom:1px solid #333}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800}
.tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(../Images/close.png) no-repeat}
.tclose:hover {background-position:0 -30px}

#error {background:#ff6969; color:#fff; text-shadow:1px 1px #cf5454; border-right:1px solid #000; border-bottom:1px solid #000; padding:0}
#error .tcontent {padding:10px 14px 11px; border:1px solid #ffb8b8; -moz-border-radius:5px; border-radius:5px}
#success {background:#2ea125; color:#fff; text-shadow:1px 1px #1b6116; border-right:1px solid #000; border-bottom:1px solid #000; padding:10; -moz-border-radius:0; border-radius:0}
#bluemask {background:#4195aa}
#frameless {padding:0}
#frameless .tclose {left:6px}

.tip {
    color: #fff;
    background:#1d1d1d;
    display:none; /*--Hides by default--*/
    padding:10px;
    position:absolute;    z-index:1000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}