body {
  font-family:Arial, Helvetica, sans-serif;
}

nav {
  background-color:black;
  padding:20px;
}

nav a {
  color: white; 
  text-decoration: none;
  padding:15px;
  float:right;
  padding-right: 30px;
}

nav a:hover {
  color: #ddd;
}

.topnav {
  overflow:hidden;
}
.topnav .icon {
  display:none;
}

@media screen and (max-width: 600px) {
  .regularNav {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
    color:white;
  }
  nav a {
    padding-right:0px;
  }

  .topnav.responsive {
    position: relative;
  }
  .topnav.responsive .icon {
    position: absolute;
    right: 20px;
    top: 20px;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
    margin-top:2px;
  }
  nav {
    background-color: black;
    color:white;
  }
}

#homeText {
  margin:40px;
}

@media screen and (max-width: 600px) {
  #homeText {
    margin:10px;
  }
}

.list {
  margin-top:7px;
}

main {
  overflow: auto; 
  min-height: 76vh; 
  padding: 20px 30px 40px 20px;
}

footer {
  padding-left:20px;
  line-height:1.5;
}

.footerFont {
  font-size:0.8em;
}

.column {
  float: left;
  width: 33.33%;
}

.center {
  text-align:center;
}

#logo {
  display:inline;
  width:15%;
  min-width:60px;
}
table {
  border: solid 1px black;
}
td {
  width:150px;
  border:1px solid black;
}
/*home page*/
.list:before {
  font-weight:700;
}

#composertable, #worktable {
  width:80%;
  margin-left:50px;
}

#composertable td:first-child, #worktable td:first-child {
  display:none;
}

#instrumentationtable {
  background-color:white;
}

.lightgray {
  background-color:lightgray;
}

.banner {
  padding:20px;
}

/*database page*/

.mobilelink {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: black;
}

#databasebanner {
  padding:20px;
  background-color:lightgray;
}

#composerheading, #workheading, #instrumentationheading {
  padding:10px;
  width:90%;
  background-color:lightgray;
}

#composertable, #instrumentationtable {
  margin-left:5px;
}

#composertable td, #worktable td, #instrumentationtable td {
  width:150px;
}

td {
  width:150px;
}

a {
  color: inherit;
}

#worktable {
  margin-left:15px;
  color:black;
}

@media only screen and (max-width: 750px) {
  .mobilecolumns{
    width:100%;
  }
  .mobilelink {
    pointer-events:all;
    cursor: pointer;
    text-decoration: underline;
    color:inherit;
  }
  #worktable, #instrumentationtable, #composertable {
    margin-left:0px;
  }
  #instrumentationtable {
    width:80%;
  }
  #composerheading, #workheading, #instrumentationheading {
    width:75%;
    margin-top:40px;
  }
}

/*composer page*/
.lime {
  background-color:#A7CCBC;
}

/*.textwrap {
  float:left;
  margin:10px;
}*/

#composerprofile {
  padding:20px;
}

/*#composerimage {
 margin-top:30px;
 width:200px;
 margin-right:30px;
}*/

#bio {
 margin-top:30px;
 margin-bottom:30px;
 margin-left:10px;
}

#linkscontainer {
  display: flex;
  align-items: stretch;
  clear:both;
}

#links {
 margin-top:20px;
 padding:10px;
 width:60%;
 float:left;
 margin-bottom:30px;
 line-height:1.5;
 margin-right:10px;
 /* display:flex;
 flex-wrap:wrap;*/
 word-break: break-word;
}

#links a, #composeremail a  {
  color:#444;
}

#links a:hover, #composeremail a:hover {
  color:#000;
  font-weight:500;
}

#envelope {
  width:40px;
  height:25px;
  margin-left:15px;
}

#mailto {
 margin-left:10px;
}

#composeremail {
  margin-top:20px;
  padding:10px;
  width:35%;
  float:left;
  margin-bottom:30px;
  display:flex;
  align-items:center;
}
#composerworkstable td, #otherworkstable td, #composertable td, .xhornstable td {
  border:1px black solid;
}

