/*  GROUPING  */
.grp:before,
.grp:after {
	content:"";
	display:table;
}
.grp:after {
	clear:both;
}
.grp {
    zoom:1; /* For IE 6/7 */
}

/*  GRID OF TWO  */
.sec .span1 {
	width: 20%;
	height:auto;
	
	
}
.sec .span2 {
	width: 80%;
	min-height:470px;
	
	
}
.sec .span2 .content
{
 background-color:#fff;
    height:auto;
    width:100%;
    margin:auto;
    bottom:0;
    padding:6em 1em 2em 1em;
    min-height:624px;
    /* Outer Glow Example */
  
        
          color:#165e77;
       

}


.sec .span2 #topImg h2
{
    font-size:1.2em;
    color:white;
    font-weight:bold;
    padding-left: 25px;

display:table-cell;
height:45px;
text-transform:uppercase;
}
.sec .span2 .content h4
{

color:#ef4949;
}
.sec .span2 .content .box
{
   
   
    height:250px;
    width:60%;
    margin:auto;
}
.sec .span2 .content td
{
    padding:.4%; 
}


.sec .span2 .content table
{
     border-collapse:separate;
     text-align:left;
     font-size:.85em;
}

.sec .span2 .content table span
{
     font-weight: bold;
font-size: 1.2em;

}
.sec .span2 .content tr.head
{
    background-color:#2B6B3C;
}
.sec .span2 .content td.text1
{
    background-color:rgb(151, 221, 255);
}
.sec .span2 .content td.text
{
    background-color:white;
}
.sec .span2 .content td.text h2
{
   color:#E6FFF7;
}
.sec .span2 .content table H2,H4,h3
{
    margin:0;
    padding:0; color:#FFFFFF;
}
.sec .span2 .content table h3
{
     color:#fff;
}
/*
.sec .span2 .content ul
{
    list-style-image:url('../img/bullet-css2.png');
    margin: 0;
    padding: 0;
}
.sec .span2 .content ul li
{
    margin:1.2em;
    
text-align: justify;

line-height: 1.6em;
word-spacing: .19em;
}
*/




.sec .span2 .content img
{
    background-size:contain;
}


.sec .span1 .up
{
   display:inline-block;
    height:auto;
      width:90%;
       margin-left:8%;
       margin-top:3%;
}

.sec .span1 .up a 
{
    
   text-decoration:none;
  
 }
  
 .sec .span1 .down a
{
   
   text-decoration:none;
  
 }

   

.sec .span1 .navImg
{
   margin: auto;
width: 50%;
height: auto;
max-height: 55px;
}




.sec .span1 .up #nav1,#nav2
{
   text-align: center;
width: 100%;
background-color: #97DDFF;
float: left;
color: #165E77;
vertical-align: middle;
display: table-cell;
margin-bottom:3%;
padding:.6em;
}




.sec .span1 .down
{
    display:inline-block;
    height:auto;
      width:90%;
       margin-left:8%;
      
}
.sec .span1 .down #nav3,#nav4
{
     text-align: center;
width: 100%;
background-color: #97DDFF;
float: left;
color: #165E77;
vertical-align: middle;
display: table-cell;
margin-bottom:3%;
padding:.6em;
}

.pmsg
{
    float:left;
    border:solid 3px #f2cf3b;
     margin:0 2% 2% 2%;
 }
.amsg
{
    float:left;
     border:solid 3px #f2cf3b;
      margin:0 2% 2% 2%;
}




/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.sec .col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 568px) {
		
	.sec .span1 {
	width: 100%;
}
.sec .span2 {
	width: 100%;
}
.sec .span2 #pmsg,#amsg{
	height:15px;
	width:100%;
}


}


@media only screen and (min-width:600px) and (max-width: 1024px)
{
    	
	.sec .span1 {
	width: 100%;
}
.sec .span2 {
	width: 100%;
}
.sec .span2 img{
	height:20px;
}

.sec .span2 p img
{
    width:95%;height:140px;margin:auto;
}
}


