/* color: #6AA66A; green */
/* color: #D6EEEE; blue light */
/* background: #EAE7B8; yellow/gold */
/* background: #437521; dark green */
/* color: #092E61; bluedark */
/* color: #F3B64B; bright orange */
/* #B39E7D;  dark orange/tan */
body
{	
  font-family: monospace;
  font: 11pt President, monospace;
  color: #000000;
  background:  white;
  margin: 0px;
}

p 
{    
  font: 10pt President, monospace;
  color: black;
}
p.table
{    
  font: 10pt President, monospace;
  line-height: 10pt;
  padding: 0;
  color: black;
  display: block;
}

img 
{
  border:0;
  margin:2px;
}

h1   
{    
  font:bold 20pt monospace;
  background:#EAFFFF; 
  color:#334433;
  margin:20px;
  padding:20px;
  border:2px outset gray; 
  border-radius:.25em;
  box-shadow:3px 4px 13px 3px #888888;
  width:300px;
}
	
a 
{	
  text-decoration: none;
  font: 11pt "AvantGarde Bk Bt", monospace;
  color: black;
/*  margin-top: 1pt; */
}
a:hover {color: #DE1818; }
a:link {color: #DE1818; }
a:visited{color: #DE1818; }
a.title { /* used in the title bar */
  text-decoration: none;
  font: italic bold 17pt "Courier New",serif;
  color: #000000;
/*  margin-top: 1pt; */
}
a.title:hover { font: 18pt Arial; opacity: 100%; color: #FFD879; }	



/* leftside  */

p.if_big
{
  font: 12pt "Souvenir Lt BT", monospace;
  text-align: left;
  position: absolute;
  left: 850px;
  top: 200px;
  width: 350px;
  color: black;
}

div.thin_menu_wt 
{
  background: url("__tile_black.gif") repeat;
  margin: 0;
  font-size: 60%;
  line-height: 0.9;
  text-align: center;
  position: fixed;
  top: auto;
  bottom: 1em;
  left: auto;
  right: 1em;
  border: 1pt solid black;
  box-shadow: black 0.5em o.5em 0.3em;
  opacity: 0.8;
  z-index: 1;
}
div.thin_menu_wt a
{ 
  font: 10pt "AvantGarde Bk Bt", monospace;
  margin: 0.5em;
  text-decoration: none;
  color: black;
  box-shadow: black 0.5em o.5em 0.3em;
  opacity: 0.6;
}
div.thin_menu_wt a:hover { color: red; }

img.box_image 
{
 float: left;
  border: 0px; 
 opacity: 0.7;
}

a.box_link
{
  border: 0px; 
  color: #D6EEEE;; 
  font: italic 9pt "Courier New", serif;
}

a.cssbutton
{
   font: 8pt "Trebuchet MS", "Courier New", monospace;
   border: 1px outset black;
   border-radius: 2px;
   color: black;
   box-shadow: black 1px 1px 3px;
   padding: 2px;
   margin: 0px;
   margin-right: 0px;  
   position:relative;
   top: 10px;
}
a.cssbutton:hover { color: blue; border: 1px inset blue; }

p.propaganda
{
   color:black;
   font: 10pt "Trebuchet MS", "Courier New", monospace;
   border: 4pt double black;
   border-radius: 0.8em;
   padding: 8px;
}



.row {
    display: flex;
    flex-wrap: wrap;
    padding: 0 4px;
}


/* Create equal columns that sits next to each other */
.column {
    flex: 22%;
    max-width: 22%;
    padding: 10px;
    color:#1e0a28; 
    border: 4px double gray;
  background: #EAFFFF;
  box-shadow: gray 4px 4px 6px;
  border-radius: 7px;
  margin: 3px;
}


@media screen and (max-width: 1024px) {
    .column {
        -ms-flex: 40%;
        flex: 40%;
        max-width: 40%;
    }
}



/* 1 wide */
@media screen and (max-width: 600px) {
    .column {
        flex: 96%;
        max-width: 96%;
    }
}


div.main {
   width:97%;
   margin:auto;
}



/* if sign class  */		  

	.ifsign {  font: 8pt "AvantGarde Bk Bt", monospace;
		   color: #DE1818;
		 }
	.ifsign:first-letter { font-size: 130%; }