html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  margin:0;
  padding:0;
}
html,body {
  margin:0;
  padding:0;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}
fieldset,img {
  border:0;
}

input{
  border:1px solid #b0b0b0;
  padding:3px 5px 4px;
  color:#979797;
  width:190px;
}

address,caption,cite,code,dfn,th,var {
  font-style:normal;
  font-weight:normal;
}
ol,ul {
  list-style:none;
}
caption,th {
  text-align:left;
}
h1,h2,h3,h4,h5,h6 {
  font-size:100%;
  font-weight:normal;
}
td{
  padding:5px;
}
q:before,q:after {
  content:'';
}
abbr,acronym { border:0;
}

:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}

td {
  border: 1px solid #ccc;
}

* {margin:0;padding:0;}

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body  {
  height: 100%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  line-height: 130%;
  font-weight: normal;
  font-variant: normal;
}


/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
  content: "";
  height: 100%;
  float: left;
  width: 0;
  margin-top: -32767px;/* thank you Erik J - negate effect of float*/
}

header {
  background-color:#D9E6F2;
  min-width: 150px;
  max-width: 100%;
  min-height: 60px;
  max-height: 150px;
  text-align: center;
  padding-top: 15px;
  font-size: 16px;
  line-height: 130%;
}

.delegateDetailsTable tr:first-child {
  border-top: 1px solid dimgrey;
}

.delegateDetailsTable {
  border-collapse: collapse;
  width: 100%;
}

.delegateDetailsTable tr {
  border-bottom: 1px solid dimgrey;
}

.delegateDetailsTable td:first-child {
  border-left: 1px solid dimgrey;
}

.delegateDetailsTable td:last-child {
  border-right: 1px solid dimgrey;
}

.delegateDetailsTable td {
  border-top: none;
  border-bottom: none;
  border-left: none;
  border-right: none;
}

#divContent {
  /* background-color:blue; */
  /* max-height: auto; */
  min-width: 150px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}


#tblLogin {
  width:  300px;
  border: 1px solid black;
  color: black;
  text-align: center;
  box-shadow: 3px 3px 2px #888888;
}

#tblLogin tr {

  height: 35px;
}

#inpLogin {
  width: 165px;
  margin-left: 5px;
}

#subLogin {
  /*
  background: #0066A2;#B9DFFF;
  color: white;
  border-style: outset;
  border-color: #0066A2;
  height: 30px;
  width: 120px;
  font: bold 15px arial, sans-serif;
  */
  background: #0096EF;
  color: #fff;
  border: 1px solid #eee;
  border-radius: 20px;
  box-shadow: 5px 5px 5px #eee;

}

#subLogin:hover {
  background: #016ABC;
  color: #fff;
  border: 1px solid #eee;
  border-radius: 20px;
  box-shadow: 5px 5px 5px #eee;
}

footer {
  background-color:gray;
  height: 50px;
  bottom: 0;
  width: 100%;
  position: fixed;
}


#headerNav {
  float: inherit;
  min-height: 30px;
  background: #0A4D9C;
  position: static;
  top: 0px;
}

#div_Nav {
  width: 100%;
  /* font-family: Helvetica, Arial, Verdana, sans-serif; */
  /* font-size: 14px; */
  /* font: bold 15px Helvetica, Arial, sans-serif; */
  font-weight: bold;
  font-size: 12px;
  overflow: hidden;
  position: static;
}

/*font-weight: bold;*/
/*font-size: 12px;*/

#div_Nav ul {
  list-style-type:none;
  margin:0;
  padding: 9px 0px;
  margin: 0px;
  /* font-weight: bold; */
  text-align: center;
  overflow: hidden;
}

#div_Nav li {
  display:inline;
  padding: 0px;
  min-height: 27px;

}

#div_Nav li a:link { color: white; }
#div_Nav li a:visited { color: white; }

#div_Nav li a {
  border-bottom: none;
  text-decoration: none;
  padding: 5px 10px;
  /* font-weight: normal; */
}

#div_Nav li a:hover  {
  color: #007bc9;
  background: #FFF;
  border-color: #227;
}

#div_Nav li #current {
  background: white;
  /*    border-bottom: 1px solid white;
      font: bold 12px Verdana, sans-serif; */
  color: #007bc9;
  /* border-radius: 10px ;  */
}

#tableDelegates {
  width: 1000px;
  /*
  max-width: 800px; 
  margin-left: auto; 
  margin-right: auto;
  */
}

.link-text {
  color: blue;
  cursor: pointer;
  text-decoration: underline;
}

#tableDelegates th {
  background-color: gray;
  color: white;
  font-weight: bold;
  font-size: 12px;
  height: 20px;
  padding: 2px 3px;

}

#tableDelegates tr {
  border: 1px solid gray;
}

#tableDelegates td {
  padding: 2px 5px;
}


#a_map:link {
  text-decoration: none;
}

#a_map:visited {
  text-decoration: none;
}

#a_map:hover {
  text-decoration: underline;
}

#a_map:active {
  text-decoration: underline;
}





.tableAgenda {
  margin: 10px 10px;
  /* width: auto; */
  width: auto;
  border: 1px solid gray;
  border-collapse: collapse;
}

.tableAgendatdl{
  padding: 6px;
  text-align: center;
  vertical-align: top;
  width:130px;
  border: 1px solid black;
}

.tableAgendatdr{
  padding: 6px;
  width: auto;
  border: 1px solid black;
}


.tableAgendaTitle {
  background: red;
  text-align: center;
  color: white;
  font-weight: bold;
  padding: 6px;
  border: 1px solid black;
}
.tableAgendaDate {
  background: #C0C0C0;
  text-align: center;
  font-weight: bold;
  padding: 6px;
  border: 1px solid black;
}
.tableAgendaSpouse {
  background: #D9E6F2;
  text-align: center;
  font-weight: bold;
  color: red;
  padding: 6px;
  border: 1px solid black;
}