html
{ height:100%; 
background-color: #333;}
body {
	height:100%; 
     margin: 0;
     padding: 0;
}
 p {
     font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
     color: #f2f2f2;
}
 i {
     font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
     color: #f2f2f2;
     display: block;
}
 h1 {
     font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
     color: #f2f2f2;
}
 a {
     font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
     color: #f2f2f2;
}
 #header {
     background: #333;
     min-height:50px;
}
/* ---------------------------------------------- */
/* Navigation related Styling following this line */
/* ---------------------------------------------- */
 .topnav {
     background-color: #333;
     width:100%;
     overflow: hidden;
     float: right;
}
 .topnav-right {
     float:right;
     padding-right:7.5%;
}
 .topnav {
     background-color: #333;
     overflow: hidden;
}
 .topnav a {
     float: left;
     display: block;
     text-align: center;
     padding: 14px 20px;
     text-decoration: none;
     font-size: 25px;
}
 .topnav .icon {
     display: none;
}
 .dropdown {
     float: left;
     overflow: hidden;
}
 .dropdown .dropbtn {
     font-size: 25px;
     border: none;
     color: #f2f2f2;
     padding: 14px 20px;
     background-color: inherit;
     font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

}
 .dropdown-content {
     display: none;
     position:absolute;
     background-color: #f9f9f9;
     min-width: 160px;
     z-index: 5;
}
 .dropdown-content a {
     float: none;
     color: black;
     padding: 12px 20px;
     text-decoration: none;
     display: block;
     text-align: left;
}
 .topnav a:hover, .dropdown:hover .dropbtn{
	 position:relative;
	 	 z-index:2;
     background-color: #8C4242;
     color: white;
}
 .dropdown-content a:hover {
     background-color: #E7BABA;
     color: black;
     border-radius:0%;
}
 .dropdown:hover .dropdown-content {
     display: block;
}
 .sticky {
     position: fixed;
     top: 0;
     width: 100%;
     z-index:2;
}
 .sticky-dropdown {
     position: fixed;
     top: 66px;
	 z-index:2;
}
 .sticky-border {
     width:100%;
     position:fixed !important;
	 z-index:1;
}
/* ----------------------------------------------- */
/* All Content related Styling following this line */
/* ----------------------------------------------- */
 .border-up {
     background-image: url("resources/images/borderup.png");
     background-repeat: repeat-x;
}
 .border-down {
     background-image: url("resources/images/borderdown.png");
     background-repeat: repeat-x;
     position: relative;
     top: 49px;
}
 .wrap {
     margin: 0 auto;
     background-image: url("resources/images/background.jpg");
     padding: 0px;
     width: 100%;
}
 #content {
     width: 82%;
     background: #E0E0E0;
     margin-left: 9%;
     margin-right: 9%;
     min-height:750px;
     padding-bottom:60px;
     padding-top:60px;
     z-index:0;
}
 #content h1 {
     padding: 20px;
	 padding-left:0;
     padding-bottom: 0;
	 margin-left: 5%;
     margin-bottom:0;
     color: #222;
}
#content hr {
		 margin-left:5%;
	 margin-right:5%;
	 border-width:3px;
}
 #content p {
       padding: 0;
	   padding-bottom: 20px;
	 margin-left:5%;
	 margin-right:5%;
     color: #222;
     text-align:justify;
}
 #content i {
      padding: 0;
	   padding-bottom: 20px;
	 margin-left:5%;
	 margin-right:5%;
     color: #222;
     text-align:justify;
}
 #content a {
      padding: 0;
	   padding-bottom: 20px;
	 margin-left:5%;
	 margin-right:5%;
     color: #222;
     text-align:justify;
}
/* --------------------------------------------- */
/* All about related Styling following this line */
/* --------------------------------------------- */
 #content .abrow {
     width: 94%;
     margin-left:3%;
     margin-right:3%;	
}
 #content .abrow:after {
     content: "";
     display: table;
     clear: both;
}
 #content .ableft {
     margin: 0;
     width: 60%;
     float: left;
}
 #content .abright {
     margin: 0;
     width: 40%;
     float: left;
}
 #content .abright img {
     margin-top: 80px;
	 margin-left:3%;
	 margin-right:3%;
	 border: 3px solid #333;
     width: 90%;
}
 #content .abrow p {
     margin-bottom:0;
     padding-bottom:0;
}
/* ------------------------------------------------------ */
/* All p-dissertation related Styling following this line */
/* ------------------------------------------------------ */
 
#content iframe {
	position:relative;
   border: 0;
   width: 90%;
   height: 725px;
   margin:5%;
}

 #content .disrow {
	 position:relative;
     width: 94%;
     margin-left:3%;
     margin-right:3% 
}
 #content .disrow:after {
     content: "";
     display: table;
     clear: both;
}
 #content .disleft {
	 position:relative;
     margin:0;
     width: 50%;
     float: left;
}
 #content .disright {
     margin:0;
     width: 50%;
     float:left;
}
/* ---------------------------------------------- */
/* All footer related Styling following this line */
/* ---------------------------------------------- */
 #footer {
     width: 100%;
     background: #333;
     min-height: 200px;
     margin:0;
     padding-top:0;
}
 #footer p {
     color: #C8C8C8;
     font-size:10px;
     text-align:center;
     margin:0;
     padding:0px;
     padding-bottom:10x 
}
 #footer .row {
     width: 75%;
     margin-left:12.5%;
     margin-right:12.5% 
}
 #footer .row:after {
     content: "";
     display: table;
     clear: both;
}
 #footer .column {
     float: left;
     width: 33.3%;
     padding: 0%;
}
 #footer .column h1 {
     color: #FFFFFF;
     margin:20px;
     margin-bottom:0px;
}
 #footer .column p {
     color: #FFFFFF;
     font-size:11px;
     text-align:justify;
     margin:20px;
     margin-top:0px;
}
 #footer .column a {
     color: #EDEDED;
	 font-size:11px;
	 text-align:justify;
     margin:20px;
     margin-right:0px;
     text-decoration: none;
}
 #footer .column a:hover {
     color: #DD6464;
     opacity: 0.7;
}
 #footer .column .fab:hover {
     color: #DD6464;
     opacity: 0.7;
}