body
{
background-color: white;
background-repeat: no-repeat;
}

#publication {
color: black;
width: 30%;
float: left;
font-family: 'Varela', sans-serif;
font-size: 14pt;
line-height: 10%;
}

#back {
color: #D6B430;
}

#place {
display: block;
float: center;
height: 20em;
width: 30em;
background-color: #cccccc;
}

#maintable {
background-color: white;
width: 52em;
height: 55em;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 2em;
}

#whitebox {
background-color: white;
width: 52em;
height: 5em;
display: block;
margin-left: auto;
margin-right: auto;
}

#whitebox2 {
clear: both;
background-color: white;
width: 52em;
height: 10em;
display: block;
margin-left: auto;
margin-right: auto;
}

#whiteboxdescription {
font-family: 'Varela', sans-serif;
font-size: 11pt;
margin-left: auto;
margin-right: auto;
padding-top: 13em;
font-weight: 100;
}

#design {
float: left;

}

#nav3 {
width: 70%;
float: right;
padding: 0;
list-style: none;
background-color: white;
font-family: 'Karla', sans-serif;
font-size: 11.5pt;
font-weight: bold;
}
#nav3 li {
float: right; 
}

#nav3 li a {
display: block;
padding: 32px 28px;
text-decoration: none;
color: #3e3e3e;
border-right: 1px black; 
}

#nav3 li a:hover {
color: #D6B430;
background-color: white; }

/*Footer*/

#nav {
width: 55%;
float: left;
margin-left: 2.5em;
margin-right: auto;
padding: 0;
list-style: none;
background-color: white;
font-family: verdana;
font-size: 9pt;
}
#nav li {
float: left; 
}

#nav li a {
display: block;
padding: 5px 15px;
text-decoration: none;
color: black;
border-right: 1px black; 
}

#nav li a:hover {
color: #D6B430;
background-color: white; }
	
#nav2 {
width: 30%;
float: right;
margin-left: auto;
margin-right: 2em;
padding: 0;
list-style: none;
background-color: white;
font-family: verdana;
font-size: 10pt;
}

#nav2 li {
float: right; 
}

#nav2 li a {
display: block;
padding: 5px 15px;
text-decoration: none;
color: black;
 }
 
#nav2 li a:hover {
color: #D6B430;
background-color: white; }

#footer {
height: 2em;
width: 56em;
background-color: white;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 0;
padding: 5px;
}




/*Yellow bar of OLD Design*/

#yellow1 {
display: block;
padding-top: 3cm;
height: 20em;
width: 16.8%;
float: left;
}

#yellow2 {
display: block;
padding-top: 3cm;
height: 20em;
width: 18%;
float: right;
}

/*Images*/

.example-image {
width: 820px;
border-style: solid;
border-color: white;
float: left;
margin-top: 50px;
margin-left: -5px;
}


#thumbnail {
float: right;
background-color: black;
width: 500px;
height: 40px;
visibility: hidden;
}

#thumb1 {
display: block;
width: 50px;
height: 50px;
float: left;
}

/*Type and Description*/

#type {
font-weight: bold;
font-size: 16pt;
color: black;
}

#title1 {
margin-top: 50px;
height: 102px;
width: 250px;
float: left;
}

#description {
color: black;
width: 50%;
float: left;
font-family: 'Varela', sans-serif;
font-size: 8pt;
line-height: 157%;
margin-top: 2em;
margin-left: 30px;
}

#description2 {
color: #D6B430;
width: 30%;
float: left;
font-family: 'Varela', sans-serif;
font-size: 9pt;
line-height: 150%;
margin-left: 30px;
margin-top: 2em;
}

#bullets {

color: black;
display: block;
float: left;
font-family: 'Varela', sans-serif;
font-size: 8pt;

}

#click {
margin-top: 20px;
height: 23px;
width: 230px;
}

#click2 {
float: left;
margin-top: 15px;
height: 23px;
width: 230px;
}