div {margin-top: 0px; text-align:center;}

body {margin: 0px;}

body {font-family:"Times New Roman", Times, serif;} 

p  {color:black;font-size:14px;text-align:justify;padding:8px 20px; margin:0px 0px;}

.side_pad{
  margin-left:10%;
  margin-right: 10%;
}

.highlight{
  background:yellow;
}

.silver_line{
  background-color:silver;
}
.clear {clear:both;}
.center {text-align:center;}

.wrap { border: thick ridge silver;   margin-left: 100px;margin-right: 100px; background:Khaki ; }



#Banner{

left: 0px; 
right: 0px; 
width: 100%; 

border:none;
overflow:hidden;
}



table.membership {
	border-collapse: separate;
    border-spacing:2px;
	
	margin: auto;
}
table.membership td{
	padding:15px 25px;
}
table.membership th{
	text-align: center;
}


table.data_list {
  
  border-collapse: collapse;
 
	width:100%;
  margin: auto;
  
 
}
table.data_list td{
  padding:2px 4px;
  text-align: left;
  border: 1px solid black;
  
}
table.data_list th{
  text-align: center;
  border: 1px solid black;
}
.data_list tr:nth-child(2n+3){ /*provides change of background alternate rows*/
	background-color: #dddddd;
	}


.data_list td:nth-child(1) {
  text-align: center;
}

.data_list td:nth-child(2) {
  text-align: center;
}

.data_list td:nth-child(7) {
  text-align: center;
}

.data_list td:nth-child(8) {
  text-align: center;
}
table.telephone_list {
  border-collapse: separate;
  
    border-spacing:5px;
	width:100%;
  margin: auto;
  padding:20px;
  
}
table.telephone_list td{
  padding:3px 4px;
  text-align: left;
  
}
table.telephone_list th{
  text-align: center;
  border: 1px solid black;
}
.telephone_list1 tr:nth-child(2n+3){ /*provides change of background alternate rows*/
	background-color: #dddddd;
	}
.telephone_list td:nth-child(1) {
		text-align: center;
}




table.address_list {
	border-collapse: separate;
    border-spacing:2px;
	width:100%;
  margin: auto;
  padding:20px;
  
}
table.address_list td{
  padding:12px 4px;
  text-align: left;
  vertical-align: top;
 
}
table.address_list th{
  
  border: 1px solid black;
}
.address_list tr:nth-child(2n+3){ /*provides change of background alternate rows*/
	background-color: #dddddd;
	}
.address_list td:nth-child(1) {
  text-align: center;		
}

.address_list td:nth-child(2) {
  text-align: center;		
}

table.user_list {
	border-collapse: separate;
    border-spacing:2px;
	width:100%;
  margin: auto;
  
}
table.user_list td{
  padding:2px 4px;
  text-align: left;
  border: 1px solid black;
}
table.user_list th{
  text-align: left;
  border: 1px solid black;
}
.user_list tr:nth-child(2n+3){ /*provides change of background alternate rows*/
	background-color: #dddddd;
	}
.user_list th:nth-child(1) {
		text-align: center;
}


#content {

left: 0px; 
right: 0px;
width:100%; 
height:60%;

border:none;

}

a {FONT-SIZE: 15px; COLOR: blue;  TEXT-DECORATION: underline;}

a:hover {COLOR: red; }

.smaller a {
  FONT-SIZE: 15px;
}

.larger a {
  FONT-SIZE: 20px;
}
.box {
  color:green;
  border: 1px solid black;
}


h1 {color:blue;font-size:24px;text-decoration:none;text-align:center;padding-top:2px;}
h2 {color:black;font-size:22px;text-decoration:none;text-align:center;padding-top:2px;}
h3 {color:black;font-size:20px;text-decoration:none;text-align:center;padding-top:2px;}
h4 {color:black;font-size:16px;text-decoration:none;text-align:center;padding-top:2px;margin:15px 2px 3px; }

.half {
  width:40%;
}


.line_space1 h3 {
  margin:0px;
 }



.text {color:black;font-size:14px;text-align:justify;padding:8px 20px; margin-left:30px;margin-right:30px;}

.picture1 {margin-left:20px;margin-right:20px;margin-top:10px;clear:both;}
.picture2 {float:left;margin-left:20px;margin-right:20px;}

.pictureRight1 {float:right;margin:0px 20px 20px 0px; }
.pictureLeft1 {float:left;margin:0px 20px 20px 0px;}

.pict1 {text-align:center;}

ul {padding: 0px 20px 20px 40px;}

li {color: #202020;font-size:14px;text-align:left;padding-top:15px;text-decoration:none;}


#Bannerxmas {background: white url('snowtop.jpg');}

#Banner .picture {margin: 5px 5px;clear: none;}
#Banner .pictureLeft {float:left;clear: none;}
#Banner .pictureRight {float:right;clear: none; }
#Banner .text {text-align:center;margin:0px; padding:0px;}
#Banner .wrap {min-width:400px;margin-left:auto;margin-right:auto;}
#Banner .wrap .text {font-size:14px;}

#Banner .pictureLeft {
  transition:  4s ease-in-out;
}


#Banner .pictureRight{
  transition:  4s ease-in-out;

}

#Banner .pictureRight:hover  {
  transform: rotatez(360deg) scale(0.7);
}


#Banner .pictureLeft:hover  {
  transform: rotatez(360deg) scale(0.7);
}


@media (max-width: 900px) 
  {
   #Banner .picture {max-width:400px;}
  }



  @media  (max-width: 650px) 
    {
      #Banner .picture {max-width:250px;}
    }

  @media  (max-width: 500px) 
      {
        #Banner .picture {max-width:150px;}
      }


  #Banner	.SMedia {
    float:right;
    position:absolute;
    top:5px;
    right:100px;
   
  }
	#Banner	.SMedia img {
    width:20px;
   
    margin:0px 3px;
 
}
      


#Pageindex #menu {
left: 0px; 
right:0px;
margin-left: auto;margin-right: auto;
}

#Pageindex{

left: 0px; 
right: 0px;
padding: 3px;
}

#Pageindex ul { list-style-type:none; margin:0; padding:0; } 

#Pageindex li {  display:inline-block; padding: 1px 0px; margin:2px 3px; }

#Pageindex a:link { COLOR: blue;}
#Pageindex a:visited { COLOR: blue; }
#Pageindex a:hover { COLOR: black; background: linear-gradient(to bottom, rgba(179,190,173,1) 0%, rgba(252,255,244,1) 100%);}




#Pageindex a {FONT-SIZE: 16px;
	padding: 2px 8px;
	border-radius: 3px;
	margin:0px;
	border: 1px solid #000000;
	TEXT-DECORATION: none;
	background: linear-gradient(to bottom, rgba(252,255,244,1) 0%,rgba(179,190,173,1) 100%); /* W3C */

	box-shadow: 4px 4px 3px rgba(0,0,0,.5);

	-moz-border-radius: 8px; /* mozilla border radius */

	-webkit-border-radius: 8px; /* webkit border radius */
}





.navigation {
background:silver ;
padding-top:1px;
display:inline-block;
color:#393833;
font-size:14px;
padding:2px 8px;

	border-radius: 8px;

	-moz-border-radius: 8px; /* mozilla border radius */

	-webkit-border-radius: 8px; /* webkit border radius */


}


.btn{		/*???????????????????????????????*/	
	background-color:#01A534;
	color:#ffffff;
	border:outset #CCFFCC;
	line-height:30px;
	text-align:center;
  
  padding: 5px 20px;
  font-weight:bold;
  border-radius: 12px;
}