body {
	font:	16px/1.2 Arial, Helvetica, sans-serif;
	background:#CCCCCC;
        margin:10px 10px 10px 10px;
	}
	
a { text-decoration:none; color:#c00; }

a:hover { color:#FF0000; }

#main { background:#FFFFFF; }

#content {
        margin-right:5%;
        margin-left:5%;
        margin-top:10px;
        padding-bottom:0px;
	background:#FFFFFF;
	border:4px solid #000000;
	text-align:left;
	min-width:500px;
	}

.master {
	float:right;
	width:336px;
	margin:0px 0px 10px 10px;
	text-align:left
}

.master2 {
        float:right;
        width:325px;
  margin: 2px 2px 2px 20px;
  padding: 0px 0px 10px 10px;
        text-align:left
}


#main #menu {
	border-left:1px solid #000000; 
	border-bottom:1px solid #000000;
	float:right;
	width:336px;
	background:#F0F8FF;
	margin:0px 0px 10px 10px;
	text-align:left
	}

#main .adunit {
	border-left:1px solid #000000; 
	border-bottom:1px solid #000000;
        border-top:1px solid #000000;
	float:right;
	width:336px;
	margin:0px 0px 10px 10px;
	text-align:center
	}

#main .gotweird {
        border-left:1px solid #000000;
        border-bottom:1px solid #000000;
        border-top:1px solid #000000;
        float:right;
        width:336px;
        background:#F0F8FF;
        margin:0px 0px 10px 10px;
        text-align:center
        }

.likebutton {
float: right;
}

.new {
  border: 1px dashed #CC0000;
  width:325px;
  text-align: left;
  float: right;
  font: 12px/1.0 Arial, Helvetica, sans-serif;
  margin: 2px 2px 2px 12px; 
  padding: 10px 5px 0px 5px;
}

.new_left {
  float: left;
  width:35%;
  text-align: center;
}

.new_right {
  float: right;
  width:65%;
  text-align: center;
}

.new_right a {
 text-decoration:none; color:#000;
}

.video {
  border: 1px dashed #CC0000;
  width: 570px;
  margin: 0 auto;
  padding: 10px 10px 10px 10px;

}


.main_slide {
  border: 1px dashed #CC0000;
  width:700px;
  text-align: center;
  font: 12px/1.0 Arial, Helvetica, sans-serif;
  margin: 2px 2px 2px 12px;
  padding: 10px 5px 30px 5px;

}


.follow {
  margin: auto;
  width: 150px;
  text-align: center;
  padding: 10px;
  border: 1px dashed #CC0000;
}

.new_comment {
  border: 1px dashed #CC0000;
  text-align: left;
  float: left;
  font: 12px/1.0 Arial, Helvetica, sans-serif;
  margin: 2px 2px 2px 12px; 
  padding: 10px 10px 10px 10px;

}

.links {
  margin: 2px 2px 2px 2px;
  padding: 10px 20px 10px 20px;
  float: right;
  border: 1px dashed #CC0000;
  width: 170px;
  text-align: left;
  padding: 10px 20px 10px 20px;
  font: 12px/1.0 Arial, Helvetica, sans-serif;
}  

.random { float:left; margin:10px; }

.random_right { float:right; margin:10px; }

.map_right { float:right; margin:10px; width: 50%; }

/*
li { padding-left: 30px; }

ul { padding-left: 30px; padding-right: 10px }

ul li { padding-left: 10px; }
*/
	
p, h1, form  { margin:0px 10px 10px 10px; padding:0px 20px 0px 20px; }
		
h1 { font-size:24px; padding-top:10px; }

#menu h1 { font-size: 16px; }

#menu li { padding-left: 10px; }

#title { border: 0px; background: #000000; color: #FF0000; }

.adlink { }

#titleprint, #titlehand, .buttonshand, .adlink_mobile  { display:none; }

#bar {
	border: 0px; 
	background: #336699;
background-color: #336699;
    overflow:auto;
	text-align: center; 
        width: 100%;
        z-index: 995;
	}

#bar2 { position: relative; clear: both; border: 0px; background: #336699; text-align: center; }

#bar2 a {
	padding-left: 35px;
	font-weight:bold;
	padding-right: 35px;
	color: #000000;
	}

#bar2 a:hover { color: #c00; }

.buttons { text-align: center; padding: 5px 5px 5px 5px;}
.buttons a {
  margin-right: 2px;
  border-style: solid;
  border-color: #000;
  border-width: 1px;
  padding: 2px 5px 2px 5px;
  color: #C00;
  text-decoration: none;
  background-color: #F0F8FF;
  font-weight: bold;
}

