html, body { 
height: 100%;
padding: 0px;
margin: 0px;
margin-bottom: 0;
background-color: #81777C;  
    background: -webkit-linear-gradient(#e0c58a, #81777C); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#e0c58a, #81777C); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#e0c58a, #81777C); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#e0c58a, #81777C); /* Standard syntax (must be last) */
    background-attachment: fixed;   
font-family: Arial, Helvetica, sans-serif; 
font-size: 16px;}

a:link {color:#ffffff;} /* unvisited link */
a:visited {color:#ffffff;} /* visited link */
a:hover {color:#00ccff;} /* mouse over link */
a:active {color:#ffffff;} /* selected link */

/* bar */
table.tablebar{
border-collapse:collapse;
margin-left: auto; 
margin-right: auto;
width: 100%;
border:0px solid #000000; 
}

table.tablebar td.one {border:0px solid #000000; padding: 0px; vertical-align: middle; width: 50px}
table.tablebar td.two {border:0px solid #000000; padding: 3px; vertical-align: middle;}




 
/* nav bar */

ul.topnav { list-style-type: none;  margin: 0;  padding: 0;  overflow: hidden;}

ul.topnav li {float: left;}

ul.topnav li a { display: inline-block; line-height: 48px; vertical-align: middle; height: 48px; color: #ffffff;  text-align: center;  padding: 12px 12px;  text-decoration: none;  
transition: 0.3s;  font-size: 17px;  font-weight: normal;  }

ul.topnav li a:hover {background-color: #53494E; color: #ffffff;}


ul.topnav li.icon {display: none;}



@media screen and (max-width:0px) 
{ ul.topnav li:not(:first-child) {display: none;}  

ul.topnav li.icon { float: right; display: inline-block;  }}



@media screen and (max-width:0px) 

{ ul.topnav.responsive {position: relative;}  

ul.topnav.responsive li.icon { position: absolute;  right: 0;  top: 0;  }  

ul.topnav.responsive li { padding: 12px 12px;  float: none; display: inline;  }  

ul.topnav.responsive li a {  display: block; text-align: left;  }}

/* images */

img { border: 0;
}

/* divs */

.container {
width: 100%;
max-width: 1600px;
margin: 0px;
margin-bottom: 0;
padding: 0px;
margin: auto; 
}

.nav {
width: 100%;
margin: 0px;
border: 0px;
padding: 0px;
margin: auto;    
text-align: center;
background-color: #1D1318;
background: -webkit-linear-gradient(#43393E, #1D1318); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#43393E, #1D1318); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#43393E, #1D1318); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#43393E, #1D1318); /* Standard syntax (must be last) */ 
}


.header {
width: 100%;
margin: 0px;
border-top: 0px solid #000000;
border-bottom: 0px solid #000000;
padding: 0px;
margin: auto;    
text-align: center;
background-color: #1D1318;
background: -webkit-linear-gradient(#43393E, #1D1318); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#43393E, #1D1318); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#43393E, #1D1318); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#43393E, #1D1318); /* Standard syntax (must be last) */ 
  }


 .main {
width: 100%; 
margin: 0px;
border: 0px;
padding: 0px;
margin: auto;    
text-align: center;
background-color: #000000;
}

  .photo {
width: 100%;
margin: 0px;
border: 0px;
padding: 0px;
margin: auto;    
text-align: center;
}

.sub {
width: 100%; 
margin: 0px;
border: 0px;
padding: 0px;
margin: auto;    
text-align: center;
background-color: #000000;
}


.text {
width: 97%;
margin: 0px;
border: 0px;
padding: 0px;
margin: auto;  
border-bottom: 0px solid;
border-top: 0px solid;
border-color: #100000;
text-align: center;
}


.text2 {
width: 90%;
margin: 0px;
border: 0px;
padding: 0px;
margin: auto;  
border-bottom: 0px solid;
border-top: 0px solid;
border-color: #100000;
text-align: center;
}


.text3 {
width: 90%;
max-width: 700px;
margin: 0px;
border: 0px;
padding: 0px;
margin: auto;  
border-bottom: 0px solid;
border-top: 0px solid;
border-color: #100000;

}

.images {
width: 97%;
margin: 0px;
border: 0px;
padding: 0px;
margin: auto;  
border-bottom: 0px solid;
border-top: 0px solid;
text-align: center;
font-size: 1px;
}

.images img{
border: 3px solid #000000;
}



.images2 {
width: 90%;
max-width: 640px;
margin: 0px;
border: 0px;
padding: 0px;
margin: auto;  
border-bottom: 0px solid;
border-top: 0px solid;
text-align: center;
}

.song {
width: 90%;
max-width: 800px;
border: 0px;
padding: 0px;
margin: 0px; 
margin: auto;
overflow: hidden;}

@media only screen and (max-width: 799px){

.song {
width: 100%;
border: 0px;
padding: 0px;
margin: 0px; 
margin: auto;
}

}


.song1 {
width: 50%;
padding: 0px;
border: 0px;
margin: 0px;
text-align: center;
margin: auto;
float: left;
 }

@media only screen and (max-width: 799px)

{ .song1 {
width: 100%;
padding: 0px;
border: 0px;
margin: 0px;
text-align: center;
margin: auto;

 } 
} 


.song2 {
width: 50%;
padding: 0px;
border: 0px;
margin: 0px;
text-align: center;
margin: auto;
float: right;
 }

@media only screen and (max-width: 799px)

{ .song2 {
width: 100%;
padding: 0px;
border: 0px;
margin: 0px;
text-align: center;
margin: auto;  
 }
}



.button {
    background-color: #0080ff;
    border: 1px solid #ffffff;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px; 
    font-family: Arial, Helvetica, sans-serif;
    margin: 4px 2px;
    cursor: pointer;
    margin: auto;
}   

.button:hover {
    background-color: #33ccff;
    color: #ffffff;
}


/* headers */

h1 {font-family: 'Dancing Script', cursive; font-weight: bold;  padding: 5px; font-size: 250%; text-align: center; margin: 0px; color: #ffffff;}
h2 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 175%; text-align: center; margin: 0px; color: #00A0ff; line-height: 1.5em;}
h2 em {font-style: normal;font-size: 60%;}
h3 {font-family: 'Dancing Script', cursive;font-weight: bold; font-size: 200%; padding: 10px; text-align: center; margin: 0px; color: #272D43; line-height: 1.5em;}
h3 em {font-style: normal; color: #1D1318;}

h4 {font-family: 'Dancing Script', cursive;  font-weight: bold; font-size: 200%; text-align: center; margin: 0px; color: #272D43; line-height: 1.5em;}
h5 {font-family: 'Dancing Script', cursive;  font-weight: bold; font-size: 200%; text-align: center; margin: 0px; color: #ffffff; line-height: 1.5em;}
h6 {font-family: 'Dancing Script', cursive;  font-weight: bold; font-size: 200%; text-align: center; margin: 0px; color: #272D43; line-height: 1.5em;}
p.h7 {font-family: 'Dancing Script', cursive;  font-weight: bold; font-size: 200%; text-align: center; margin: 0px; color: #1D1318; line-height: 1.5em;}
p.h8 {font-family: 'Dancing Script', cursive;  font-weight: bold; font-size: 200%; text-align: center; margin: 0px; color: #272D43; line-height: 1.5em;}



/* paragraphs */


p.one {font-family: Arial, Helvetica, sans-serif;  font-weight: normal; font-size: 100%; text-align: left; padding: 10px; margin: 0px; color: #f0f0f0; line-height: 1.3em;}
p.one em {font-style: normal; color: #272D43;font-weight: bold;}
p.twob {font-family: Arial, Helvetica, sans-serif;  font-weight: normal; font-size: 150%; text-align: center; padding: 10px; margin: 0px; color: #f0f0f0; line-height: 1.3em;}
p.oneb em {font-style: normal; color: #272D43;font-weight: bold;}p.two {font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 80%; text-align: center; padding: 1px; vertical-align: top; margin: 0px; color: #ffffff; line-height: 1.3em;}
p.three {font-family: 'Open Sans', sans-serif; font-weight: bold; font-size: 100%; text-align: left; padding: 1px; vertical-align: top; margin: 0px; color: #272D43; line-height: 1.5em;}
p.six {font-family: Arial, Helvetica, sans-serif;  font-weight: normal; font-size: 100%; text-align: center; padding: 10px; margin: 0px; color: #f0f0f0; line-height: 1.3em;}

p.lists {font-family: 'Dancing Script', cursive;  font-weight: bold; font-size: 170%; text-align: center; padding: 10px; margin: 0px; color: #1D1318; line-height: 1.3em;}
p.lists em {font-style: normal; color: #272D43;}



/* forms */

textarea { -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
  vertical-align: top; }



 /* menu */