@charset "utf-8";
/* CSS Document */

.jumbotron {
  background-image:url('Gord.jpg');
  height: 800px;
  background-repeat: no-repeat;
  background-size: cover;
}

div.jackson {
	height: 300px;
	background-repeat: no-repeat;
	background-size: cover;
	left: 300px;
}

.jumbotron .container { /* This sets the top of nav bar and title. */
  position: relative;
  top:10px;
}

.jumbotron h1 {
  color: #fff;
  font-size: 48px;  
  font-family: 'Shift', sans-serif;
  font-weight: bold;
  
}

.jumbotron h3 {
	color: #055FFA;
	font-size: 25px;
}

.jumbotron p {
  font-size: 20px;
  color: #fff;
}

.songlist {
	margin-top: 50px;
	margin-left: 50px;
	margin-bottom: 50px;
	font-size: 1.75em; 
}


	#wrapper {width: 1199px; margin-right: auto; margin-left: auto; border: thin solid;}
	
	nav {top: 200px; width: 200px; height: 800px; float: left; text-align:center; border-right: 1px solid black;}
	
	article {width: 998px; height: 200px; float: right;}
	
	a:link {color: lawngreen; font-family: verdana; font-size: 15px; margin-right: 15px}
  a:visited {color: yellowgreen; font-family: verdana; font-size: 15px; margin-right: 15px}
  a:hover{color: orange; text-decoration: none;} 
  
  a.cssButtons:link {font-family: verdana; font-weight: bold; font-size: 12px: color black; border: 8px #873600 double; background-color: #98AFC7; text-decoration: none; display: inline-block; width: 150px; text-align: center; margin-bottom: 11px; padding-top: 8px; padding-bottom: 4px; height: 25px;}
  
  a.cssButtons:visited {font-family: verdana; font-weight: bold; font-size: 12px: color black; border: 8px #873600 double; background-color: #98AFC7; text-decoration: none; display: inline-block; width: 150px; text-align: center; margin-bottom: 11px; padding-top: 4px; padding-bottom: 4px;}
  
  a.cssButtons:hover{border: 4px dotted purple; width: 158px; background-image: url(bgrnd152.gif); height: 21px; padding-top: 12px; padding-bottom: 12px;}
  
  a.currentPage{font-family: verdana; font-weight: bold; font-size: 12px color black; border: 8px #873600 double; background-color: white; text-decoration: none; display: inline-block; width: 150px; text-align: center; margin-bottom: 11px; padding-top: 4px; padding-bottom: 4px;}
  
  h1 {font-family: verdana; color: white; text-align: center;}
  
  h2 {font-family: verdana; color: white; text-align: center; font-size:18px;}

  hr {width: 500px; height: 6px; background-color: red; text-align: left;}

  p {font-family: verdana; font-size: 15px; color: white;}
   
  legend, label {font-family: verdana; font-size: 15px; color: white;}
  
  ul {font-family: verdana; font-size: 15px; color: white; list-style-image: url("3.gif");} 
  
  ol {font-family: verdana; font-size: 15px; color: white; list-style-image: url("3.gif"); background-color: slateblue;}
  
  ol li:first-letter {color: lawngreen; font-size: 25px; font-weight: bold;}
  
  body {background: url("bluebg.png"); height: 100%;}	
  
	form {display: inline-block;}
  
  /*article {background-color: #283747;} 
  
  nav {background-color: LightGray;} */
  
  .centerFloat {text-align: center; text-color: white; border: red 8px double;}
  
  .leftFloat {float: left; border-color: green; border-width: 8px; border-style: double; margin-right: 15px; padding:10px;} 
  
  .rightFloat {float: right; border: red 8px double; margin-left: 15px; padding: 10px;}
  
  .firstPara{font-weight: bold; color: red;}
	
	.secondPara {font-style: italic; color: #99cc00;}
	
	.thirdPara {letter-spacing: 4px; color: white;}
	
	a.pageLinks:link{color: #0000FF; font-weight: bold; margin-right: 15px; display: block; margin-bottom: 20px;}
  a.pageLinks:visited {color: #00FF00; font-weight: bold}
  a.pageLinks:hover {color: #FF0000; font-style: italic; text-decoration: underline;}
  
  label.contact {
	    width: 80px;
		float: left;
		text-align: right;
		margin-right: 10px;
  } 
  
  label.area {
	  margin-left: 2px;
	  margin-right: 10px;
  }
  
  fieldset { 
     width: 410px;
  }
  fieldset.area{ 
     margin-top: 20px
  }
  
  legend {
	font-weight: bold;
  }	
	 
	thead {
		font-family: arial;
		background-color: #ccddee;
	}
	
	tfoot { 
		font-family: times, serif;
		font-size: .9em;
		font-style: italic;
		background-color: #98AFC7;
	}

	th, td {
		border: solid 1px black;
		padding: 5px;
	}
	
	.title {text-align: center;}
   
   
   th {
	   border-bottom: solid thick blue;
     background-color: #ccddee;
   }
   
   td {
   background-color: white;
   }
   
   tfoot.bg {
	   background-color: lawngreen;
   }