#menu-icon {
    display: none;
	width: 51px;
	height: 51px;
	background: #005800 url(../Gifs/menu-icon.gif) center;

}

a:hover#menu-icon {

	background-color:  	#00FFFF;

}

/*MEDIA QUERY*/
@media only screen and (max-width : 1000px) and (orientation : landscape) {

html * {max-height:1000000px;}

div.wrapper {
   padding-left: 8px;
   padding-right: 8px;
 }

article, article.narrow {
   margin-left: 10px;
   margin-right: 10px;
 }
article.extranarrow {
   margin-left: 20px;
   margin-right: 20px;
 }
article.wide {
   margin-left: 0;
   margin-right: 0;
 } 

body, td, label, textarea {font-size: 22px; font-family: Lora, "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", serif;}
p.firstline, h2.hourhead1, h2.hourhead2 {font-size: 22px; }
h1 { text-align: center; }
td.newset, td.preannounce { font-size: 20px; }
th, p.head {font: 28px/42px "AndikaBasicRegular", Verdana, Arial, sans-serif;}
aside.note, aside.leftnote {font: 24px/36px "AndikaBasicRegular", Verdana, Arial, sans-serif;}

th, td {
   padding-left: 6px;
   padding-right: 6px;
 }

#menu-icon {

	display:inline-block;
    margin-left: 12px;
}
    
nav ul, nav:active ul { 

		display: none;
		position: absolute;
		padding: 10px;
		left: 40px;
		top: -10px;
		width: 100%;
	}

nav li {

		text-align: center;
		width: 100%;
		padding: 0;
		margin: 0;
        margin-bottom: -6px;

	}
    
nav li img {
   width: 138px;
   height: 34px;
   margin: 0;
   padding: 0;
 }

nav ul#secondhalf, nav:active ul#secondhalf {
   position: absolute;
   left: 190px;
 }   

nav:hover ul {
		display: block;
	}
    
h1.homepagelogo {
text-align: center;
 }
 
img.homepage {
margin-left: auto;
margin-right: auto;
 } 

input.name {
height: 50px;
font-size: 22px;
 }

div.sourcebuttons {
position: fixed;
z-index: 3;
bottom: 120px;
width: 600px;
left: 50%;
margin-left: -280px;
 }

div.backbutton {
position: fixed;
z-index: 3;
bottom: 20px;
width: 300px;
right: 0;
 }

#send_message {
    width: 400px;
    height: 85px;
    margin-top: 20px;
    font-size: 26px;
 }

#send_search {
    width: 400px;
    height: 85px;
    margin-top: 20px;
    font-size: 26px;
 }
 
input.wholewords {
    width: 40px;
    height: 40px;
    padding: 10px;
 }

tr.wholewords td {
    font-size: 26px;
    padding-top: 15px;
    padding-bottom: 15px;
    vertical-align: middle;
  }
} 
  
         
/*MEDIA QUERY*/
@media only screen and (min-device-width: 481px) and (max-width: 1024px) and (orientation: portrait) {

html * {max-height:1000000px;}

div.wrapper {
   padding-left: 4px;
   padding-right: 4px;
 }

article {
margin-left: 0px;
margin-right: 0px;
margin-bottom: 50px;
}

th, td {
   padding-left: 4px;
   padding-right: 4px;
 }

body, td { font-family: Lora, "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", serif;}
/* body { font-size: 22px; } */
body { font-size: 3.6vw; }
h2.head, p.set, p.midway, p.special, h3 { font-size: 3vw; }
p.midway {padding-top: 16px; padding-bottom: 24px; margin-bottom: -10px;}
tr.tablecolheads th, h2.head, p.special, h3 {line-height: 150%; padding-top: 16px; padding-bottom: 16px; }

h1 { font-size: 3vw; text-align: center; }
/* p.firstline, h2.hourhead1, h2.hourhead2 { font-size: 26px; } */
p.firstline, h2.hourhead1, h2.hourhead2 { font-size: 4vw; }
/* th, p.head { font: 28px/42px "AndikaBasicRegular", Verdana, Arial, sans-serif;} */
th, td { font-size: 4vw; }
/* td.newset, td.preannounce { font-size: 24px; } */
td.newset, td.preannounce { font-size: 3vw; }
ol.songlist li {margin-left: 20px; }

div.backbutton {
position: fixed;
z-index: 3;
bottom: 20px;
width: 300px;
right: 0;
 }

#menu-icon {

	display:inline-block;
    margin-left: 16px;
}
    
nav ul, nav:active ul { 

		display: none;
		position: absolute;
		padding: 10px;
		left: -14px;
		top: 50px;
		width: 100%;
	}

nav ul#secondhalf, nav:active ul#secondhalf {
   top: 568px;
   margin-top: 30px;
 }   

nav ul img {
   width: 242px;
   height: 60px;
   margin-bottom: 10px;
 }

	nav li {

		text-align: center;
		width: 100%;
		padding: 0;
		margin: 0;

	}

	nav:hover ul {

		display: block;

	}
 
 } 

/*MEDIA QUERY*/
@media only screen and (max-device-width: 480px) and (orientation: portrait) {

html * {max-height:1000000px;}

div.wrapper {
   padding-left: 4px;
   padding-right: 4px;
 }

article {
margin-left: 0px;
margin-right: 0px;
margin-bottom: 50px;
}

th, td {
   padding-left: 4px;
   padding-right: 4px;
 }

body, td { font-family: Lora, "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", serif;}
/* body { font-size: 22px; } */
body { font-size: 2.6vw; }
/* h2.head, p.set, p.midway, p.special { font-size: 3vw; } */
p.midway {padding-top: 16px; padding-bottom: 24px; margin-bottom: -10px;}
tr.tablecolheads th, h2.head, p.special, h3 {line-height: 150%; padding-top: 16px; padding-bottom: 16px; }

h1 { font-size: 3.6vw; text-align: center; line-height: 120%;}
/* p.firstline, h2.hourhead1, h2.hourhead2 { font-size: 26px; } */
p.firstline, h2.hourhead1, h2.hourhead2 { font-size: 2.6vw; }
/* th, p.head { font: 28px/42px "AndikaBasicRegular", Verdana, Arial, sans-serif;} */
th, td, tr.entry td { font-size: 4.6vw; }
/* td.newset, td.preannounce { font-size: 24px; } */
tr td.newset, tr.entry td.preannounce { font-size: 3vw; }
ul#secondhalf {margin-top: 30px; }
ol.songlist li {margin-left: 40px; }

/* @-moz-document url-prefix() { */
  body, h1, h2.head, p.firstline, h2.hourhead1, h2.hourhead2, h3 {
    font-size: 48px;
    }
    th, td, tr.entry td { font-size: 48px; }
tr td.newset, tr.entry td.preannounce, p.set, p.midway, p.special { font-size: 42px; }

/* } */

div.backbutton {
position: fixed;
z-index: 3;
bottom: 20px;
width: 300px;
right: 0;
 }

#menu-icon {

	display:inline-block;
    margin-left: 16px;
}
    
nav ul, nav:active ul { 

		display: none;
		position: absolute;
		padding: 10px;
		left: -14px;
		top: 50px;
		width: 100%;
	}

nav ul#secondhalf, nav:active ul#secondhalf {
   top: 568px;
   margin-top: 50px;
  }   

nav ul img {
   width: 242px;
   height: 60px;
   margin-bottom: 10px;
 }

	nav li {

		text-align: center;
		width: 100%;
		padding: 0;
		margin: 0;

	}

	nav:hover ul {

		display: block;

	}
 
 }