/*  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *   *  *  *  *  *  *  *  *  *  *  *  */
/*  *  *  *  *   MEDIA  Query rules for handhelds and phones *  *  *  *  *  *  *  *  *  *  */
/*  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *   *  *  *  *  *  *  *  *  *  *  *  */

/*  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *   *  *  *  */
/*  *  *  *  *  *  Tablets - landscape mode  *  *  *   *  *  *  */
/*  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *   *  *  *  */

/*  *  * 
@media all and (max-width: 1680px)   { 
	body {  margin-left: 5%;  margin-right: 10%;  }
}
*  *  */
@media all and (max-width: 1240px)   { 
	body {  margin-left: 5%;  margin-right: 5%;  }
}

@media all and (max-width: 1026px)   { 
	body {  
		font-size: 1.0em;
		margin-left: 0%;
		margin-right: 0%;
	}
	
	/*  *  *  *  *   Redefine primary containers  *  *  *  *  */
	#wrapperDiv {  margin-left: 0px;  }
	#headerDiv  {width: auto;  }
	#footerDiv {  font-size: 0.75em;  }

	.floatedDiv3 			{  width: 28.0%;	margin: 0% 1.5% 1% 1.5%;  }
	.floatedDiv3_filled 	{  width: 28%;	margin: 0% 1.25% 1% 1.25%;  }
	.floatedDiv4 			{  width: 20%; margin: 0% 1.25% 1% 1.5%; }


	.iFrame  {	height: 480px;	}

	 
	/*  *  *  *  *  *  *  Image handling  *  *  *  *  *  */ 
	img {  max-width: 99.5%;   max-height: 99.5%;  }		

	#image_Container {	 margin-left: 0.25%;  }	
	#nav_Button_Hdr {  font-size: 0.95em;  }
	 #masthead_Image {					
		height: 75%;
		width: 100%;
		top: -5px;
	}	
	/*  *  *  *  *   Navigation Menu  Unordered List    *   *  *  *  *  */
	ul#navlist { 
		font-size: 0.95em;
		width: 90%;
		height: 90%;
		top: 95%;
		position: relative;
		text-align: left;
	}
	ul#navlist li {  
		float: left;
		text-align: left;
		margin-left: 4.5%;  
		margin-right: 3.0%;  
	}

	/*  *  *  *   Redefine common anchor elements *  *  *  */
	a  {   font-size: 0.95em;  }

	/*  *  *  *  *   Redefine text styles and fonts   *  *  *  */
	hr {   
		width: 95%;
		color: #0000FF;
		text-align: center;
	}
	h6 {  font-size: 0.75em;  }
	p  {  font-size: 0.90em;  }
	.text_OldEng {  font-size: 1.20em;  }	
}
/*  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *   *  *  *  */
/*  *  *  *  *  *     END of  max-width:  1024px  *   *  *  *  */
/*  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *   *  *  *  */

/*  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *   *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  */				
/*  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  BEGIN of  max-width: 845px - primarily landscape  tablet   *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  */
/*  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *   *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  */
@media all and (max-width: 845px)   {
	
	body {  margin-left: 0%;  margin-right: 0%;  }

	/*  *  *  *  *   Redefine primary containers  *  *  *  *  */
	.floatedDiv3 			{  width: 29.5%;	margin: 0% 1.25% 1% 1.35%;  }
	.floatedDiv3_filled 	{  width: 29.5%;	margin: 0% 1.25% 1% 1.35%;  }
	.floatedDiv4 			{  width: 21.25%; margin: 0% 1.25% 1% 1.25%; }  

	.iFrame  {	height: 445px;  }   	
	
	/*  *  *  *  *  *  *  Image handling  *  *  *  *  *  */ 
	img {  max-width: 99.75%;   max-height: 99.75%;  }		
	#image_Container {	 margin-left: 0.15%; margin-right: 0.0%; }	
	#masthead_Image {  top: -1px;  }
	.genericDiv_photos {   
		width: 60%;
		text-align: left;
		margin: 0% 0% 0% 0%;
		position: relative;
		float: left;
		padding: 0% 1% 0% 1%;
	}

	/*  *  *  *  *   Navigation Menu  Unordered List    *   *  *  *  *  */
	#nav_Button_Hdr {  font-size: 0.95em;  }

	ul#navlist li {  
		margin-left: 2.0%;  
		margin-right: 2.0%;  
		font-size: 1.45em;
	}	
	/* ul#navlist li:hover ul#subnavlist  {  font-size: 0.85em;  } */
	
	/*  *  *  *   Redefine common anchor elements *  *  *  */
	a  {   font-size: 0.75em;  }

	/*  *  *  *  *   Redefine text styles and fonts   *  *  *  */
	h3  { font-size: 0.95em   }
	h6 {  font-size: 0.75em;  }
	p  {  font-size: 0.80em;  }
	.text_OldEng {  font-size: 1.20em;  }	
}
/*  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *   *  *  *  */
/*  *  *  *  *     END of  max-width:  845px  Portrait  *  *  */
/*  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *   *  *  *  */