.buttons a:hover { color: #FF0000; background-color: #336699; }

#bar a {
	padding-left: 35px;
	font-weight:bold;
	padding-right: 35px;
	color: #000000;
	}

#bar a:hover { color: #c00; }

#adcontent { padding-top: 10px; padding-bottom: 10px; text-align: center; clear: both;}

#address { font: 12px; padding-left: 50px; padding-right: 10px; padding-bottom: 10px; }

.picture {
	float:left; 
	text-align: center;
	margin:10px;
	background: #CCCCCC;
	width: 170px; 
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border:2px solid #000000;
	}

.picture_center {
	text-align: center;
	margin:10px;
	background: #CCCCCC;
	width: 170px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border:2px solid #000000;
	}

.pictureright {
	text-align: center;
	float:right; 
	margin:10px;
	background: #CCCCCC;
	width: 170px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border:2px solid #000000;
	}

.donateform {
float: right;
margin: 5px;
padding: 5px;
}

.searchform {
 float: right;
 font-size: 12px;
 text-align:right;
 margin: 5px;
 padding: 5px;
}

.loc_search {
  border: 1px dashed #CC0000;
  text-align: left;
  width: auto;
  overflow: hidden;
  font: 12px/1.0 Arial, Helvetica, sans-serif;
  margin: 2px 2px 2px 12px;
  padding: 10px 10px 10px 10px;
}

.searchform input {
 height: 1.5em;
 font-size: 1em;
 background: #CCCCCC;
 border: 1px solid #FF0000;
}

.seachpage {
  margin: 5px;
  padding: 15px;
}

.insert {
 font: Arial, Helvetica, sans-serif;
 text-align: left;
 font-size: 12px;
 float: right;
 margin: 10px;
 background: #CCCCCC;
 width: 250px;
 padding-left: 2px;
 padding-right: 2px;
 padding-top: 5px;
 padding-bottom: 5px;
 border: 2px solid #000000;
}

.insert p {
 font: Arial, Helvetica, sans-serif;
 padding-left: 2px;
 padding-right: 2px;
 padding-top: 5px;
 padding-bottom: 5px;
} 

.insert h1 {
 font: Arial, Helvetica, sans-serif;
 font-size: 14px;
 text-align: center;
}

.insert_left {
 font: Arial, Helvetica, sans-serif;
 text-align: left;
 font-size: 12px;
 float: left;
 margin: 10px;
 background: #CCCCCC;
 width: 250px;
 padding-left: 2px;
 padding-right: 2px;
 padding-top: 5px;
 padding-bottom: 5px;
 border: 2px solid #000000;
}

.insert_left p {
 font: Arial, Helvetica, sans-serif;
 padding-left: 2px;
 padding-right: 2px;
 padding-top: 5px;
 padding-bottom: 5px;
}

.insert_left h1 {
 font: Arial, Helvetica, sans-serif;
 font-size: 14px;
 text-align: center;
}


.caption { text-align: center; font-size: 10px; }

span.dropcap {
  margin-right:6px;
  margin-top:5px;
  float:left;
  color:black;
  background:FFFFFF;
  border:0px;
  font-size:80px;
  line-height:60px;
  padding-top:2px;
  padding-left:2px;
  padding-right:2px;
  font-family:times
}

#nav {
        margin: 0 0 0 0;
        text-align: center;
        list-style: none;
        line-height: 1;
        background: #336699;
        font-weight: bold;
        padding: 0;
        z-index: 996;
}

#nav ul { 
	list-style: none;
	line-height: 1;
	background: #336699;
	font-weight: bold;
	padding: 0;
 position:absolute;
   z-index: 997;
}

#nav a {
      display: block;
	text-decoration:none;
	padding: 0.15em 1em;
	font-weight:bold;
	color: #000;
	}

#nav a:hover { color:#FF0000; }

#nav li { float: left; padding: 0; }

#nav li ul { z-index: 998; /* second-level lists */

margin-left: auto; 
margin-right: auto;
	position: absolute;
	text-align: left; 
	background: #336699;
	left: -999em;  
        width: 16em; /* size of menu */
      white-space: nowrap;
	border: solid #FF0000;
	border-width: .15em;  
}

#nav li li { padding-right: 0em; width: 11em }

#nav li ul ul { text-align: left; margin: -1em 0 0 10em; }
/* third-and-above-level lists */

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul 
{ left: -999em; }

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul 
{ left: auto; }

.container {
  display: flex; /* or inline-flex */
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}