header { background-color: #eeeedd;  padding: 20px;  text-align: center;  }
body 
{
background-color: white;
margin: 0px 0px 0px 0px;	
padding: 0px 0px 0px 0px;
color: #000000;
font-family:  arial, helvetica, sans-serif, verdana;
font-size: 18px;
word-spacing: 2px; line-height: 18px; letter-spacing: 0px;
}

div.text {background-color: white; margin: 1% 10%; padding: 2% 7%}
div.right {text-align: right;}
div.center {text-align: center;}
div.stories {color: white; background-color: #575982; margin: 0% 0%; padding: 3% 0%}

a:link   { color: #3366ff;text-decoration: none;  }
a:active {              text-decoration: underline;  }
a:visited {  color: #3366ff;  text-decoration: none;  }
a:hover {color: #3366ff; text-decoration: underline; }

ul { color: black; font-size: 90%; line-height: 23px;
     margin: 0px 4px 0px 14px; padding: 0px 0px 6px 6px;}
li { margin-bottom: 6px;  margin-left: 14px; padding: 0px 0px 0px 0px;}
p  {color: black; font-size: 90%; line-height: 23px; }
h2 { text-align: center; line-height: 1.5;}
h3 { text-align: center; line-height: 1.5; }
h4 { text-align: center; line-height: 0.5;}

.notes {font-size: 75%;}
.caption {color: black; font-size: 75%;}
.footer { font-size: 90%; font-weight: bold; margin: 0px 0px 0px 0px;}
.fineprint  {font-size: 70%; margin: 0px 0px 0px 0px;}

a.menu {	background-color: #575982; 	color: white;	font-size: 85%; 
	Height: 11;	width: 125;  	padding: 10px 10px;	margin: 3px 0px;
  	text-align: center;	line-height: 13px;  	display: inline-block;}
a.menux {	background-color: #eeeedd;	color: #575982;	font-size: 85%; 
	Height: 11;	width: 125;  	padding: 10px 10px;	margin: 3px 0px;
  	text-align: center;	line-height: 13px;  	display: inline-block;}
a.menuxx {	background-color: #575982;	color: white;	font-size: 80%; 
	Height: 11;	width: 180;  	border-style: solid; border-color: #575982;
	padding: 10px 10px;	margin: 3px 0px;
  	text-align: center;	line-height: 13px;  	display: inline-block;}
a.menuxy {	background-color: white;	color: black;	font-size: 85%; 
	Height: 11;	width: 180; border-style: solid; border-color: #575982; 
	padding: 10px 10px;	margin: 3px 0px;
  	text-align: center;	line-height: 13px;  	display: inline-block;}
a.sals {background-color: white;color: black;font-size: 85%; }
a.salsx {background-color: white;color: black;font-size: 85%;font-weight: bold; }

a.pointer {	background-color: #575982;	color: white;	font-size: 85%; 
	Height: 8;	width: 18;  	padding: 5px 6px;	margin: 0px 0px;
  	text-align: center;	line-height: 5px;  	display: inline-block;}

Button.pointer {	background-color: #575982;	color: white;	font-size: 85%; 
	Height: 21;	width: 75;  	padding: 0px 0px;	margin: 0px 0px;
  	text-align: center;	line-height: 5px;  	display: inline-block;}

hr.sals { align: center; width: 100%; size: 4; color: #575982; }

section { display: -webkit-flex; padding: 10px; display: flex;}
article { background-color: #eeeedd; -webkit-flex: 3;  -ms-flex: 3;  flex: 3;   padding:0px 20px;}
picture { text-align: center; background-color: #eeeeaa; -webkit-flex: 1;  -ms-flex: 1;  flex: 2;   padding: 15px 20px;}

titlebox {display: flex; margin: 2% 2%;}
titlelogo { width: 65px; background-color: #eeeedd; padding: 10px;}
titletext { width: 250px; text-align: center; line-height: 35px; font-size: 100%; background-color: #eeeeaa; padding: 0px 15px;}

gallbox {display: flex; }
gallpic1 {  flex: 3; background-color: white;text-align: right; height=165; padding: 0px;}
gallpic2 {  flex: 3; background-color: white; text-align: center;height=165; padding: 0px;}
gallpic3 {  flex: 3; background-color: white; text-align: left; height=165; padding: 0px;}

@media (max-width: 850px) {section { -webkit-flex-direction: column; flex-direction: column; } }
@media (min-width: 500px) and (max-width: 850px)  
{picture { padding: 10px 50px;} }
@media (max-width: 500px) {h1 { font-size: 150%;}}
@media (max-width: 500px) {h2 { font-size: 140%;}}
@media (max-width: 500px) {h3 { font-size: 110%;}}
@media (max-width: 500px) {a.sals { font-size: 82%;}}
@media (max-width: 900px) 
{gallpic3 {display: none;}}
@media  (max-width: 500px)  
{section { padding: 10px 10px;} }
@media  (max-width: 700px)  
{gallpic1 {display: none;} }
@media  (max-width: 700px)  
{gallpic2 {text-align: center;} }

strong { color: black; }