@import 'https://fonts.googleapis.com/css?family=Lato:300,400,700,900';

.divleft {
    float: left;
    width: 181px;
}

.divright {
    margin-left: 181px;
}

html, body {
    min-width: 700px;
    margin: 0;
    padding: 0;
    padding-top: 10px;
    padding-right: 120px;
    background-color: #FFFFFF;
    text-rendering: optimizeLegibility;
    -moz-font-feature-settings: "liga", "kern";
    -moz-font-feature-settings:"liga=1, kern=1";
    -ms-font-feature-settings:"liga", "kern";
    -o-font-feature-settings:"liga", "kern";
    -webkit-font-feature-settings:"liga", "kern";
    font-feature-settings: "liga", "kern";
}

#menu {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 13pt;
    color: #333333;
    width: 22%;
    float: left;
    position: relative;
    padding-top: 123px;
}

#menu ul {
    list-style-type: none;
    line-height: 50%;
    margin-right: 45px;
}

#menu ul li.active {
      font-weight: 800;
}

selected {
      font-weight: 300;
}

#menu a {
	color: #000;
	display: block;
	float: left;
	margin: 0;
	padding: 8px 6px;
	text-decoration: none;
}

#menu a:hover {
	background: #FF0;
}

#header {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 20pt;
    color: #333333;
    padding-top: 30px;
    padding-bottom: 0px;
    border-bottom: 1px solid #23567B;
    border-bottom: 1px solid #213347;
    width: 100%;
    float: left;
    position: relative;
}

#header::after {
    content: "";
    width: 65px;
    height: 40px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: #23567B;
    background: #213347;
}

#maincontent {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 12pt;
    line-height: 135%;
    color: #333;
    float: left;
    position: relative;
    padding-top: 30px;
}

#maincontent a {
    color: #2580A2;
    text-decoration: none;
}

#maincontent strong {
    font-weight: 600;
}

#maincontent h1 {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 14pt;
    line-height: 125%;
    color: #333333;    
}

#maincontent h2 {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 14pt;
    line-height: 125%;
    color: #333333;    
}

#biblio {
	list-style-type: none;
	margin: 0; padding: 0;
}

#biblio li {
	padding: 0.5em 0 0.5em 0;
	font-weight: 400;
	border: 1px solid #839BA9;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
}

#mylist {
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-bottom: 1.0em;
}

#mylist li {
	padding: 0 0;
	font-weight: 400;
}

div.profile {
	    padding-left: 5px;
	    padding-top: 5px;
	    border: 1px solid #839BA9;
	    height: auto;
	    width: auto;
	    text-align: left;
	    margin-left: 0px;
	    margin-bottom: 10px;
	    margin-top: 10px;
	    margin-right: 0px;
}

div.profile p {
	    padding:0; margin:0;
	    padding-bottom: 5px;
}

div.profile img {
	    	display: inline-block;
	   	margin: 5px;
}

div.description {
	display: inline-block;
	vertical-align: top;
	margin: 5px;
	line-height: 1.25;
	width: 75%;
}

img.floatLeft {
    float: left;
    margin: 3px;
    padding-right: 10px;
    clear: left;
    padding-bottom: 0px;
}

div.name {
	 text-align: center;
	 float: left;
}

#maincontent hr {
	color: #23567B;
	background-color: #23567B;
	background-color: #213347;
	height: 1px;
	border-width:0;
	margin-top: 15pt;
	margin-bottom: 20px;
}