/* CSS Document */

html, body {
    margin: 0;
	padding: 0;
}
body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1vw;
	color: #997C67;
	background-color: #E3CCA1;
}

h2 {
	color: #755330;
}

h3 {
	color: #755330;
}

h4 {
	color: #B0703C;
}

p{
	margin-left: 1vw;
	margin-right: 1vw;
    padding: 0.5vw;
}

p#contact {
	margin-left: 8vw;
	margin-right: 1vw;
    padding-top: 0vw;
    padding-bottom: 0vw;
}

a:link#contact {
    color: #B0703C;
    background-color: transparent;
    text-decoration: none;
} 
a:visited#contact {
    color: #B0703C;
    background-color: transparent;
    text-decoration: none;
}
a:hover#contact {
    color: #DBA72E;
    background-color: transparent;
    text-decoration: none;
}

#layout {
    width: 80vw;
	border-collapse: separate;
    border-spacing: 5vw;
}

#layout td {
  vertical-align: top;
  padding: 0.5vw 5vw 0.5vw 2vw;
  text-align: justify;
  text-justify: inter-word;
  font-size: 1vw;
}

 div#layer{
  -webkit-animation-name: news; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
  animation-name: news;
  animation-duration: 4s;
  animation-iteration-count:infinite;
  font-size: 1.1vw;
  font-weight: bold;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes news {
  0%   {color: #D1CEC5;}
  25%  {color: #997C67;}
  50%  {color: #755330;}
  75%  {color: #B0703C;}
  100% {color: #DBA72E;}
}

/* Standard syntax */
@keyframes news {
  0%   {color: #D1CEC5;}
  25%  {color: #997C67;}
  50%  {color: #755330;}
  75%  {color: #B0703C;}
  100% {color: #DBA72E;}
}

ul#layer{
    margin:0;
    padding: 0 0 0.5vw 0
	font-size: 1.1vw;
}

a:link#comm {
    color: #B0703C;
    background-color: transparent;
    text-decoration: none;
	font-size: 1.2vw;
} 
a:visited#comm {
    color: #B0703C;
    background-color: transparent;
    text-decoration: none;
}
a:hover#comm {
    color: #DBA72E;
    background-color: transparent;
    text-decoration: none;
}


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

li#list1 {
 background: url('images/bullet_small1.png') no-repeat left 0.2vw;
 background-size: 0.7vw;
 padding-left: 1vw;
 padding-bottom: 0.5vw;
 display: block;
}
li#list2 {
 background: url('images/bullet_small2.png') no-repeat left 0.2vw;
 background-size: 0.7vw;
 padding-left: 1vw;
 padding-bottom: 0.5vw;
 display: block;
}
li#list3 {
 background: url('images/bullet_small3.png') no-repeat left 0.2vw;
 background-size: 0.7vw;
 padding-left: 1vw;
 padding-bottom: 0.5vw;
 display: block;
}
li#list4 {
 background: url('images/bullet_small4.png') no-repeat left 0.2vw;
 background-size: 0.7vw;
 padding-left: 1vw;
 padding-bottom: 0.5vw;
 display: block;
}
li#list5 {
 background: url('images/bullet_small5.png') no-repeat left 0.2vw;
 background-size: 0.7vw;
 padding-left: 1vw;
 padding-bottom: 0.5vw;
 display: block;
}
li#list6 {
 background: url('images/bullet_small6.png') no-repeat left 0.2vw;
 background-size: 0.7vw;
 padding-left: 1vw;
 padding-bottom: 0.5vw;
 display: block;
}

a:link {
    color: #DBA72E;
}

a:visited {
    color:  #755330;
}

a:hover {
    text-decoration: none;
}
#cell-content {
    padding: 2em 0 1em 1em;
}

#cell-footer {
    padding-top: 1em;
}

#cell-footer p {
    color: #755330;
    font-size: 0.8vw;
    line-height: 1.3;
    padding: 1em;
    text-align: center;
	text-decoration: overline;
}

