body{
	/* ----- default text color, size, page background and type family ----- */
	margin: auto;
	background-color: black;
	color:#ccc;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

/* typography */
p, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0 0 0.75em;
	color:#ccc;
  }

a, .callout {
	text-decoration: none;
	color: #ff9933;
}

.callout {
	color: #ff9933;
}

a:hover{
	color: #ccc;
}

ul {
	text-decoration: none;
	list-style: none;
	color: #ccc;
	}

.info{
	padding: 1.75em;
}

.listhead{
	font-weight: bold;
}

.title {
	font-weight: bold;
	color: #ff9933;
	text-shadow: 1px 1px 1px #666;
	padding-bottom: .5em;
}

.footnote {
	color: #ff9933;
}

.indent{
	padding: 0 0 1em 1em;
}

.item{
	font-style: italic;
	color: #ccc;
	}

.caption {
	font-style: italic;
	font-size: .75em;
}

.underlined {
	border-bottom: thin dotted white;
}

.last-item {
	margin-bottom: 1.25em;
}

.centeredtype{
	text-align: center;
	line-height: 1em;
	font-style: italic;
	font-weight: bold;
	color: #ccc;
	padding: 0 0 0.5em; 
}

.two-col {
       -moz-column-count: 2;
       -moz-column-gap: 2em;
       -webkit-column-count: 2;
       -webkit-column-gap : 2em;
       padding: 0 0 0.75em;
	   /*-moz-column-rule-color:  #ccc;
       -moz-column-rule-style:  solid;
       -moz-column-rule-width:  thin;
       -webkit-column-rule-color:  #ccc;
       -webkit-column-rule-style: solid ;
       -webkit-column-rule-width:  thin;*/
}

/* ----- main flex container styling ----- */

.flex-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-content: space-around;
    -ms-flex-line-pack: distribute;
    align-content: space-around;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    }
/* ----- header & footer styling ----- */

  
.header {
	width: 100%;
	background-color: black;
	/* border-bottom: thin solid #ccc; */
	  }

.footer {
  margin: auto;
  clear: both;
width: 100%;
  border-top: thin solid #ff9933;
  background-color: black;
  }

.footer-top {
	max-width: 960px;
  margin: auto;
  clear: both;
  padding: 1em;
  }

.footer-bottom{
padding: .5em;
width: 100%;
background-color: #000;
font-size: .8em;
text-align: center;
  }

.mobile-nav { 
width: 100%;
background-color: black;
height: 40px;
/* background-image: url(../images/MF2015navtile.jpg); 
background-repeat: repeat;*/
border-bottom: thin solid #ccc;
}

.nav-list {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
  }

.nav-bttn {
    display: inline;
    padding: 0.5em;
    font-size: 1.25em;
    font-style: italic;
    }

.nav-list a{
    text-decoration: none;
    color: #ff9933;
}

.nav-list a:hover {
    color: #ccc;
    }   

.networking {
	height: 75px;
	float: left;
	margin-top:10px;
	overflow: hidden;
	padding: 0;
	}

.networking a {
    height:75px;
    overflow: hidden;
    float: left;
}

.networking img {
    border: none;
    margin: 0;
    padding: 0 .5em 0 0;
}

.networking a:hover img {
    margin-top: -75px;
}


   
/* ----- main content sections ----- */

.icon {
    padding: .5em;
    margin: auto;
    clear: both;
    }

    
.content {
	width: 100%;
	margin: 0 auto;
	clear: both;
	padding: 1em 0 2em 0;
	background-color: black;

}
  
.block {
	max-width: 1024px;
  margin: 0 auto;
  clear: both;
  }

/* ----- media queries ----- */



@media screen and (max-width: 480px) {
.two-col {
       -moz-column-count: 1;
       -moz-column-gap: 0;
       -webkit-column-count: 1;
       -webkit-column-gap : 0;
       padding: 0.5em;
       }
   }

@media screen and (max-width: 480px) {
	p {
     font-size: 0.85em;
       }
}

@media screen and (max-width: 768px) {   
	h1, h2, h3, h4, h5, h6, p{
	padding: .5em 0 0;
	}

	.block, .content, .footer {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    }
}

@media screen and (max-width: 320px) {
	.block, .content, .footer {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;	  
    }
	  
	.content {
	padding-bottom: 1em;
	}

	.indent{
	padding: 0 0 .5em .5em;
	}
	
} 

  
@media screen and (max-width: 320px) {
	.header {
		height: auto;
	}
}