@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) 
{
/* IE 10 plus CSS styles go ere*/


body {
	
  font: normal 100% "Optima", Trebuchet MS, Arial, sans-serif; 
	/*font-size: 14px;*/
	
}





/*nav styles*/


#outline {
 outline: #ffffd8 solid thick;
 max-width: 890px;
 background-color: #F8F8F8;
 display: block;
 visibility: visible;
 }


.nav-collapse,
.nav-collapse ul  
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.nav-collapse li  
{
    float:left; 
    display: inline;
     /*outline: grey solid thin;*/
   

}

.nav-collapse a:link {
display:block;
width:100px;
background-color: #4c4c4c;
margin: 10px;
padding:2px 2px 2px 50px;
color: white;
text-decoration:none;
 /*outline: grey solid thin;*/
 display: inline-block;
 

}

.nav-collapse a:visited {
display:block;
width:100px;
background-color: #4c4c4c;
margin: 10px;
padding:2px 2px 2px 50px;
color: white;
text-decoration:none;
 /*outline: grey solid thin;*/
 display: inline-block;
 

}

.nav-collapse a:hover {
	text-decoration: underline;	
	color: #9e1c20;
	
}
.nav-collapse a:focus {
	text-decoration: underline;	
	/*color: #FFF; */
	background: #a0a0a0;
	
}

.nav-collapse a:active {
	text-decoration: underline;
	color: #grey;
	
	
} 

/*making header display in IE*/

    
@media screen and (min-width: 600px) {
    #outline {
        clear: both;
        display: none;
         visibility: hidden;
        /*float: left;*/
       margin: 0px 0px 0px 0px;
        
    }

  
}