/*  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *   *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  */				
/*  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *   BEGIN of  max-width: 640px - primarily landscape  and tablet Portrait    *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  */
/*  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *   *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  */
@media all and (max-width: 645px)   {

	body {  margin-left: 0.0%;  margin-right: 0.0%;  }
	
/*  *  *  *  *   Define primary containers  *  *  *  *  */
	#wrapperDiv {  margin-left: 5px;  }
	#headerDiv {  height: 85%;  }

	.floatedDiv3 			{  width: 30.0%;	margin: 0% 0.5% 1% 0.75%;  }
	.floatedDiv3_filled 	{  width: 30.0%;	margin: 0% 0.5% 1% 0.75%;  }	
	.floatedDiv4 			{  width: 22.25%;  margin: 0px 4px 0px 2px;   }	
	.floatedDiv5			{  width: 17.5%;	margin: 1% 1% 1% 1%;  }   
	.floatedDiv8   {  
		width: 17.5%;  
		margin: 1% 1% 1% 2.5%;   
		/*			border: 1px solid grey;   */ 
	}	

	/*  *  *  *  *  *  *  Image handling  *  *  *  *  *  */ 
	img {  max-width: 99.75%;   max-height: 99.75%;  }		
	#thumbnail {  max-width: 25%;  }
	#image_Container {	 margin-left: 0.15%; margin-right: 0.0%; }	
	#masthead_Image {  top: -1px;  }
	
	/*  *  *  *  *   Navigation Menu  Unordered List    *   *  *  *  *  */	
	ul#navlist {  font-size: 1.0em; top: 5px;  }
	
	#nav_Button_Hdr {  font-size: 0.80em;  }

	ul#navlist li {  
		margin-left: 1.5%;  
		margin-right: 1.5%;  
		font-size: 1.1em;
	}
	
	/*  *  *  *   Redefine common anchor elements *  *  *  */
	a  {   font-size: 0.75em;  }
	
	/*  *  *  *  *  *  *  Text and font handling  *  *  *  *  *  */ 
	.text_area	{  font-size: 0.75em;  }
	.text_02J {  font-size: 0.75em;  }
	.text_02L {  font-size: 0.75em;  }
	.text_02R	{   font-size: 0.75em;  }
	.text_02C	{   font-size: 0.75em;  }
	.text_03C	{  font-size: 0.75em;  }

	h1 {  font-size: 1.75em;  }	
	h2 {  font-size: 1.5em;  }  
	h3 {  font-size: 1.0em;  }	
	h4 {	font-size: 1.0em;   }
	h5 {	font-size: 1.0em;   }	
	h6  {  font-size: 0.75em;  }
}
/*  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *   *  *  *  */
/*  *  *  *  *  *    END  of  max-width: 640px  *  *  *  *  *  */
/*  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  */


/*  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *   *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  */				
/*  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *   BEGIN of  max-width: 590px - primarily  tablet Portrait    *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  */
/*  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *   *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  */
@media all and (max-width: 595px)  { 

	/*  *  *  *  *   Define primary containers  *  *  *  *  */
	#wrapperDiv {  margin-left: 3px;  }
	#footerDiv {  font-size: 0.75em;  }
	.floatedDiv4 {  width: 22.00%;  margin: 0px 4px 0px 2px;  }	
 
	/*  *  *  *  *  *  *  Image  handling  *  *  *  *  *  */ 
	#thumbnail {  max-width: 65%;  }
	
	/*  *  *  *  *   Navigation Menu  Unordered List    *   *  *  *  *  */	
	ul#navlist {  font-size: 0.75em;   }
 	
	#nav_Button_Hdr {  font-size: 0.75em;  }

	ul#navlist li {  
		margin-left: 2.5%;  
		margin-right: 2.5%;  
		font-size: 1.0em;
	}	
		
	/*  *  *  *  *  *  *  Anchor handling  *  *  *  *  *  */ 
	a  {   font-size: 0.75em;  }
  
	/*  *  *  *  *  *  *  Text and font handling  *  *  *  *  *  */ 
	.text_area	{  font-size: 0.75em;  }
	.text_02J {  font-size: 0.75em;  }
	.text_02L {  font-size: 0.75em;  }
	.text_02R	{   font-size: 0.75em;  }
	.text_02C	{   font-size: 0.75em;  }
	.text_03C	{  font-size: 0.75em;  }
 
	h2 {  font-size: 0.95em;  }  
	h3 {  font-size: 0.75em;  }	
	h4 {	font-size: 0.75em;   }
	h5 {	font-size: 0.75em;   }	
	h6  {  font-size: 0.75em;  }
}
/*  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *   *  *  *  */
/*  *  *  *  *  *    END  of  max-width: 590px  *  *  *  *  *  */
/*  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  */

