/* -----------------------
Base styles
------------------------*/
#tblafternoon {
	background-color:#D19681;
	padding:20px;
	border-color:#000000;
	border-style:solid;
	border-width:1px;
	
	
}
#tblafternoon td {
	text-align:left;
	
}

.button {
	width:200px;
	background-color:#D19681; 
    border: none;
    color: #000000;
	padding:20px;
	margin-right:50px;
	margin-top:50px;
	
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
	font-weight:600;
   
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	border-color:#000000;
	border-style:solid;
	border-width:1px;
}


.button2:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}


.imgbraui{
	padding-left:10px;
	padding-bottom:20px;
	height:190px;
		
}

#tablesongs td {
	text-align:center;
	border:1 px;
	
	
	
}

#vidtitle {
		border-style:solid;
	border-width:1px;
	border-color:#000000;
}

#tablesongs #vidtitle {
	
	text-align:center;
	background-color:#D19681;
	padding:10px;
	width:25%;
		
	}
#tablesongs #vidtitle span {
	font-weight:bolder;
}

#tablesongs a {
	text-decoration:inherit;
	color:inherit;
}
#tablesongs #vidtitle:hover {
	background-color:#864845;
	
}

#vidsongs {
	width:550px;
	
	
		
}

#vidtitleshowroom {
	margin-top:30px;
	background-color:#c35725;
	width:550px;
	
}

body
{
	margin: 0;
	padding: 0;
	color: #000000;
	background-color:#864845;
	font: 0.9em/1.2 "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}

h1,h2,h3,h4,h5,h6
{
	margin: 0 0 .5em;
	/*font-weight: 500;*/
	line-height: 1.1;
}

h1 { font-size: 2.25em; } /* 36px */
h2 { font-size: 1.75em; } /* 28px */
h3 { font-size: 1.375em; } /* 22px */
h4 { font-size: 1.125em; } /* 18px */
h5 { font-size: 1em; } /* 16px */
h6 { font-size: .875em; } /* 14px */










/* -----------------------
Layout styles
------------------------*/

.container
{
	width: 800px;
	margin: 0 auto;
	background-color: #fff;
	background-image:url(background.jpg);
	background-size: 800px 971px;
	background-repeat:no-repeat;
	height:971px;
	
}

.header
{
	color: #fff;
	
	padding: 1em 1.25em;
}

.header-heading { margin: 0; }


.content{
	text-align:center
}


.footer
{
	color: #fff;
	
	padding: 1em 1.25em;
}

/* -----------------------
Nav
------------------------*/




/* -----------------------
Single styles
------------------------*/







/* -----------------------
Wide styles
------------------------*/

@media (min-width: 42em)
{
	.header { padding: 1.5em 3em; }
	.nav-bar { }
	.content { 
		
		
	}
	.footer { padding: 2em 3em; }
	
	ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    
}

li {
    float: left;
	 display: table-cell;
            height: 100px;
            list-style-type: none;
            margin-left: 8px;
            vertical-align: middle;
	
	
}

li a {
    display: block;
    color: #000000;
    text-align: center;
    padding: 12px 8px;
    text-decoration: none;
	margin-left:8px;
	background-color:#C06C55;
	font-weight:600;
	border-style:solid;
	border-width:1px;
	border-color:#000000;
	height:38px;
	display:table-cell;
    vertical-align: middle;
			
}

li a:hover:not(.active) {
    background-color: #D19681;
}

.active {
    background-color: #4CAF50;
}
	
	
}


.BTNLogin {
    background-color: #C06C55; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	font-weight:900;
    margin: 4px 2px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.BTNLogin:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
} 

input[type=password].login {
    width: 400px;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    border: 2px solid red;
    border-radius: 4px;
}