@charset "UTF-8";
/* Article Images are Located Below */

#main-banner {
	background-image:url('../01-2025/images/pcw.png');
	background-size: cover; 
	background-repeat: no-repeat;
	height:550px;
	position: relative;
	padding: 10px 0;
	background-position: center;
}

#archive-banner {
	background-image:url('../img/archive.jpg');
	background-size: cover; 
	background-repeat: no-repeat;
	height:550px;
	position: relative;
	padding: 10px 0;
}


/*==========================================================================  
     					* Law Enforcement Spotlight Below *
*==========================================================================*/
	
	.le-spotlight {
		margin: 30px 0 0px 0;
		border-left: 1px solid #d9d9d9;
		border-right: 1px solid #d9d9d9;
		border-top: 1px solid #d9d9d9;
		
	}
	g
	.department-information {
		margin-top: 8%;
		padding: 18px 5px 2px 5px;
		height: 37%;
		width: 100%;
		display: block;
		background-color:#2565ac;
		color: #fff;
		text-align: center;	
	}

/*==========================================================================  
     					* Article Images Listed Below *
*==========================================================================*/


.article-1 {
	background-image:url('../01-2025/images/ai_home.jpg');
	background-size: cover; 
	background-repeat: no-repeat;
	height:300px;
	margin-top: 30px;
	position: relative;
	background-position:center;
	max-width: 100%;
	
}

.article-2 {
	background-image:url('../01-2025/images/ic_home.jpg');
	background-size: cover; 
	background-repeat: no-repeat;
	height:300px;
	margin-top: 30px;
	position: relative;
	background-position:center;
}

.article-3 {
	background-image:url('../01-2025/images/pg_home.jpg');
	/*background-size: cover; */
	background-repeat: no-repeat;
	height:300px;
	margin-top: 30px;
	background-position:center;
	position: relative;
	/*border:1px solid #000;*/
	
}

.article-4 {
	background-image:url('../01-2025/images/ag_home.jpg');
	background-size: cover; 
	background-repeat: no-repeat;
	height:300px;
	margin-top: 30px;
	background-position:center;
	position: relative;
	/*border:1px solid #000;*/
}

.article-5 /*this the long one*/ {
	background-image:url('../01-2025/images/portal_home.jpg');
	background-size: cover; 
	background-repeat: no-repeat;
	height:300px;
	margin-top: 30px;
	position: relative;
	background-position: center;
}

.article-6 {
	background-image:url('../01-2025/images/wo_home.jpg');
	background-size: cover; 
	background-repeat: no-repeat;
	height:300px;
	margin-top: 30px;
	position: relative;
	background-position:center;
}

.article-7 /*12 grid*/ {
	background-image:url('../01-2025/images/howard_home.jpg');
	background-size: cover; 
	background-repeat: no-repeat;
	height:300px;
	margin-top: 30px;
	position: relative;
	background-position: center;
}

.article-8 {
	background-image:url('../01-2025/images/iacp_home.jpg');
	background-size: cover; 
	background-repeat: no-repeat;
	height:300px;
	margin-top: 30px;
	position: relative;
	background-position: center;
}
/*('../09-2020/images/director_homepage.jpg');*/
.article-9 {
	background-image:url('../01-2025/images/ed_home.jpg');
	background-size: cover; 
	background-repeat: no-repeat;
	height:300px;
	margin-top: 30px;
	position: relative;
	background-position: center;
}

.article-10 {
	background-image:url('../01-2025/images/msu_6.jpg');
	background-size: cover; 
	background-repeat: no-repeat;
	height:300px;
	margin-top: 30px;
	position: relative;
	background-position: center;
}

.in_the_news {
	background-image:url('../Images/ResourcesNews.jpg');
	background-size: 100%; 
	background-repeat: no-repeat;
	background-color: #1e6787;
	height:350px;
	margin-top: 30px;
	position: relative;
	background-position:center top;
	
}




/*==========================================================================  
    						 Article Text Overlays
*==========================================================================*/


.article-text {
	padding: 15px 25px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.9); /* Background Opacity */
	width: 100%;
	height: 85px;
	position: absolute;
	bottom: 0; 		
}

.in_the_news .article-text {
	padding: 10px ;
	height: auto;
	max-height: 60%
	
}

.article-text .resources_left {
	float: left; width: 100%;margin: 0 0 10px; padding: 5px 10px ;
}

.article-text .resources_right {
	float: right; width: 100%;margin: 0; padding: 5px 10px; border-top: 2px solid #fff;
}

@media screen and (min-width:768px) {
	
	.in_the_news .article-text {
		min-height: 56%;
	}
	
.article-text .resources_left {
	width: 50%;
}

.article-text .resources_right {
	width: 50%; border-left: 2px solid #fff; border-top: none;
}	
	
}


@media screen and (min-width:1024px) {
	
	.in_the_news .article-text {
		min-height: 42%;
	}
	
.article-text .resources_left {
	float: left; width: 50%; padding: 10px 15px 0;
}

.article-text .resources_right {
	float: right; width: 50%; padding: 10px 15px 0;
}	
	
}


.top-article-text {
			/*padding:15px 25px;*/
			color: #fff;
		   	background-color: rgba(0, 0, 0, 0.7);
	height: 185px;
	margin-top: 20%;
			/*bottom: 1;*/
	/*background-color: black;*/
		   /* width: 100%;
			position: absolute;
			*/
			
}
.top-article {
			padding:10px 25px;
			color: #fff;
		   	/*background-color: rgba(0, 0, 0, 0.2);*/
	/*background-color: aqua;*/
		    width: auto;
			height: 425px;
			position: absolute;
			bottom: 0;
	
}


#gbox {
	color: #fff;
	background-color: rgba(79,151,209,1);
	position: fixed;
    width: 400px;
	height: auto;
    right: 0;
    top: 485px;
	padding: 10px 20px;
	border-radius: 10px 0 0 10px;
	box-shadow: -10px 0px 20px 0px rgba(1,1,1,.4);
	-webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
	z-index: 1;
}

#gbox p {
	color: #fff;
	margin: 0 auto;
}

#gbox_inner {
	color: #fff;
	float: right;
    position: fixed;
	width: 400px;
	height: auto;
    right:0;
    top: 185px;
    background-color: #2378c3;
    padding: 10px 20px 20px 30px;
    font-size: 1.2em;
    line-height: 2em;
	border-radius: 10px 0 0 10px;
	opacity: 0;
	-webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

#gbox:hover {
  right: 0px;
	width: 400px;

}

#gbox:hover #gbox_inner {
	opacity: 1;
box-shadow: -10px 0px 20px 0px rgba(0,0,0,.6)
}