/*  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *   *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  */				
/*  *  *  *  *  *  *  *  *  *  *  *   BEGIN of  max-width: 320px - Smart phones - Portrait and all smaller cell phones   *  *  *  *  *  *  *  *  *  *  *  *  *  *  */
/*  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *   *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  */

@media all and (max-width: 481px)    {   

	body {  font-size:  0.90em;   }

	/*  *  *  *  *  *  Container  handling  *  *  *  *  *  */ 
	#wrapperDiv {  margin-left: 3px; margin-right: 3px; }
	#headerDiv  {width: auto;  }
	#footerDiv {  font-size: 0.65em;  }

	.headerSeg {	 width: 100%;  float: center;   }	
	
	.floatedDiv3 			{  width: 95.5%;	float: none;   }
	.floatedDiv3_filled 	{  width: 95.5%;	float: none;   }
	.floatedDiv4 			{  width: 44.0%;	margin: 1% 1.5% 1% 1.5%;  }	
	.floatedDiv5			{  width: 17.5%;	margin: 1% 1% 1% 1%;  }
	.floatedDiv8 			{  width: 16.0%;	margin: 1% 3% 1% 3%;   }	
	
	/*  *  *  *   Navigation bar and Menu   *  *  *  */ 		
	ul#navlist {  font-size: 1.0em;   }
	ul#navlist li {  
		margin: 0% 3% 1.5% 3%;		
		font-size: 1.15em;
	}
	
	#nav_Button_Hdr {  font-size: 0.75em;  margin: 0px 15px 0px 0px; }
	
	/*  *  *  *  *  *  *  Image handling  *  *  *  *  *  */ 
	img {  max-width: 90%;   max-height: 90%;  }		
	#thumbnail {  width: 50%;  height: 50%; }	
	#image_Container  {		
		height: 95%;
		width: 95%;
		margin: 0%;
	}
	#masthead_Image {  width: 110.75%;  top: -3px;  }
	
	/*  *  *  *   Redefine common anchor elements *  *  *  */
	a  {   font-size: 0.75em;  }
		
	/*  *  *  *  *  *  *  Text and font handling  *  *  *  *  *  */
	.text_area		{  font-size: 0.85em;  }
	.text_02J 		{  font-size: 0.85em;  }
	.text_02L 		{  font-size: 0.85em;  }
	.text_02R 		{  font-size: 0.85em;  }
	.text_02C 		{  font-size: 0.85em;  }
	.text_03C 		{  font-size: 0.85em;  }
	
	.text_OldEng {  font-size: 1.0em;  }

	/*  h1 {  font-size: 1.35em;  }  */  
	h2 {  font-size: 1.15em;  }
	h3 {  font-size: 1.0em;  }		
	h4 {  font-size: 1.0em;  }
	h5 {  font-size: 0.95em;  }	
	h6  {  font-size: 0.65em;  }
}
/*  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *   *  *  *  */
/*  *  *  *  *  *    END  of  max-width: 480px  *  *  *  *  *  */
/*  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  */


