body {
	background-color: #141414;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	text-align: center;
}
#maincont {
	border: 0px #C0C0C0 outset;
	width: 1000px;
	padding: 5px 5px 20px 5px;
	margin: 0px auto 0px auto;
	text-align: center;
}
.main-title {
  font-size: 40px;
  font-weight: 700;
  text-align: left;
  margin-bottom: 3px;
  text-decoration: underline;
}

.subtitle {
  font-size: 18px;
  font-weight: 400;
  text-align: left;
  color: #ccc;
  margin-top: 0;
}

.section {
  font-size: 26px;
  font-weight: 700;
  text-align: left;
  margin-bottom: 2px;
}


.navbar {
	background-color: #333;
}

.hero {
	
	background-image: url('images/hero-hammond.jpg');
      height: 50vh;
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      text-shadow: 2px 2px 6px #000;
    }
    .hero h2 {
      font-size: 2rem;
    }
    
#intro {
	background-position: left;
	text-align: left;
	margin: 20px auto 10px auto;
	padding: 10px 5px 10px 5px;
	width: 820px;
	height: 90px;
	background-image: url('images/linkedwbrd.gif');
	background-repeat: no-repeat;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-top-style: solid;
	border-top-width: 1px;
}
#res {
	padding: 10px 5px 10px 5px;
	margin: 20px auto 20px auto;
	text-align: left;
	line-height: 70%;
}
ul {
	text-align: left;
	text-indent: 10px;
	list-style-type: circle;
	list-style-position: inside;
}
table.plainjust {
	border-width: 0px;
	border-style: ridge;
	border-collapse: collapse;
	border-color: #808080;
	background-color: black;
	text-align: left;
	width: 1000px;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}

.trackinfo {
	background-color: black;
	text-align: left;
	width: 400px;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 15px;
	margin-right: 2px;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	font-family: verdana, arial, sans-serif;
	color: white;
	text-align: left;

}

.photoleft, .photoright, .datacont {
	border:thin red solid;
}

.photoleft {
	float:left;
	margin-right: 10px;
	margin-left: 10px;

}
.photoright {
	float: right;
	margin-left: 10px;
	margin-right: 10px;


}
.photo200L {
	float: left;
	width: 200px;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 15px;
	margin-bottom: 1px;
	border: thick green solid;

}

.photo300L {
	float: left;
	width: 33%;
	margin-top: 10px;
	margin-bottom: 1px;
	margin-right:10px;

}

.midcol {
	float: left;
	width: 28%;
	margin-top: 10px;
	margin-bottom: 1px;

	
}
.rightcol {
	float: right;
	width: 37%;
	margin-top: 10px;
	margin-bottom: 1px;

	
}

.clearfix {
	clear:both;
	width:900px;
}



h1 {
  font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: white;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	}
	
span.likeh1 {

  font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: yellow;
	text-decoration:underline;
}
	
h2 {
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
    font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: white;
	text-align: left;
	vertical-align: top;
}
h3 {
  font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: white;
	position:relative;
}
h4 {
	border: thin #FFFFFF solid;
	margin-top: 10px;
	margin-bottom: 18px;
	margin-left: 0px;
	margin-right: 0px;
    font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: white;
	text-align: left;
	vertical-align: top;
}
h5 {
	margin-top: 15px;
	margin-bottom: 8px;
	margin-left: auto;
	margin-right: auto;
    font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
	font-size: 12px;
	font-weight: 500;
	color: white;
	text-align: center;
}

h6 {
	margin-top: 4px;
	margin-bottom: 0px;
	margin-left: 4px;
	margin-right: 4px;
	font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: white;
	text-align: center;
	vertical-align: top;
	background-color: gray;
	padding-bottom: 5px;
	padding-top: 5px;
}

/*This makes the standard body font bold
p {
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	font-family: verdana, arial, sans-serif;
	color: white;
	text-align: left;
}*/

p {
  font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  font-size: 15px;
  color: white;
  text-align: left;
  
  }

