/*SMALL SCREENS*/
@media screen and (max-width: 576px) {
    .container{    
        max-width:600px;
    } 
    .snip1434{
        font-size:.7em;        
    }
}

/*MEDIUM SCREENS*/
@media screen and (min-width: 768px) {
    .container{    
        width:95%;
    }
    .snip1434{
        font-size:.7em;
        text-align: center;
    }   
   
     .col-sm-9{
       padding-left:10px;
    }
}

/*LARGE SCREENS*/
@media screen and (min-width: 992px) {
    .container{    
        width:100%;
    }
    .snip1434{
        font-size:.85em;        
    }
    #funding{
        font-size:.8em;
    }    
    .panel-default{
        margin-left:20px;
    }
     
     .col-sm-8{
       padding-left:85px;      
    }
   
    
}

/*X-LARGE SCREENS*/
@media screen and (min-width: 1200px) {
    .container{    
        width:100%;
    }
    .snip1434{
        font-size:1.2em;        
    }
    #funding{
        font-size:.8em;
    }
     .col-sm-8{
       padding-left:20px;
    }
     .col-sm-9 img{
       padding-right:10px;
    }
}

body {
	font-family:Arial,Courier,'Courier New',monospace; 
	font-size:16px; 
}


/*HEADER & FOOTER*/
#div_header{text-align:center;margin:30px 0px 10px 0px;}
#div_footer{text-align:center;margin:10px 0px;}


/*LOGO*/
#logoimage{
    max-width: 100% !important;
    margin-top:30px;
}
#logoSubtext {
	font-size: 10px; 
	font-family: Arial, Helvetica, sans-serif; 
	margin-bottom:13px;
}

/*TAGLINE*/
#tagline{
    text-align: center;
    font-style:italic;
    font-size:1.2em;
    margin-top: 2em;
    padding-bottom:10px;
}

/*SKIP TO MAIN CONTENT LINK*/
.skip {
    position: absolute;
    left: -9999px;
    z-index: 999;
    padding: 1em;
    background-color: black;
    color: white;
    opacity: 0;
  }
  .skip:focus {
    left: 50%;
    transform: translateX(-50%);
    opacity: 1;
  }

/*SEARCH*/
#searcharea{
    text-align: center;
    padding-bottom: 40px;
}
#txt_owlsearch{
	width:300px;
	color:#a3a3a3;
	text-align:center;
}
.btn-default{
    background-color:#175b5d;
    color:#fff;
}
.btn-default:hover{
    background-color: #800020;
}

/*PAGE TITLE FOR SCREEN READERS ONLY*/
.sr_only {
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
  }

/*LINKS*/
a {color:#175b5d;}
a:visited  {color: #597684;}
a:hover    {color:#9C544A;}			


/*DATABASE LISTINGS*/
.resourceimage{margin-top:2px;border:1px solid #ddd;cursor:zoom-in;}
.resourcetitle{
    font-size:18px;
    font-weight:bold;  
}
.resourcedescription{    
}

.col-sm-4 > a >img{
    border:#cccccc solid 1px;   
}
.panel-default>.panel-heading{cursor:pointer;}


/*CATEGORIES LIST*/
#categories{
    /*background-color: #9C544A;*/
    background-color:#800020;
    max-width:100%;    
}
#catlist{
    margin-top:30px;
}
p >img#logoimage{
    text-align: center;
}
#categories > .btn{
    margin-top:5px;   
    text-align:right !important;
}

.snip1434 {  
  border: none;
  border-radius: 5px;
  overflow: hidden;
  color: #ffffff;
  cursor: pointer;
  padding: 0px 8px 0px 8px; 
  margin-left:12px;
  display: inline-block;  
  font-weight: 600;
  outline: none;
  position: relative;
  line-height: 32px;
  background-color:transparent;  
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  max-width:95%; 
}

.snip1434:hover,
.snip1434.hover {
  color: #ffffff;
  background-color: #175B5D;
}




/*FILTER FUNCTION*/
.filterDiv { 
  display: none; /* Hidden by default */
}

.filterDiv:hover { 
  background-color:#f7f0ef;
}

/* The "showNew" class is added to the filtered elements */
.showNew {
  display:flex;
}

/*FOOTER*/
#div_footer{
    text-align: center;
    font-style:italic;
    font-weight:550;
    width:100%;
}

/*Funding statement*/
#funding{
    width:96%;
    margin:auto;
    border:#259193 solid 1px;
    background-color:#F7F0EF;
    margin-top:80px;
    margin-bottom:20px;
    text-align: center;
    color:#000;   
    font-style: italic;
    padding: 10px;
}

#funding a{
    color: #175B5D;
    font-weight: 600;
}