    <!-- ----------------------------------------------------------- -->
    <!--                                                             -->
    <!--                   Code for main content                     -->
    <!--                                                             -->
    <!-- ----------------------------------------------------------- -->

      
	body {

	}

	#fullpage {
	  max-width: 1200px;
	  background-image: url(Top_bg.png);
	  background-repeat: no-repeat;
	  margin: auto;
	  padding: 0px; 
	  font-size: 14px;
	  font-family: Verdana, Arial, sans-serif;
	}
	img {  
	  border-style: none;
	}
	a {
	  text-decoration: none; 
	  color: inherit;
	}

	#UCD {
	  width: 30%;
	  padding-right: 5px;
	  padding-top: 5px;
	}
	.Top {
	  text-align: center;
	  margin-bottom: 100px;
	  height: 150px;
	}
	.Content {
	  border: 0px solid #111;
	}
	.Left_Panel {
	  border: 0px solid #111;
	  background-color: rgba(74,69,42, 0.1);
	  display: none;
	  margin-top: -61px;
	  padding-top: 280px;
	  padding-left: 5px;
	  padding-right: 2px;
	  width: 0px;
	  height: 1200px;
	}
	.Left_Panel li {
	  list-style-type: none;
	}

	.description {
          width: 100%;
	  border: 0px solid #111;
 	}

	.clear_both {
	  clear: both;
	  visibility: hidden;
	  line-height: 0;
	  font-size: 0em;
	}


    /**********************************************************/
    /*                                                        */
    /*                        Fonts                           */
    /*                                                        */
    /**********************************************************/

	h1 {
	  font-family: Verdana, Arial, sans-serif;
	  font-size: 2em;
	  padding-left: 0px; 
	  padding-top: 0px;
	  padding-bottom: 0px;
	  margin-top: 0px;
	  margin-bottom: 0px;
	  background-color:rgba(255, 255, 255, 0.5);
	}
	.Content h1 {
	  font-family: Verdana, Arial, sans-serif;
	  font-size: 1.5em;
	  padding-left: 10px; 
	  padding-top: 0px;
	  padding-bottom: 10px;
	  margin-top: 0px;
	  margin-bottom: 0px;
	  text-align: center;
	}
	h2 {
	  font-size: 1.4em;
	  line-height: 1.4;
	  font-family: Verdana, Arial, sans-serif;
	  padding-left: 0px; 
	  padding-top: 10px;
	  padding-bottom: 10px;
	  margin-top: 0px;
	  margin-bottom: 0px;
	  background-color:rgba(255, 255, 255, 0.5);
	}
	h3 {
	  padding-left: 10px;
	  padding-top: 20px;
	  margin: 0px;
	  line-height: 1;
	  font-size: 1em;
	  font-family: Verdana, Arial, sans-serif;
	  background-color:rgba(255, 255, 255, 0.5);
 	}
	h4 {
	  background-color: rgba(74,69,42, 0.1);
	  line-height: 1.4;
	  font-size: 1.2em;
	  font-family: Times, serif;
	  color: #362819;
	  padding-bottom: 0px;
	  padding-top: 0px;
	  margin: 2px 0px;
	  text-align: center;
	}
	.Left_Panel h4 {
	  border-top: 0px solid;
	  border-left: 0px solid;
	  line-height: 1.4;
	  font-size: 1.2em;
	  font-family: Times, serif;
	  color: #111;
	  padding-left: 5px;
	  padding-top: 0px;
	  margin: 2px 0px;
	  text-align: left; 
	}
	h5 {
	  line-height: 1.4;
	  font-size: 1.3em;
	  font-family: Times, serif;
	  color: #926C44;
	  padding-bottom: 0px;
	  padding-top: 0px;
	  margin: 2px 0px;
	  text-align: center;
	}
	.Left_Panel h5 {
	  border-top: 0px solid #926C44;
	  border-left: 0px solid #926C44;
	  line-height: 1.4;
	  font-size: 0.9em;
	  font-weight: normal;
	  font-family: Verdana, Arial, sans-serif;
	  color: #111;
	  padding-left: 5px;
	  padding-bottom: 5px;
	  margin: 2px 0px;
	  text-align: left;
	}
	h6 {
	  margin-top: 0px;
	  margin-bottom: 0px;
	  padding-left: 20px;
	  line-height: 1;
	  font-size: 1.1em;
	  font-family: Verdana, Arial, sans-serif;
	}
	h7 {
	  margin-top: 0px;
	  margin-bottom: 0px;
	  padding-left: 0px;
	  line-height: 17px;
	  font-size: 15px;
	  font-family: Verdana, Arial, sans-serif;
	}
	p {
	  padding-left: 10px;
	  padding-top: 5px;
	  margin: 0px 2px;
	  border-left: 0px;
	  line-height: 1.4em;
	  text-indent: 0em;
	  color: #000;
	  text-align: left;
	  font-size: 90%;
	  font-weight: normal;
	  font-family: Verdana, Arial, sans-serif;
	}
	li {
	  padding: 2px;
	  margin: 0px 0px;
	  border-left: 0px;
	  line-height: 1.2em;
	  color: #000;
	  text-align: left;
	  font-size: 90%;
	  font-weight: normal;
	  font-family: Verdana, Arial, sans-serif;
	  background-color:rgba(255, 255, 255, 0.5);
	}



    /**********************************************************/
    /*                                                        */
    /*                         Boxes                          */
    /*                                                        */
    /**********************************************************/


	.outer_frame, .outer_frame2, .outer_frame3 {
	  border: 0px solid;
 	  display: flex;
	  justify-content: center;
	  margin-bottom: 10px;

	}
	.inner_frame {
	  text-align: center;
	  background: #fff;
	  border: 0px solid #6A8341;
	  border-radius: 5px;
	  -moz-border-radius: 5px;
	  -webkit-border-radius: 5px;
	  -khtml-border-radius: 5px;
	  padding: 5px;
	  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	  -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	  max-width: 380px;
	  min-height: 125px;
	  overflow: hidden;
	}
	.image_L {
	  display: none;
	  float: left;
	  vertical-align: text-top;
	  width: 120px;
	  padding-right: 10px;
	  padding-top: 5px;
	}
	.image_S {
	  display: block;
	  float: left;
	  vertical-align: text-top;
	  width: 80px;
	  padding-right: 5px;
	}
	.image_team {
	  display: block;
	  float: left;
	  vertical-align: text-top;
	  width: 50%;
	  padding-right: 5px;	  
	}


    /**********************************************************/
    /*                                                        */
    /*                      Slideshow                         */
    /*                                                        */
    /**********************************************************/



	.mySlides {
	  display: none;
	}
	img {
	  vertical-align: 
	}

	/* Slideshow container */
	.slideshow-container {
	  max-width: 95%;
	  position: relative;
	  margin: 10px;
	  float: right;
	}

	/* Caption text */
	.caption {
	  color: #f2f2f2;
	  font-size: 15px;
	  padding: 8px 0px;
	  position: absolute;
	  bottom: 22px;
	  width: 100%;
	  text-align: center;
	  background-color: rgba(0, 0, 0, 0.5);
	}

	/* Number text (1/3 etc) */
	.numbertext {
	  color: #f2f2f2;
	  font-size: 12px;
	  padding: 8px 12px;
	  position: absolute;
	  top: 0;
	}

/* The dots/bullets/indicators */
.dot {
  height: 12px;
  width: 12px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
  margin-top: 5px;
}

.active, .dot:hover {
  background-color: #717171;
}


.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 35%;
  width: auto;
  padding: 16px;
  margin-top: 0px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}