/* 2010-Responsive-Design-Toolkit-User-Guide.docx Customizing Your New Site Step*/
body {
	 background-color: #010101; 
	 /* color: #6A1012; */
	 color: #010101;
}

h1, h2
{ 
	 color: #6A1012; 
	
}

a
{
	/* color: #000; */
	color: #6A1012; 
}

#primary_content_Block  a
{
	/* color: #000; */
	color: #6A1012; 

}

a:visited {
color: #000;
text-decoration:none;
}

.headerBgImg {
	background-image: url(../img/MSPHeaderBg_Badge.jpg); /****CHANGE HEADER BACKGROUND IMAGE HERE*****/
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100%;
}

#agency_branding, #agency_branding_subpage {
    background-image: url('../img/bgBlack20.png');   
}


#mdgov_enterpriseNavigation {
	z-index: 10;
	width: 100%;
	clear: both;
	background-color: #926000; /****NAV LIST BACKGROUND COLOR*****/
}

#mdgov_TopSliverBar {
	width: 100%;
	z-index: 1000;
	min-height: 33px;
	background-color: #000;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #926000; /*******TOP BANNER SLICE COLOR CHANGE HERE*****/
	font-size: 80%;
}

#footer_block {
	background-color: #926000;
	border-top: rgba(238, 229, 161, .5) solid; /******FOOTER COLOR CHANGE HERE******/
	width: 100%;
	color: #fff;
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-position: -33px  -118px;
}

#mdgov_mobileNavButton a {
	position: absolute;
	left: 0;
	height: 21px;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 1px 1px 2px #000;
	text-decoration: none;
	background-color: #926000;
	text-align: left;
	font-size: 165% !important;
	width: 100%;
	text-indent: 1.5%;
	padding: 6px 0;
	border-bottom: 4px solid #000;
}

#center {
	 margin: auto;
	 text-align:center;
	 float:left;
}
.center {
	 margin: auto;
	 text-align:center;
	 float:left;
}

.footerLinks ul {
	margin:auto !important;
}
.mdgov_socialNav {
	margin:auto !important;
}
/*CSS FOR CAREER LAYOUT*/
#topContent {
    width: 100%;
    height: 458px;
    background-image: url('../img/careerimage2.jpg');
	background-repeat: no-repeat;
	display: block;
	
}
#midContent {
    width: 100%;
    height: 300px;
	background-image: url('../img/careerimage1.jpg');
	background-repeat: no-repeat;
	display: block;
	border-top-style: solid;
    border-bottom-style: solid;
	border-top-color: #926000;
	border-bottom-color: black;
	border-width: thick;
}

#bottomContent {
    width: 100%;
    height: 651px;
	background-image: url('../img/careerimage3.jpg');
	background-repeat: no-repeat;
	display: block;
}
#middleNavigation {
    width: 100%;
	background-color: #d3bc95;
	border-top-style:solid;
	border-bottom-style: solid;
	border-color: #a8916a;
	border-width: thick;
}
#middleNavigation ul{
	margin: 0;
    padding: 0;
    text-align: center;
    list-style: none;
    position: relative;
    display: block;
}
#middleNavigation ul li{
	display: inline-block;
}
#middleNavigation ul li a {
	display: block;
    clear: both;
    padding: 12px 20px;
    color: black;
    text-transform: uppercase;
    font-weight: bold;
}
#primary_content_Block 
    {
    	margin-top: 0;
        padding: 0;
}
#topContent  .mdgov_contentWrapper
{
    padding: 0 20px;
}
#midContent  .mdgov_contentWrapper
{
    padding: 0 20px;
}

#bottomContent  .mdgov_contentWrapper
{
    padding: 0 20px;
}
.textbox_right_top {
	font-family:"Myriad Pro";
	font-size:medium;
	float:right;
	width:50%;
	margin-top:20px;
	margin-right:15px;
}