@media only screen and (min-width:240px) and (max-width:1024px)
{
    .RadioSearchAll,.Radiotitle,.RadioAcdYear,.RadioDate,.RadioDescription,.all-search-media,.news-search-media,.year-search-media,.date-search-media,.headline-search-media{width:100%;float:none;margin: 0;}
    .sec .span2 #topImg h2{font-size:.8em}
    .spanclass{font-size:.9em !important}
    .photo-gallery-button td{width:100%;float:left}
    .media-detail
    {
        width:100%
    }
    
    .sec .span2 .content img{width:100%}
    
    .sec .span2 #content
    {
        margin-top:40%;
    }
     .sec .span2 .content table
    {
        width:100%;
        height:40%;
        
    }
    
    .sec .span2 .content table td
    {
      font-size:.7em;
    }
    .sec .span2 .content table td img
    {
        max-width:100%;
    }
    
    .sec .span1 .up,.down
    {
        width:100%;
        float:left;
         margin:0;
    }
    #logo1
    {
        width:100%;
    }
       .patronImg
    {
        display:none;
    }
    
    .sec .span1 .down
    {
        width:100%;
        float:left;
        margin:0;
    }
    .sec .span1
    {
        display:inline-block;
    }
    .sec .span2 .content td
    {
        padding:0;
    }
    
}
#topImg
{
margin-top: 2em;
z-index: 9;
position: relative;
width: 99%;
height: 3.2em;
background: url('../img/Master-Page.png') no-repeat;
background-size: 100% 100%;
color: white;
/* margin-top: 3px; */
padding-top: 10px;
padding-left: 24px;
}
#mainMatter
{
 margin: -80px 2% 30px 1%;
background-color: #FFF;
height: auto;
bottom: 0;
padding: .2em 1em;
border: solid 2px #dcee69;
font-size: .8em;
color: #165e77;
float:left;
width:97%;
}
/*--icon menu--*/
.ca-menu1{
    padding:0;
   margin:0;
}
.ca-menu1 li{
	padding-top:0px;
    width: 100%;
    height: 100px;
    overflow: hidden;
    position: relative;
    float:left;
   background: none repeat scroll 0% 0% #dcee69;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    margin-right: 4px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.ca-menu1 li:last-child{
  margin-right: 0px;
margin-bottom: .5em;
}
.ca-menu1 li a{
   text-align: left;
width: 100%;
height: 100%;
display: block;
color:#2b764b;
position: relative;
}
.ca-icon1{
   
   position: absolute;
width: 100%;
height: 50%;
left: 0px;
top: .1em;
text-align: center;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
.ca-content1{
  position: absolute;
left: 0px;
width: 100%;
height: 50%;
top: 50px;
}
.ca-main1{
    font-size: .9em;
    opacity: 0.8;
    text-align: center;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.ca-sub{
    text-align:center;
    font-size: 14px;
    color: #666;
    line-height: 40px;
    opacity: 0.8;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.ca-menu1 li:hover{
   background-color: #dcee69;
}
.ca-menu1 li:hover .ca-icon{
    color: #fff;
    font-size: 90px;
       zoom:1.2;
}
.ca-menu1 li:hover .ca-main1{
    color: #14a91e;
    -webkit-animation: moveFromLeftRotate 300ms ease;
    -moz-animation: moveFromLeftRotate 300ms ease;
    -ms-animation: moveFromLeftRotate 300ms ease;
}
.ca-menu1 li:hover .ca-sub{
    color: #fff;
    -webkit-animation: moveFromBottom 500ms ease;
    -moz-animation: moveFromBottom 500ms ease;
    -ms-animation: moveFromBottom 500ms ease;
}
@-webkit-keyframes moveFromLeftRotate{
    from {
        -webkit-transform: translateX(-100%) rotate(-90deg);
    }
    to {
        -webkit-transform: translateX(0%) rotate(0deg);
    }
}
@-moz-keyframes moveFromLeftRotate{
    from {
        -moz-transform: translateX(-100%) rotate(-90deg);
    }
    to {
        -moz-transform: translateX(0%) rotate(0deg);
    }
}
@-ms-keyframes moveFromLeftRotate{
    from {
        -ms-transform: translateX(-100%) rotate(-90deg);
    }
    to {
        -ms-transform: translateX(0%) rotate(0deg);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(100%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(100%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}



/*-----counter---------*/
#footer > div.visitor
{
    font-size: 1.5em;
font-weight: bold;
padding-top: .5em;
word-spacing: .02em;
}