/*  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *   *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  */				
/*  *  *  *  *  *  *  *  *  *  *  *     BEGIN of  Cell phones - 320 max-width - Portrait and all smaller cell phones         *  *  *  *  *  *  *  *  *  *  *  *  *  *  */
/*  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *   *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  */
@media all and (max-width: 321px)  { 

	body {  font-size:  0.95em;   }

	/*  *  *  *  *  *  Container  handling  *  *  *  *  *  */ 		
	#wrapperDiv {  margin: 0px 0px 0px 0px;  float: none;  }
	#headerDiv  {width: auto; height: 225px; float: none;  }
	#footerDiv {  font-size: 0.60em;  float: none;  }
	
	/*  *  *  *   Navigation bar and Menu   *  *  *  */ 		
	ul#navlist {  font-size: 1.0em; left: 5px; }  
	ul#navlist li {  margin: 1% 2% 1% 2%;  font-size: 1.0em;  float: none; }
	ul#navlist li:hover ul#subnavlist  {  left: 25%;  }

	#nav_Button_Hdr {  margin: 1% 3% 0% 0%;  font-size: 0.85em;  }

	.headerSeg {	 width: 100%;  float: none;   }	

	#thumbnail {  max-width: 65%;  font-size: 0.75em;  }
	
	/*  *  *  *   Redefine common anchor elements *  *  *  */
	a  {   font-size: 0.65em;  }
	
	.floatedDiv3 {  width: 95.5%;  float: none;   }
	.floatedDiv3_filled {  width: 95.5%;  float: none;   }
	.floatedDiv4 {  width: 95%;   float: none;   }	
	.floatedDiv5 {  width:  95%;  float: none;   }
	.floatedDiv8 {  
		width:  16%;  
		font-size: 0.75em; 
		margin: 1% 1% 1% 1%; 
		padding:  1% 1% 1% 1%;
	}
	.text_area		{  font-size: 0.75em;  }
	
	}
/*  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *   *  *  *  */
/*  *  *  *  *  *    END  of  max-width: 320px  *  *  *  *  *  */
/*  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  */


/*  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *   *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  */				
/*  *  *  *  *  *  *  *  *  *  *  *     BEGIN of  Cell phones - 220 max-width - Portrait and all smaller cell phones         *  *  *  *  *  *  *  *  *  *  *  *  *  *  */
/*  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *   *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  */
@media all and (max-width: 230px) {   

body {  font-size:  0.90em;   }

/*  *  *  *  *  *  Container  handling  *  *  *  *  *  */ 		
	#wrapperDiv {  margin: 0px 0px 0px 0px;  float: none;  }
	#headerDiv  {width: auto; height: 200px; float: none;  }
	#footerDiv {  font-size: 0.60em;  float: none;  }
	
	/*  *  *  *   Navigation bar and Menu   *  *  *  */ 		
	ul#navlist {  font-size: 1.0em; left: 5px;  }  
	/*  ul#navlist li {  margin: 1% 2% 1% 2%;  font-size: 1.0em;  float: none; }   */
	ul#navlist li {  margin: 1% 2% 1% 2%;  font-size: 1.0em;  float: none; } 
	ul#navlist li:hover ul#subnavlist  {  left: 25%;  }
		
	#nav_Button_Hdr {  margin: 0% 3% 0% 0%;  font-size: 0.85em;  }

	.floatedDiv3 {  width: 95.5%;  float: none;   }
	.floatedDiv3_filled {  width: 95.5%;  float: none;   }
	.floatedDiv4 {  width: 95%;   float: none;   }	
	.floatedDiv5 {  width:  95%;  float: none;   }
	.floatedDiv8 {  
		width:  46%;  
		font-size: 0.75em; 
		margin: 1% 1% 1% 1%; 
		padding:  1% 1% 1% 1%;
		float: left;
	}
	
/*  *  *  *  *  *  *  Image handling  *  *  *  *  *  */ 
	img {  max-width: 97.5%;   max-height: 97.5%;  }		
	#thumbnail   {  width: 95%px; height: 95%;  }

/*  *  *  *  *  *  *  Text and font handling  *  *  *  *  *  */ 	
	.text_area		{  font-size: 0.90em; }
	.text_03C 		{  font-size: 0.90em;  }
	.text_02J 		{  font-size: 0.90em;  }
	.text_02L 		{  font-size: 0.90em; }
	.text_02R 		{  font-size: 0.90em; }
	.text_02C 		{  font-size: 0.90em; }

	.text_OldEng {  font-size: 1.0em;  }	

	h1 {  font-size: 1.25em;  }
	h2 {  font-size: 1.25em;  }

	h3 {  font-size: 0.85em;  }		
	h4 {  font-size: 1.0em;  }
	h5 {  font-size: 1.0em;  }

	h6 {  font-size: 0.75em;  }

	p  {  font-size: 0.85em;  }
}