/* Default setting */

* {
padding:0;
margin:0;
color:black;
text-decoration:none;
}

/* Whole content page */
body{
width:1000px;
background-color:white;
margin:auto;
font-family: "Calibri Light";
font-size:18px;
color:black;
}

/* Page header with logo and buttons */
#pageheader {
margin-top:5px;
width:100%;
clear:both;
vertical-align:middle;
}

#pageheader:after {
content: "";
width: 100%;
display: inline-block;
}

#buttonsdiv {
width:50%;
float:left;
text-align: center;
vertical-align:middle;
}

#buttonsdiv .site-switch {
display: inline-block;
background-color:#f6f0f0;
border-radius:40px;
padding:15px;
line-height:30px;
text-transform:uppercase;
text-align:center;
margin-bottom:0px;
margin-top:25px;
width:300px;
}

#buttonsdiv a, #buttonsdiv a:visited, #buttonsdiv a:focus {
color:black; 
text-decoration:none;
}

#buttonsdiv a:hover {
color:red; 
}

#logoimgdiv {
float:right;
}

#logoimg {
width:200px;
}

/* Navigation bar */

#navbar {
margin-top:0px;
margin-bottom:0px;
text-align:justify;
margin:0;
padding:0;
margin-bottom:3px;
overflow:hidden;
}

#navbar:after {
content: "";
width: 100%;
display: inline-block;
}

#navbar a, #navbar a:visited,  #navbar a:focus {

color:black;
display:inline-block;
text-align:center;
padding-left:22px;
padding-right:22px;
padding-top:10px;
padding-bottom:10px;
margin:0px;
text-decoration:none;
}

.currentlink {
color: orange !important;
}

/* Footer */
footer {
margin-top:30px;
margin-bottom:20px;
}

footer p {
margin-top:3px;
color:#868686;
font-size:14px;
}

/* Only page title and subtitle */
H1, H2 {
text-align: center;
font-size:24px;
margin-bottom:10px;
}

H1 {
font-weight:bold;
}

H2 {
font-weight:normal;
}

/* Common elements in main content */

/* Every paragraph in the main part */
p {
margin-right:20px;
margin-left:20px;
text-align:justify;
}

/* Emphasized text */
.emphasis {
font-style: italic;
}

a {
    color: #856528;
    text-decoration: none;
}

a:hover {
text-decoration: none; 
}