p.indent {
	text-indent: 25px;
}
p.center {
	vertical-align:middle;
	color:aqua;
}

.review {
	font-weight:bold;
}
p.bold {
	font-weight: bold;
}
p.ital {
	font-style: italic;
}
span.white {
	color: white !important;
	text-decoration: none !important;
}
.empdata {
  font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
	font-size: 9px;
}
/*
.songs {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
	vertical-align: top;
	text-align: center;
	color: white;
}

.songs td {
	margin-top:10px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right:5px;
	text-align: center;
	padding-left:15px;
	padding-right:15px;
}

.songs tr {
	margin-top:5px;
	margin-bottom: 5px;
	border-top-color:white;
	border-top-style:double; 
}




.datacont {
	margin: 0px auto 0px auto;
	background-color: black;
	text-align: center;
	width: 98%;
}

.datacont2 {
	border:thin lime dashed;
	margin: 20px;
}

.datacont {
  margin: 0 auto;
  background: linear-gradient(to bottom, #400 0%, #000 100%);
  text-align: center;
  max-width: 1000px;
}

#dataconthammond {
	margin: 0px auto 0px auto;
	background-color: black;
	text-align: center;
	width: 950px;
	border: medium red double;
	padding: 10px;
}


.descstyle {
	font-size: 14px;
	text-align: left;
	margin:1px;
	padding-left:15px;
	padding-right:15px;
	padding-top:1px;
	padding-bottom:2px;
	height:100%;
	
}

.reldate {
	font-size: 13px;
	vertical-align: bottom;
	padding-bottom:10px;
	margin:1px;
}

.youtube {
	font-size: 13px;
	vertical-align: bottom;
	padding-bottom:5px;
	margin:1px;
}

.songtitle {
	padding-bottom:1px;
	margin:1px;
	text-align:center;
	height:40px;
	font-size:16px;

}
*/
.track {
  background-color: #1e1e1e;
  padding: 1rem;
  border-radius: 10px !important;
  overflow: hidden;}

table.player {
	background-color: #333;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px 10px 15px 10px;
	
}

tr.player { 
	background-color: red;
	line-height:18px;
	
}



.tcenter {
	text-align:left;
}

/*

.sb1 {
position: relative;
	
}


.rock {
position: relative;

}

.tinfo{
	width: 900px;
	border: thick aqua solid;
	
}


*/
.foot {
	clear:both;
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2px;
	margin-bottom: 1px;

}

.cover {
	width: 275px;
	padding: 5px;
}


/* Contact Form*/
.formcontainer {
	width: 740px;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	line-height: 150%;
	font-family: font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  font-size: 15px;
  color: white;
  text-align: left;

}
table.formtable {
	width: 740px;
	text-align: left;
	vertical-align: top;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	margin-top: 15px;
	font-family: font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  	font-size: 13px;
  	color: white;
  	text-align: left;

}
table.formtable td {
	vertical-align: top;
}
.validator {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: red !important;
}


a:link {
  	font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
	color: yellow;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	font-weight: bold;


}
a:visited {
  font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
	color: yellow;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
		font-weight: bold;

}
a:hover {
	color: orange;
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
		font-weight: bold;

}
a:active {
	color: yellow;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;	
	font-weight: bold;


}



.songs a:link {
	color: yellow;
	font-size: 13px;
	font-weight: bold;
}
.songs a:visited {
	color: yellow;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}
.songs a:active {
	color: blue;
	font-size: 13px;
	font-weight: bold;
	text-decoration:none;

}
.songs a:hover {
	color: white;
	font-size: 14px;
	font-weight: bold;
	text-decoration:none;
}


.navbar a:link {
	color: white;
	font-size: 15px;
	font-weight: bold;
}
.navbar a:visited {
	color: white;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
}
.navbar a:active {
	color: white;
	font-size: 15px;
	font-weight: bold;
	text-decoration:none;

}
.navbar a:hover {
	color: red;
	font-size: 16px;
	font-weight: bold;
	text-decoration:none;
}