html, body {
 color: #026670;
 }

 a:link {color:#026670;
   text-decoration:none;}
 a:visited {color:#026670;
   text-decoration:none;}
 a:hover {color:#000000;
   text-decoration:none;}
 a:active {color:#000000;
   text-decoration:none;}

.style-breadcrumb {
	font-family: 'Dosis', sans-serif;
	font-size:1.5em;
	}

.style-button {
	font-family: 'Dosis', sans-serif;
	font-size:2.25em;
	}

.style-h1 {
	font-family: 'Dosis', sans-serif;
	font-size:2.25em;
	}

.style-h2 {
	font-family: 'Dosis', sans-serif;
	font-size:1.5em;
	}

.style-homebody {
	font-family: 'Dosis', sans-serif;
	font-size:1em;
	}

.style-body {
	font-family: 'Dosis', sans-serif;
	font-size:1em;
	color: #026670;
	}

.style-footer {
	font-family: 'Dosis', sans-serif;
	font-size:0.9em;
	color: #026670;
	}

.style-code{
	font-family: 'Inconsolata', sans-serif;
	font-size:1em;
	}

#news-image {
    background-image:url(mees2.jpg);
    display:block;
    height:448px;
    text-indent:-9999px;
    width:350px;
}

#research-image {
    background-image:url(network.jpg);
    display:block;
    height:448px;
    text-indent:-9999px;
    width:350px;
}

#profile-image {
    background-image:url(swan.jpg);
    display:block;
    height:448px;
    text-indent:-9999px;
    width:350px;
}

/* elements for building website */

#total-page{
	width:1250px;
	margin: 0px auto;
	}

#total-page ul {
	display: inline-block;
	list-style-type: none;
	margin: 10px 0px 10px 0px;
	zoom:1;
	*display: inline;
    }

#total-page li {
	float: left;
	padding:0px 25px 0px 25px;
    }

#content-fd{
	overflow:auto;
	float:left;
	margin:0px;
	padding:10px;
	width:750px;
	}

#menu-bar{
	margin: 0px;
	padding: 0px;
	width:350px;
	height:100%;
	}

#menu-image{
	width:350px;
	height:450px;
	margin: 0px;
	}

#menu-button{
	width:350px;
	margin:0px;
	padding:10px;
	height:125px;
	}

#home-element{
	width:350px;
	margin: 0px;
	padding: 0px;
	}

#home-text-block{
	width:330px;
	padding:30px 10px 20px 10px;
	margin: 0px;
	height:200px;
	}

#code-container{
	background:#DAF8E9;
	width: 730px;
	height: 200px;
	overflow: scroll;
	resize: none;
	white-space: nowrap;
}

/* colours for different items */

.col-news{
	background:#FCE181;
	}


.col-research{
	background:#EDEAE5;
	}


.col-profile{
	background:#9FEDD7;
	}

  /* Hide the images by default */
.mySlides1, .mySlides2 {display: none}

/* Caption text */
.text2 {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.text1 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}