#hornensembleworks, #otherworkstable {
  clear:both;
  margin-top:30px;
}

#otherworkstable td:not(:nth-child(2)), #hornensembleworks {
  text-align:center;
}

#otherworkstable td:nth-child(2) {
  padding-left:20px;
}

#composerworkstable td:first-child, #otherworkstable td:first-child {
  display:none;
}

#composerworkstable td:nth-child(2), #otherworkstable td:nth-child(2), #submittable, .xhornstable td:first-child{
  background-color:#007B76;
  color:white;
}

#composerworkstable td a, #otherworkstable td a, .xhornstable td a {
 color:inherit;
}

#composerworkstable td a:hover, #otherworkstable td a:hover , .xhornstable td a:hover {
  color:#111;
}

.inherit {
  color:inherit;
  text-shadow:1px;
}

table, th, td {
  border: 1px solid black;
  padding:10px;
}

td:nth-child(3){
  border-right:1px solid white;
}
/*td:nth-child(1){
  border-left:1px solid white;
}*/

table {
  border-collapse:collapse;
  margin:auto;
  width:90%;
}

tr:nth-child(even) {
  background-color:#EFEFEF;
}

#submittable tr:nth-child(even) {
  background-color:#007B76;
}

/*work listing*/

#workinfo li {
  margin-left:50px;
  text-indent:-50px;
}
.yellow {
  background-color:#FFD47A;
}

#namedate {
  margin-left:20px;
}

#worklisting {
  padding:20px;
}

#listenhere {
  position:relative;
  padding:10px;
  line-height:1.5;
  padding-left:120px;
  text-indent:-100px;
  word-break: break-word;
}

#workinfo {
  margin-top:40px;
  list-style-type:none;
  margin-bottom:60px;
  min-height:220px;
}

.icon {
  width:40px;
  vertical-align:middle;
  margin-right:10px;
  margin-bottom:6px;
  margin-top:6px;
}

#programnotes {
  margin-top:0px;
  width:60%;
  float:left;
  margin-left:10px;
  line-height:1.2;
}
#programNotesText {
margin-right:20px;
}

#additionalnotes {
  width:60%;
  float:left;
  margin-left:10px;
  line-height:1.2;
}

#publicationdetails {
  margin-top:0px;
  width:30%;
  float:right;
}

#howtopurchase {
  width:30%;
  margin-left:70%;
  word-break: break-word;
  line-height:1.3;
}

#otherworks {
  border-top: 2px black solid;
  clear:both;
}

#otherworksheader {
  text-align:center;
}

@media only screen and (max-width: 600px) {
  #howtopurchase {
    margin-left:10px;
  }
  #programnotes {
    width:100%;
  }
  #publicationdetails {
    float:left;
    margin-left:10px;
  }
}

/*#workcomposerimage {
  width:200px;
  margin-right:30px;
  float:left;
  margin:10px 30px 10px 10px;
}*/

#worksection {
  border-top:3px black solid;
  border-bottom:3px black solid;
  margin-top:20px;
  margin-bottom:20px;
  padding-top:20px;
}

#composername {
  display:inline;
  margin-left:20px;
  margin-right:10px;
}

#dateofbirth {
  display:inline;
}

/*Horn Groups*/

#xhorns {
background-color:#A7CCBC;
padding:30px;
}

#instrumentationbanner {
padding:20px;
}

.xhornstable {
margin-top:50px;
}

.xhornstable td:nth-child(3) a {
pointer-events: none;
cursor: default;
text-decoration:none;
}

.disabled a {
pointer-events: none;
cursor: default;
text-decoration:none;
color:inherit;
}

/*contact page*/
#contactText {
  margin:40px;
}

/*submit page*/

#submittable td:nth-child(2){
  background-color:#EFEFEF;
  border:none;
}

#imagefile {
  color:black;
}