/*  max640pxphone.css this works on iphone SE */
h1 {
	/* h1 is the Instrument heading */
	margin:0px;
	color:RGB(000,000,255);
	/* RGB(000,000,255) is blue */
	text-align: center;
	font-style: normal;
	font-weight: bold;
	font-size: 30px;
	font-family:Calibri,Tahoma,Georgia,"Times new roman",serif;}
h2 {
	/* h2 is the Looking for a teacher in Sunbury */
	margin:1px;color:RGB(000,000,000);
	/* RGB(000,000,000) is black */
	text-align: center;font-style: normal;
	font-weight: bold;font-size: 24px;
	font-family:Calibri,Tahoma,Georgia,"Times new roman",serif;}
h3 {
	/* h3 is the menu links */
	margin: 20px;    
	padding: 20px;
        text-align: center;
        font-style: normal;
        font-weight: bold;
        font-size: 30px;
        line-height: 150%
        font-family:Calibri,Tahoma,Georgia,"Times new roman",serif;
        }
h4 {
	/* h4 is the instrument links */
	/* padding is top, right, bottom, left */
	margin: 20px;    
	padding: 10px 10px 10px 10px;
        text-align: center;
        font-style: normal;
        font-weight: bold;
        font-size: 30px;
        font-family:Calibri,Tahoma,Georgia,"Times new roman",serif;
        }
h5 {margin:1px;color:RGB(000,000,000);text-align: left;  letter-spacing: 4px;
	font-style: normal;font-weight: bold;font-size:16px;font-family:Calibri,Tahoma,Georgia,"Times new roman",serif;}
h6 {
	/* h6 is not used */
	margin:1px;color:RGB(000,000,255);background-color: RGB(255,255,255);text-align: left;  letter-spacing: 2px;font-style: normal;font-weight: normal;font-size: 16px;font-family:Calibri,Tahoma,Georgia,"Times new roman",serif;}
p  {margin:1px;color:RGB(000,000,000);text-align: left;  ;font-style:normal;font-weight: normal;font-size: 20px;
	font-family:Calibri,Tahoma,Georgia,"Times new roman",serif;}
ul.none {list-style-type:none;
	font-size: 24px;
	font-weight: normal;
	display: inline;
	width: 150px;
	padding: 0px;
	margin: 0px;
}

ul.circle 
	{list-style-type:circle;
	font-size: 20px;
	}

a:link {color: RGB(000,000,255);}
a:visited {color: RGB(100,000,100);}
a:hover {color: RGB(000,000,000);}
a:focus{color: RGB(000,000,255);}

	/* the # 'id' selector is for unique elements on a page */
#menu {padding:1px; margin:1px; list-style-type:none; font-size:22px;} 
#box1{width:100%; margin:0px;padding:0px;  margin-left: auto ;  margin-right: auto ;}

#box2 {width:100%; height:100%; margin-left: 0 ;float:left;background-color: RGB(255,255,255)}

#box3 {width:100%; height:100%;margin:0px;padding:0px;  margin-left: auto ;  margin-right: auto; float:left}
#box4 {width:100%;top: 0px;left: 0px;margin:0px;padding:0px;float:left;font-size:22px;}
/* RGB(255,255,255) is white */
#box5 {width: 100%;height:100%;top: 0px; left:0px;vertical-align:top; float:left;background-color: RGB(217,217,217)}
/* Box 5 is the left side panel, RGB(217,217,217) is grey  */

#box6 {width: 100%;height:100%;top: 0px;left: 0px;float:left;}
#box7 {width: 100%;height:100%;top: 0px;left: 0px;float:left;}
#box8 {width: 100%;height:100%;top: 0px;left: 0px;margin:0px;padding:10px;float:left;}
#box9 {position:relative;width:250px;height:350px;top: 5px;float:right;z-index:25;margin:0px;padding:0px 0px 0px 0px;background-color: RGB(255,255,255);}
#box10 {width:100%;height:100%;float:right;z-index:25;margin:5px;padding:5px"}
#galleryphoto {float:left;} 

span.bold{font-weight:bold;margin-left: auto;    margin-right: auto;text-align: center}
span.normal{font-weight:normal;text-align: center }
span.blue{color:RGB(000,000,255)}
span.large{font-size:48px;padding:10px}

	/* the . 'class' selector is for multiple elements on a page */
.right{margin:1px;color: RGB(070,070,200);letter-spacing: 1px;text-align: right;font-size: 16px;font-style: normal;font-family:Georgia,"Times new roman",serif;}