@import url('http://fonts.googleapis.com/css?family=Tangerine');
@import url('http://fonts.googleapis.com/css?family=Lora');
@import url('http://fonts.googleapis.com/css?family=Oxygen');



Body
{
  background-image: url('/images/background.jpg');
  text-align:	  center;
  font-family:  'Oxygen';
  height: 99%;
  background-color: Black;
}

#container
{
  min-width:  800px;
  width:      75%;
  
  margin-left:  auto;
  margin-right: auto;
  
  /* IE compatible */
  /*
  background-image: url('../images/SchoolWiresGradient_2sided.svg');
  color: White;

  */

  background-image: url('/images/gradient_whitetoblack.svg');
  
  /*
  background-color: #E5EDF3; */     /* school wires grey: #F2F2F2; */
  
  border-radius:    15px;
  border:           1px solid black;
  
  /*
  opacity:          .85;
*/
}

#header
{
  text-align: center;
}

#nav
{

}

#content
{

  text-align: left;
}

#footer
{
  min-height:   25px;
  text-align:   center;
  padding-top:  15px;
}

.report_container
{
  position:   relative; 
  
  /* background: linear-gradient( #00385d , #cbe7f2); */
  background-image: url('/images/gradient_tealtoauqua.svg');

  margin-left:  auto; 
  margin-right: auto; 
  
  width:      60%; 
  min-height: 100px; 
  max-width:  600px;
  
  border-radius:  10px;
  display:        block; 
  color:          White;
  font-size:      10pt;
  
  padding-bottom: 10px;
  border: 1px solid #333333;
}

.report_container:hover a
{
  
}

.report_title
{
  z-index:  2; /* infront of image */
  /* top of container div */
  position: absolute;  
  top:  0;

  left: 10%;
  height: 40px;
}

.report_icon
{
  height: 100px;
  float: left;
  padding-right: 10px;
}

.report_text
{
  display: block;
  
  padding-top: 40px;
  
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}

.report_links
{
  margin-left: 10%; 
  text-align: center;
  
}

.report_links a
{
  text-decoration: underline;
  color: #00385d;
  padding-left: 10px; 
  padding-right: 10px;
  white-space: nowrap;
}
  
h2
{
  font-family: 'Oxygen';
  font-size: 20pt;
  text-align: center;
}
  
h3
{
  font-family: 'Oxygen';
  font-size: 18pt;
  text-align: center;
}