html, body {
     height:100%;
     width: 100%;
}

body {
     margin:0;
     padding:0;
     color:black;
     min-height:100%;
     height:100%;
}

h1 {
     margin: 5px;
     text-align: center;
}

h2 {
     margin: 5px;
     text-align: center;
}

h4 {
     padding-top: 30px;
     padding-bottom: 2px;
}

div.indexpagecard .card-title {
     color: black;
     background-color: #CCC;
     padding-top: 5px;
     padding-bottom: 5px;
}

div.indexpagecard .card-text {
     margin-right: 10px;
     margin-left: 10px;
     margin-bottom: 10px;
}

.indexpagecard:hover{
     border-color: black;
     border-style: outset;
     border-width: 5px;
}

.my_top_border{
     border-top-width: 2px;
     border-top-color: black;
     border-top-style: solid;
}

#index_welcome{
     padding: 5px;
     text-align: center;
     margin-bottom: 5px;
}

#container_full {
     background-color: white;
     width:98%;
     margin:auto;
     padding: 5px;
}

#title {
     font-weight: 800;
     text-align: center;
     font-size: 30px;
     padding: 5px;
}

#footer {
     bottom: 0px;
     height: 35px;
     width:100%;
     text-align:center;
     padding-bottom: 20px;
     border: 0px;
}

.no_text_decoration {
     text-decoration: none;
}

.item_top{
     background-color: #EEE;
     border-style: solid;
     
     border-top-width: 2px;
     border-right-width: 2px;
     border-left-width: 2px;
     border-bottom-width: 0px;

     border-top-color: black;
     border-right-color: black;
     border-left-color: black;
}

.item_inner{
     border-style: solid;

     border-top-width: 0px;
     border-right-width: 2px;
     border-bottom-width: 0px;
     border-left-width: 2px;

     border-right-color: black;
     border-left-color: black;
}

.item_bottom{
     border-style: solid;

     border-top-width: 1px;
     border-right-width: 2px;
     border-bottom-width: 2px;
     border-left-width: 2px;

     border-top-color: #CCC;
     border-right-color: black;
     border-bottom-color: black;
     border-left-color: black;

     padding-bottom: 10px;
     margin-bottom: 20px;
}

.picture-block {
     /* Borders for the picture items. Doing the Top border here means it's also put in if it's only one column (mobile device) */
     border-style: solid;
     border-top-width: 1px;
     border-right-width: 0px;
     border-bottom-width: 0px;
     border-left-width: 0px;
     border-top-color: #CCC;
     padding: 10px;
}

.picture-block-inner-line {
     /* This is for the vertical line between picture blocks. It's not used when it's the first picture block otherwise the left item_inner border would look bolded */
     border-style: solid;
     border-left-width: 1px;
     border-left-color: #CCC;
}

div.ordered-list ul { 
	display: inline-block; 
     text-align: left;
     list-style-type: none; 
}

div.ordered-list ol { 
	display: inline-block; 
     text-align: left;
}