.textbox_right {
	font-family:"Myriad Pro";
	font-size:medium;
	float:right;
	width:50%;
	margin-top:20px;
	margin-right:15px;
}
.textbox_left {
	font-family:"Myriad Pro";
	font-size:medium;
	float:left;
	width:50%;
	margin-top:20px;
	margin-left:15px;
}

.textbox_right h2, .textbox_left h2 {
	color: #92601d;
}
.midContent h1 {
	color:#92601d;
}
.navi {
	float:right;
	color:white;
}
.topCon {
	float:right;
}
.button {
	background-color:#ffc03a;
	border: none;
	border-radius: 5px;
	padding: 5px 10px;
	}
.button2 {
	background-color:black;
	border: none;
	border-radius: 5px;
	padding: 10px 24px;
	width: 100%;
}
.button a:link{
	color: black!important;
}
.button a:visited{
	color: black!important;
}

.button2 a:link{
	color: white!important;
}
.button2 a:visited{
	color: white!important;
}
/*CSS FOR CADET PAGE*/
#Cadet1{
	width: 100%;
    height: 458px;
	background-image: url('../img/cadetimage1.jpg');
	background-repeat: no-repeat;
	display: block;
}
#Cadet1 p {
	color: white;
}
#Cadet1 h1{
	color: #92601d;
}
#Cadet2{
	width: 100%;
    height: 298px;
	background-image: url('../img/cadetimage2.jpg');
	background-repeat: no-repeat;
	display: block;
    border-top-style: solid;
    border-bottom-style: solid;
	border-top-color: #926000;
	border-bottom-color: black;
	border-width: thick;
}
#Cadet3{
	width: 100%;
    height: 752px;
	background-image: url('../img/cadetimage3.jpg');
	background-repeat: no-repeat;
	display: block;
	border-bottom-style: solid;
	border-bottom-color: black;
	border-width: thick;


}
#Cadet4{
	width: 100%;
    height: 662px;
	background-image: url('../img/cadetimage4.jpg');
	background-repeat: no-repeat;
	display: block;
    border-bottom-style: solid;
	border-bottom-color: black;
	border-width: thick;

}
#Cadet5{
	width: 100%;
    height: 533px;
	background-image: url('../img/cadetimage5.jpg');
	background-repeat: no-repeat;
	display: block;

}
.textbox_right_cad {
	font-family:"Myriad Pro";
	font-size:medium;
	float:right;
	width:60%;
	margin-top:20px;
	margin-right:35px;
}
.text{
	width: 90%;
	padding-top: 20px;
	margin: auto;
}
/*CSS FOR TOP BOXES*/
#left_col{
    width:20%;
    float: left;
    padding: 0;
    margin: 0;
	background-image: url(../img/trooper.jpg);
	background-repeat: no-repeat;
	background-size:100%;
    display: inline-block;

}
#left_col p{
	margin-left: 10px;
	color:white;
}
#middle_col_lt{
    width:20%;
    float: left;
    padding: 0;
    margin: 0;
	background-image: url(../img/cadet.jpg);
    background-repeat: no-repeat;
    background-size:100%;
    display: inline-block;

}
#middle_col_lt p{
	margin-left: 10px;
	color:white;
}

