/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */

 * {
  box-sizing: 600px;
  background-color:#C0C0C0;
  font-family: Arial, Helvetica, sans-serif;
  padding-top:0px;
}

header {
header
}
body {
  
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  background-color:#C0C0C0;
 
}

/* Style the top navigation bar */
.topnav {
  overflow: hidden;
  background-color: #C0C0C0;
}

/* Style the topnav links */
.topnav a {
  float:right;
  margin:0 auto 4px;
  display: block;
  color: #0066ff;
  font-size:medium;
  text-align: center;
  padding: 2px 6px;
  text-decoration: none;
}

/* Change color on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}
.header {
 background-color:#C0C0C0;
 padding:2px;
 font-family:sans-serif;
 font-size:medium;
 height:212px;
 
 }
 .header-cont {
  width:100%;
  left:10px;
  padding-top:3px;
  }
 .image {
 float:left;
 text-height:8pt;
 padding-left:2px;
 padding-top:0px;
 margin-right:5px;
 }
 h3 {
  display: block;
  font-size: 1.17em;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}
 .p {
  
   }
#content {
 background-color:#C0C0C0;
 height:900px;
  }
  /* Clear floats after the columns */
.row: {
 background-color:#C0C0C0;
 content:text;
 display: table;
 height:100%;
  }

/* Column 1, three equal columns that floats next to each other */
.column {
  float: left;
  width: 25%;
  padding: 10px;
  height: 1024px; /* Should be removed. */
}
/* Column 2, three equal columns that floats next to each other */
.column {
  float: left;
  width: 25%;
  padding: 10px;
  height: 1024px; /* Should be removed.  */
}
/* Column 3, three equal columns that floats next to each other */
.column {
  float: left;
  width: 25%;
  padding: 10px;
  height: 1024px; /* Should be removed. */
}
/* Clear floats after the columns */
.row: {
 background-color:#C0C0C0;
 content:text;
 display: table;
  }
  /* Column 1, three equal columns that floats next to each other */
.column {
  float: left;
  width: 25%;
  padding: 10px;
  height: 1024px; /* Should be removed. */
}
/* Column 2, three equal columns that floats next to each other */
.column {
  float: left;
  width: 25%;
  padding: 10px;
  height: 1024px; /* Should be removed.  */
}
/* Column 3, three equal columns that floats next to each other */
.column {
  float: left;
  width: 25%;
  padding: 10px;
  height: 1024px; /* Should be removed. */
}

 .bottom {
  background-color:#FFFFFF;
  } 
/* Style the bottom navigation bar */
.nav {
  overflow: hidden;
  background-color:#C0C0C0;
}

/* Style the bottom nav links */
.nav a {
  float: left;
  margin:0 auto 0px ;
  display: block;
  font-size:small;
  color: #0066ff;
  text-align: center;
  padding: 4px 4px;
  text-decoration: none;
 
}

/* Change color on hover */
.nav a:hover {
  background-color: #ddd;
  color: black;
}

/* Style the footer */
.footer {
  background-color: #f1f1f1;
  padding: 0px;
  text-align: center;
  background-color:#999999;
  font-size:8pt;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media (max-width: 600px) {
  .column {
    width: 100%;
  }
}
 
  