/****  mobile phone screen  ****/
/* @media only screen and (max-device-width: 640px) 
 *  and (max-device-height :640px)
 */
@charset "UTF-8";
@media only screen 
{ 
* { margin:0; border:0; padding:0}

body 
{ width: 100%;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 120%; line-height: 120%;
}

.section 
{ padding-left: 0.25em;  padding-right: 0.25em;
  background-color: #FFF;
}
.section h2 
{ font-size: 1.4em; color: #005027;
  font-weight: normal; margin-right: 300px;
  border-bottom-width: 1px; border-bottom-style: solid;
  border-bottom-color: #005027;
}

.section p
{ font-family: Georgia, "Times New Roman", Times, serif;
  color: #333;
}

a, a:link, a:visited {  color: darkorange }

nav.header {display: none;} 

nav.mobile 
{ display: block; width: 100%;
  background-color: #005027; color: white;
  padding: 10px, 10px, 5px, 5px;
  border-bottom: 2px solid #ffa500;
}

nav.mobile > img#mlogo  
{ width: 40px; display: inline-block; 
  vertical-align: middle; padding-left:3px;  
  padding-right:3px;
}

nav.mobile > select 
{ width: 84%;  display: inline-block;
  text-align: center; background-color: darkgreen;
  padding: 4px; color: white; font-weight: bold;
  font-size: x-large; vertical-align: middle;
}

nav.mobile > select > option { background-color: darkgreen; }

div#map {display: none;}

footer 
{ clear: both; 
  font-size: .8em; background-color: #ffa500;
}


footer a:link, footer a:active, footer a:visited 
{ color: #FFF; font-size: larger; font-weight: bold;  
  display: inline-block;  padding:4px;
}

footer a.admin:link, footer a.admin:visited {  display: none; }
   
div.q 
{ font-weight: bold; color: #005027;
  font-size: larger;
}

div.slideshow { margin-bottom: 20px; }
div.slideshow > img.left {  margin-right: 30px; }
div.slideshow > img.right {  margin-left: 30px; }

.section article div.news 
{ border: thin dashed #005027; }
}