#middle_col_center{
    width:20%;
	float: left;
    padding: 0 ;
    margin: 0;
	background-image: url(../img/firemarshall.jpg);
    background-size:100%;
    background-repeat: no-repeat;
    display: inline-block;

}
#middle_col_center p{
	margin-left: 10px;
	color:white;
}
#middle_col_rt{
	float: left;
    padding: 0;
    margin: 0x;
	background-image: url(../img/civilian.jpg);
    width:20%;
    background-repeat: no-repeat;
    background-size:100%;
    display: inline-block;

}
#middle_col_rt p{
	margin-left: 10px;
	color:white;
}
#right_col{
    float: left;
    padding: 0;
    margin: 0;
	background-image: url(../img/volunteer.jpg);
    width:20%;
    background-repeat: no-repeat;
    background-size:100%;
    display: inline-block;
}
#right_col p{
	margin-left: 10px;
	color:white;
}
.shade {
	 background-image: url(../img/bgBlack65.png);                                                                                                                                                                                                                                                                                                                                                                                                                 .png);
	 background-size:100%;
	 height:100%;
	 overflow:hidden;
}
#left_col a:link, #middle_col_lt a:link, #middle_col_center a:link, #middle_col_rt a:link, #right_col a:link{
	color: white;
}
#left_col a:hover, #middle_col_lt a:hover, #middle_col_center a:hover, #middle_col_rt a:hover, #right_col a:hover{
	color:#ffc03a;
	background-image: url(../img/bgBlack65.png); 
}
.shade:hover{
	background-image: none!important;
}
#secondary_content_Block{
	border-bottom-style: solid;
	border-color: #926000;
	border-width: thick;
}
/*Color of mobile menu dropdown items*/
@media all and (max-width:979px){ 
#mdgov_enterpriseNavigation nav ul li#current a.level0, #mdgov_enterpriseNavigation nav ul li:hover a.level0, #mdgov_enterpriseNavigation nav ul li a.level0:focus, #mdgov_enterpriseNavigation nav ul li a.level0:active, #mdgov_enterpriseNavigation nav ul li a.active.level0 {
 background-color: #926000; color: #fff; }}​


#primary_content_Block {
 	background-color: rgba(238, 229, 161, .5);
    padding: 20px 0;
    float: left;
    width: 100%;
	background-image: url(../img/policetape_transperant_content.png);
	background-repeat: no-repeat;
    background-attachment: scroll; 
	background-position: -37px  -178px;
 
}

/*#secondary_content_Block  {  
 	background-color: #141414;
    width: 100%;
	border-bottom: 1px solid #323232;
	color:#FFF1D6; 
}*/
	
#secondary_left_col {
	background-color: rgba(15,23,46,0.0);
}

#secondary_middle_col_lt,
#secondary_middle_col_rt,
#secondary_right_col {
	background-color: rgba(15,23,46,0.0);
	border-left: 1px solid #323232;
}

#secondary_content_Block h3,
#secondary_content_Block a {
	 color: #B19515;
}

.item {
padding-bottom:6px;
padding-top:6px;
padding-left:4px;
padding-right:0px;
clear:both;
}
@media only screen and (max-width: 480px){

#topContent, #midContent, #bottomContent {
    background-image: none !important;
    width: 100%;
    height: 100%;
    display: block;
    clear:both;
}
.textbox_right_top, .textbox_right, .textbox_left {
	float: none !important;
	width: auto !important;	
}
.textbox_left {
	margin-left: 0px !important;
}
#topContent, #bottomContent {
	background-color: #dcc59d;
}
.nav {
	width: auto;
}
}

@media only screen and (max-width: 768px){

#left_col, #middle_col_lt, #middle_col_center, #middle_col_rt, #right_col {
            width:50%;    
}
.textbox_right {
    float: none !important;
	width: 100%;
	margin: 15px auto;
}
.textbox_left {
    float: none !important;
	width: 100%;
	margin: auto;
}

#topContent, #midContent, #bottomContent {
    width: 100%;
    height: 100%;
    display: block;
    background-size: contain;
    clear:both;
}

#topContent {
	background-color: black;
}
.nav {
	width: auto;
}

}


/*shaded box and text color change for tablet view only*/
@media only screen and (min-width: 480px) and (max-width: 768px){

#topContent .mdgov_contentWrapper, #midContent .mdgov_contentWrapper, #bottomContent .mdgov_contentWrapper {
	background-image: url(../img/bgBlack65.png); 
	overflow: hidden;
}

#topContent p, #midContent p, #bottomContent p {
	color:white;
}
.textbox_right h1, .textbox_left h1 {
	color: #ffc03a;
}

}