
html
 {
  height: 100%;
  box-sizing: border-box;
  background:	#303030;


}

body{
  position: relative;
  margin: 0;
  padding-bottom: 6rem;
  min-height: 100%;	
}

p{
	color:white;
	font-size:14pt;


}

*,
*:before,
*:after {
  box-sizing: inherit;
}

#wrapper{
	min-height:100%;
}


/* HEADER */
#hdr{
	height:200px;
}
#hdr img.wide {
    max-width: 100%;
    max-height: 100%;
    height: auto;
}
#hdr img.tall {
    max-height: 100%;
    max-width: 100%;
    width: auto;
}




/* MAIN MENU */
#mwrapper{
margin-bottom: -50px;

}

ul#m_menu {
list-style:none;
margin:0;
text-align:center;
background: #000;
padding:10px 30px 10px 0px;
line-height:10px;
}



ul#m_menu li{
display:inline;
border-left:1px solid rgba(255, 255, 255, .2);
}



ul#m_menu li a{
color:white;
font-family:"Gill Sans";
height:auto;
font-weight:bold;
font-size:12.5pt;
padding:10px 20px 11px 20px;
text-decoration:none;
}
	
ul#m_menu li a:hover{
/*background:#fff;*/
/*color:#000;*/
color:#FA8C23;

}

/* COLUMNS */
* {
    box-sizing: border-box;
}
.column1 {
    float: left;
    width: 22.88%;
    padding: 10px;
	
}
.column2 {
    float: left;
    width: 50%;
    padding: 10px;
	
}
.column3 {
    float: left;
    width: 22.88%;
    padding: 10px;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .column {
        width: 100%;
    }
}


/* CONTENT */
#cwrapper{
	

}




table{
	   
	  border-collapse: separate;
	   border-spacing: 50px 0;
}

#logos td{

	color:white;
	font-size:12pt;
	font-family:'Arial Black';
	text-align:center;
}

#logos td img{
	display:block; 
	width:100%; 
	height:auto;
	max-width:200px;
	max-height:200px;
	
}




#parallelogram {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 150px;
  height: 100px;
  border: none;
  font: normal 100%/normal Arial, Helvetica, sans-serif;
  color: rgba(0,0,0,1);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #1abc9c;
  -webkit-transform:    skewX(-20deg);
  transform:    skewX(-20deg);
}


/* FOOTER */

#ftr {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  color:white;
}
#ftr .centered{
color:white;
text-align:center;
}

#ftr li{
display:inline;
list-style:none;
padding-right:10px;
font-size:10pt;
font-family:Arial;
font-style:italic;

}
#ftr li a{
color:white;
text-decoration:none;
}
#ftr li a:hover{

text-decoration:underline;
}

/* ADDRESS */
address li{
	color:white;
	list-style:none;
}

/* HYPERLINKS */

. a {

text-decoration:none;
color:white;	
	
}

. a:hover {

text-decoration:underline;
color:white;	
	
}

. a:visited {

text-decoration:none;
color:white;	
	
}