@charset "UTF-8";

body {
     font-family: sans-serif;
     /* font-size: large; */
}

.logo {
      /* margin-top: 2%; */
      /* width: 25%; */
      font-family: serif;
      float: left;
      text-align: center;
}

.logo a {
      text-decoration: none;
}

.line1 {
       color: #000080;
       font-size: x-large;
       /* font-family: serif; */
       /* font-face: Verdana Ref; */
}

.line2 {
       color: #000080;
       font-size: medium;
}

#middle {
	clear: both;
}

#nav {
     float: left;
     width: 20%;
     margin-top: 2.5em;
}

#nav ul {
      text-align: right;
      list-style-type: none;
      padding-left: 10%;
      /* border-top: 1px solid #D8D7C5; */
}

#nav ul a {
      display: block;
/*
      text-decoration: none;
      border-bottom: 1px solid grey;
      border-top: 1px solid grey;
*/
      padding: 5px 8px 5px 7px;
}

#content {
	 padding-left: 25%;
}

#footer {
	clear: both;
	font-size: small;
	text-align: center;
	width: 100%;
	padding-top: 2%;
}

#footer img {
	float: left;
	width: 8%;
	padding-left: 1%;
}

#footer-contact {
		font-size: medium;
}

#biodata-table {
	       border-collapse: collapse;
}

.td-first {
	  text-align: left;
	  padding-right: 2%;
	  vertical-align: top;
/*	  width: 160px; */
}

/*
.td-second {
	   width: 400px;
}
*/

#biodata-table td {
	       padding-bottom: 10px;
}

#notes {
	       font-size: small;
}

.ulatin {
	list-style-type: upper-latin;
}

noscript p {
	 font-weight: bold;
	 padding: 10px;
	 border: solid red;
}