body {
    font-size:1.3em;
    font-family: Verdana, Geneva, Tahoma, sans-serif
}

#wrapper{
    margin-top:-10px;
}

header{
    top:0;
}

header p{
    margin-top:-10px;
     width:auto;
     float:right;
     padding-right:10px
}

header ul{
     width:auto;
     float:right;
     padding-right:10px;
     list-style:none;
}

header ul li{
    visibility:hidden;
    max-width:150px;
    z-index:3;
}

header ul:hover li{
    visibility:visible;
}

header ul li:hover{
    font-weight:bold;
}

header ul li a:link{
    text-decoration:none;
}

header ul li a:visited{
    text-decoration:none;
}

nav{
    background-image: url("https://capernauminstituto.com/Images/Capernaum_background.png");
    background-repeat: repeat-x;
    margin-top:-10px;
    padding: 0;
    padding-left: 5px;
    width:100%;
    height: 30px;
    z-index: 1
}

nav ul{
    width:auto;
    font-size:1em;
    color:white;
    list-style:none;
    padding:0
}

nav ul li{
    margin-top:0;
    float:left;
    width: auto;
    height:100%;
    padding-right:10px;
    vertical-align: text-top;
    list-style-position: inside
}

nav ul li:hover {
    color:white;
    text-decoration: none;
    font-weight: bold
}

nav ul li a:link{
    color:white;
    text-decoration: underline;
    vertical-align: text-top
}

nav ul li a:visited{
    color:white;
    text-decoration: underline
}


main{
    width:100%;
    height:100%;
    min-width:fit-content;
    min-height: fit-content;
    margin-top:0;
    margin-bottom: 1px;
    padding:0;
    overflow: visible;
    overflow-x:hidden;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover
}

#mainText{
    width:100%;
    height: 100%;
    padding:10px;
    margin:auto;
    margin: top 1px;
    margin: bottom 1px;
    overflow:auto;
    background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4);
    font-size:1.3em;
	color:white
}

#mainText p.right{
 max-width: 850px;
 float: right;
 font-family: Tahoma;
 font-size: 2.1em
}

#mainText ol li ul li a:link{
    color:white;
    text-decoration: underline;
}

#mainText ol li ul li a:visited{
    color: white;
    text-decoration: none;
}

#mainText h2{
    vertical-align: text-bottom
}

#mainText h2 span{
    text-indent: 15px;
    font-size:smaller
}

#mainText form{
    width:100%;
    max-width:850px;
    margin-top:5px;
}

#mainText form fieldset ul{
    list-style: none
}

#mainText form fieldset ul li label{
    width:100%;
    padding-top:10px
}

#mainText form fieldset ul li label input{
    color:black
}

#mainText form fieldset ul li textarea{
    width:100%;
    height:60px;
    color:black
}

#mainText figure{
    max-width:850px;
    max-height:350px;
    margin:auto
}

#mainText figure img{
    width: 50%;
    height:20%
}

#mainText table{
    max-width:1050px;
    min-width:850px;
    margin:auto
}

#mainText table tr th{
    text-align:center;
    width:auto
}

#mainText table tr td{
    text-align:left;
}

#content{
    width:80%;
    margin:auto
   }
   
footer{
    background-image: url("https://capernauminstituto.com/Images/Capernaum_background.png");
    background-repeat: repeat-x;
    font-size:small;
    color:white;
    width: 100%;
    height: fit-content;
    min-height:50px;
}

footer a:link{
    color:white
}

footer a:visited{
    color:white
}

footer div{
    float: right;
}

.here{
    background-color: slategray;
    color:blue;
    text-decoration: none;
    font-weight: bold
}

.warning {
    background-color:brown
}

.homePost {
    max-width:30%;
    height:20%;
    float:left;
    margin-left:10px;
    padding:5px;
    padding-left:10px;
    padding-right:10px;
    text-align: justify
}


.homePost h3{
    font-size:1.3em
}

.homePost h3 span{
    font-size:smaller;
    margin-left:15px;
    padding:5px
}

div.left{
    float:left;
    width:100%;
    max-width:250px;
}

div.left ul{
    
}

div.left ul li a:link{
    color: white
}

div.left ul li a:visited{
    color:white
}

div.right{
    max-width:200px;
    width:100%;
    float:right;
    margin-left:2px;
    margin-top:0px;
    font-size: medium;
    text-align:left;
}

div.right ul{
    width:auto;
    list-style: none;
}

div.right ul li{
    width:100%;
    padding:10px;
    text-align:center;
}

div.right ul li a:link{
    color:white
}

div.right ul li a:visited {
    color:white
}