body
{
 background-color:lightgrey;
 margin-top:0px;
 margin-left:0px; 
 margin-right:0px;
 font:arial;
}

#wrapper 
{
/* background-image:url('images/footprints.jpg');
 background-repeat:no-repeat;
 background-image:url('images/rosary.jpg');
 background-repeat:no-repeat;
 background-position:0px 75px;*/
 background-color:#fffece;
 font-family:"arial"; 
 font-size: 14px; 
 color:black;
 width: 755px;
 height:1600px;
}

.navbar {
  overflow: hidden;
  background-color: #fffece;
}

.navbar a {
  float:left;
  color: #0C3563;
  padding: 7.5px;
  text-decoration: none;
  font-size: 14px;
}

.navbar a:hover, .dropdown:hover .dropbtn, .dropbtn:focus {
  background-color: lightblue;
  color: #0C3563;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  cursor:pointer;
  background-color: #fffece;
  color: #0C3563;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fffece;
  color: #0C3563
  min-width: 160px;
  overflow: auto;
  z-index: 1;
}

.dropdown-content a {
  float:none;
  color: #0C3563;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {
  background-color: lightblue;
  color: #0C3563;
}

.show {
  display: block;
}

#overlay
{
 position:relative;
 top:0px;
 left:0px;
 width:640px;
 height:357px;
 z-index:1;
}

.tablemenu
{
 width:100%;
}

.menu
{
 padding-top:0;
 text-align:center;
 color:#0C3563;
 font-size:14px;
 font-weight:bold;
 width:200px;
 height:40px;
 border:solid #0C3563; 
 border-collapse:collapse;
}

.title
{
 border:none;
 height:35px;
 text-align:center;
 font-family: Georgia, Times, serif;
 font-size:30px;
 font-weight:bold;
}

.subtitle
{

 border:none;
 padding:3px 100px 3px 100px;
 text-align:center;
 font-family:arial, sans-serif;
 font-size:18px;
 font-weight:normal;
 height:60px;
}

.subtitle2
{

 border:none;
 padding:0px;
 text-align:center;
 font-family:arial, sans-serif;
 font-size:18px;
 font-weight:normal;
 height:60px;
}

.tablepictures
{
 width:100%;
 border:none;
 padding:1em;
 text-align:center;
 font-family: Georgia, Times, serif;
 font-size:18px;
 font-weight:bold;
 color:#0C3563;
 background-size: 400px 272px;
}

.contact
{
 width:100%;
 border:none;
 padding:20px;
 text-align:left;
 font-family: "Times Roman", serif;
 font-size:20px;
 font-weight:bold;
 color:#0C3563;
}

.medjugorje
{
 width:700px;
 border:none;
 margin:1em;
 text-align:left;
 text-indent:3em;
 font-family: "Times Roman", serif;
 font-size:14px;
 font-weight:normal;
 color:black;

}

.date
{
 width:700px;
 border:none;
 text-align:center;
 font-family: "Times Roman", serif;
 font-size:24px;
 font-weight:bold;
 color:black;
}

.message
{
 width:700px;
 border:none;
 margin:1em 2em 1em 2em;
 text-align:left;
 text-indent:3em;
 font-family: "Times Roman", serif;
 font-size:16px;
 font-weight:bold;
 color:black;

}

.info
{
 width:700px;
 border:none;
 margin-top:1em;
 text-align:center;
 font-family: "Times Roman", serif;
 font-size:14px;
 font-weight:normal;
 color:black;
 text-transform:uppercase;
}

.frame
{
 border:solid #0C3563;
}

#bottom
{
 position:absolute;
 top:1550px;
 background-color: #0C3563;
 font-family:"arial";
 font-size: 14px;
 font-weight:bold;
 text-align:center;
 color:white;
 width: 755px;
 height:50px;
}

a:link 
{ 
 color:#0C3563;
 font-size:14px;
 font-weight:bold;
 text-decoration:none;
}

a:visited 
{
 color:#0C3563;
 font-size:14px;
 font-weight:bold;
 text-decoration:none;
}

a:hover
{
 background-color:#0C3563;
 color:white;
 font-size:14px;
 font-weight:bold;
 text-decoration:underline;
}

a:active
{
 color:#0C3563;
 font-size:14px;
 font-weight:bold;
 text-decoration:none;
}

a.email:link 
{ 
 color:white;
 font-size:14px;
 font-weight:bold;
 text-decoration:none;
}

a.email:visited 
{
 color:white;
 font-size:14px;
 font-weight:bold;
 text-decoration:none;
}

a.email:hover
{
 background-color:#0C3563;
 color:white;
 font-size:14px;
 font-weight:bold;
 text-decoration:underline;
}

a.email:active
{
 color:white;
 font-size:14px;
 font-weight:bold;
 text-decoration:none;
}

a.email2:link 
{ 
 color:#0C3563;
 font-size:20px;
 font-weight:bold;
 text-decoration:none;
}

a.email2:visited 
{
 color:#0C3563;
 font-size:20px;
 font-weight:bold;
 text-decoration:none;
}

a.email2:hover
{
 background-color:#0C3563;
 color:white;
 font-size:20px;
 font-weight:bold;
 text-decoration:underline;
}

a.email2:active
{
 color:#0C3563;
 font-size:20px;
 font-weight:bold;
 text-decoration:none;
}