﻿ /* unvisited link */
a:link {
	color: #0072CE;
	text-decoration: none;
	line-height: 30px;
	
}

/* visited link */
a:visited {
	color: #000000;
	text-decoration: none;
}

/* mouse over link */
a:hover {
	color: #4FAAF1;
	text-decoration: none;
}

/* selected link */
a:active {
	color: #467EE2;
	text-decoration: none;
}
 body {
   font: 14px Helvetica;
  }
img {
    margin: 0px;
	border-width: 0px;
	max-width: 100%;
    height: auto;
	float: none;
	text-align: center;
}
h1 {
	font-size: 28px;
}
h2 {
	font-size: 18px;
	font-size: 1.5em;
	color: #CC0000;

}


  #main {
   margin: 0px;
   padding: 0px;
   display: -webkit-flex;
   display:         flex;
   -webkit-flex-flow: row;
           flex-flow: row;
   }
 .flex-item {
   width:100%;
   margin-top: 25px;
   margin-bottom: 15px;
 	margin-right:5px;
}
.call {
	margin-top: 50px;
	margin-left: 50px;
	color: #000;
	font-weight: bold;
	font-size: 1.7em;
	line-height: 1.4em
}
.call2 {
	font-weight: bold;
	font-size: 1.7em;
	margin-top: 10px;
	margin-left: 70px;
}
  #main > article {
   margin: 4px;
   padding: 20px;
   -webkit-flex: 3 1 45%;
           flex: 3 1 45%;
   -webkit-order: 2;
           order: 2;
   }
  
  .upper {
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	font-size: 1.1em;
	color: #0072CE;
}

  #main > nav {
    -webkit-flex: 1 6 25%;
           flex: 1 6 25%;
   -webkit-order: 1;
           order: 1;
   }
  
  #main > aside {
  border-left:  1px solid #0072CE;
  padding-left: 5px;
   -webkit-flex: 1 6 30%;
           flex: 1 6 30%;
   -webkit-order: 3;
           order: 3;
   }
 
  header {
   display: block;
    border-bottom: 8px solid #0072CE;
   display: -webkit-flex;
    display: flex;
    -webkit-justify-content: wrap;
    justify-content: wrap; 
   }
   footer {
   display: block;
   border-top: 8px solid #0072CE;
   display: -webkit-flex;
    display: flex;
    -webkit-justify-content: wrap;
    justify-content: wrap; 
   }
table {
	border: 1px solid #808080;
	font-size: 1.2em;
	line-height: 1.2em;
	background-color: #eee;
	padding: 10px;
	width: 90%;
	border-collapse: collapse;
	text-align: left;
}
 
  /* Too narrow to support three columns */
  @media all and (max-width: 640px) {
  
   #main, #page, header {
    -webkit-flex-flow: column;
            flex-flow: column;
   }

   #main > article, #main > nav, #main > aside {
    /* Return them to document order */
    -webkit-order: 0;
            order: 0;
   }
  
   #main > nav, #main > aside, header, footer {
    min-height: 50px;
    max-height: auto;
   }

.call {
	font-size: 1.5em;
	margin-left:30px;
	margin-top:0px;
}
.call2 {
	font-size: 0.5em;
}

.flex-item {
	margin: auto;
}
h1 {
	font-size: 1.5em;
}
.upper {
	font-size: 1em;
}
h2 {
	font-size: 1em;
}
footer {
  visibility: hidden;
}
table {
	font-size: 0.7em;
	line-height: 1.2em;
	background-color: #eee;
	padding: 10px;
	width: 100%;
}