#table-header {
    background: url(images/autumn-tones.png);
    background-size: cover;
    color:  #755330; 
    width: 80vw;
}

#table-header td {
    padding: 0.4em 0.4em 0.4em 0.6em;
}

#seminar-name {
    color:  #755330;
    font-family: Verdana, Arial, sans-serif;
    font-size: 2.5vw;
    font-weight: bold;
}

#seminar-date {
    color:  #755330;
    font-family: Verdana, Arial, sans-serif;
    font-size: 1.4vw;
    font-weight: bold;
}

.topnav {
  overflow: hidden;
  background-color:  #997C67;
}

.topnav a {
  float: left;
  font-size: 1vw;
  color: #D1CEC5;
  text-align: center;
  padding: 0.9vw 1vw;
  text-decoration: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 1vw;  
  border: none;
  outline: none;
  color: #D1CEC5;
  padding: 0.9vw 1vw;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #DBA72E;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #D1CEC5;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: #755330;
  padding: 0.9vw 1vw;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #ddd;
}

.dropdown:hover .dropdown-content {
  display: block;
}


#sponsors td {
    padding: 0.4em 1em 0.4em 1em;
	vertical-align: middle;
}

#fee td, th {
	padding: 1em;
	text-align: center;
	font-size: 1.1vw;
	border-bottom: 0.1em solid #755330;
}

p#fee {
	font-size: 1vw;
}

a:link#fee, a:visited#fee{
  background-color: #DBA72E;
  color: #B0703C;
  padding: 1vw 1.5vw;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  display: inline-block;
}

a:hover#fee, a:active#fee {
  color: #755330;
  font-weight: bold;
}

/*Forms*/

* {
  box-sizing: border-box;
}

input[type=text], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
}

label {
  padding: 12px 12px 12px 0;
  display: inline-block;
}

input[type=submit] {
  background-color: #DBA72E;
  color: #B0703C;
  font-weight: bold;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: right;
}

input[type=submit]:hover {
   color: #755330;
}

.container {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}

.col-15 {
  float: left;
  width: 15%;
  margin-top: 6px;
  vertical-align: middle;
}

.col-25 {
  float: left;
  width: 25%;
  margin-top: 6px;
  vertical-align: middle;
}

.col-50 {
  float: left;
  width: 50%;
  margin-top: 6px;
  vertical-align: middle;
}

.col-75 {
  float: left;
  width: 75%;
  margin-top: 6px;
  vertical-align: middle;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

div.row {
    line-height: 1.6;
    margin-bottom: -10em;
    margin-right: 12em;
    margin-left: 2em;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .col-15,.col-20, .col-50,.col-75, input[type=submit] {
    width: 100%;
    margin-top: 0;
   font-size: 100%;
  }
}

.error {
color: #FF0000;
}

p.error {
margin-top: -2em;
padding: 0;
}

/* Abstracts */
#foo{
	display: none;
}
#foo2{
	display: none;
}

.title {
    font-style: normal;
    font-weight: 600;
}

.author {
    font-style: normal;
    font-variant: small-caps;
    margin-left: 2em;
}

td.article {
    border-bottom: 1em solid rgb(130,130,130);
    line-height: 1.4;
    padding: 0.8em 1em;
    vertical-align: top;
    margin-left: 0.5em;
}

td.page {
    border-bottom: 1em solid rgb(130,130,130);
    padding: 0.8em 1em;
    text-align: right;
    vertical-align: top;
    white-space: nowrap;
    width: 6em; 
}

div.abstract {
    line-height: 1.6;
    margin-top: 0.7em;
    margin-right: 12em;
    margin-left: 2em;
    text-align: justify;
}

/* Paricipants */
#part .personName, #people .personName {
    font-weight: bold;
}
#part .afill, #people .afill {
    font-weight: normal;
}
#part li, #people li {
    list-style: none;
    margin-bottom: 1.2em; /* space between items */
}

#part ul {
    margin: 0;
}