<style type="text/css">

        body {
            font-family: "Open Sans";
            /*font-size: .85em;*/
			font-size:14px;
            color: #000;
        }				
        h1, h2, h3{
            font-family: "Montserrat";
            color:#323232;
        }
        h4, h5, h6{
            font-family: "Work Sans";
            color:#000;
	    font-weight:900;
        }
/*container section*/	
	    #container {
            width: 100%;
            height:100%;
			font-family: "Open Sans";
            /*font-size: .85em;*/
			font-size:14px;
            color: #000;
			border:0 solid #333;
			margin-bottom:49px;
        }
/*header section*/		
	    #pgheader {
           width:100%;
           height:auto;
           margin-bottom:26px;
	       border:0 solid #333; 
        }
/*page title section*/
        #pgtlt{
           width:100%;
           height:auto;
           padding:10px 0 18px 0;
	       border:0 solid #333; 
        }
        #pgtlt h1{
           font-size:24px;
        }
/*director info section*/
	    #dir{
	    width:100%;
        height:auto;
	    padding:0;   
        word-wrap:normal;     	
 	    background: linear-gradient(0.25turn, #0D335D, #3A5673, #fff);
	    border:0 solid #333;
	    }	
	    #dir p{
		padding:10px;
		color:#fff;
	    }		
	    #dir p a{
		color:#fff;
		text-decoration:none;
	    }
	    #dir p a:hover{
		color:#ffff00;
		text-decoration:underline;
		}
/*MMRS applicatio pages links */		
		#mmrs_sec_tr_tech{
			width:250px;
			height:auto;
			margin:-13px 0 17px 0;
			text-align:left;
			font-size:14px;
			border:0 solid #333;
		}
		#mmrs_sec_tr_tech a {
			color:#4169E1;
			text-decoration:none;
		}
		#mmrs_sec_tr_tech a:hover{
			color:#4169E1;
			text-decoration:underline;
		}
		#mmrs_sec_tr_tech span {
			color:#DAA520;
			font-weight:bold;
		}
/* Fleet Management dropdown list */
		#content ul li ul li{
         list-style-type: none;
        }
		.ddlsection {
		margin:0; 
		padding:0;
		}
		li.cclist {
		list-style-type:none; 
		}
		.sublist {
		margin-left:-25px;
		}		
/* Content section */
        #content{
        width:100%;
        height:auto;
		border:0 solid #333; 
	    }		
		#content p a{
		 color:#0000ff;
		text-decoration:underline;
		}		
		#content p a:hover{
		color:green;
		text-decoration:underline;
		}		
        #content ul li{
		list-style-type: square;
		}		
		#content ul li a{
		color:#4169E1;
		text-decoration:none; 
		}		
		#content ul li a:hover{
		  color:#4169E1;
		text-decoration:underline;
		}	
		#content ol li a{
		  color:#4169E1;
		text-decoration:none; 
		}		
		#content ol li a:hover{
		  color:#4169E1;
		  text-decoration:underline;
		}
		#btn{
			margin:0 auto;
			width: 100%;
			height: auto;
			text-align:center;
			color:#fff;
			padding:4px;
			margin-bottom:17px;
			border:0 solid #333;
		}
        #btnid {		   
           text-decoration: none;           
        }		

		.button a {
			margin-left:0;
			-webkit-appearance: button;
			-moz-appearance: button;
			appearance: button;
			font-weight:normal;
			text-decoration: none;
			color: #fff;
			padding:5px;
			background-color:#800020;
		}
			
		.button a:hover {
			color:#fff;
			background-color:#0d335d;
			text-decoration:none;
		}		
/* Feature section */        
		#fet{
		  width:67%;
		  height:auto;                  
		  padding:19px 5px 5px 10px;
		  color:#000;
		  margin-bottom:17px;
		  background-color:#efefef;
		  border-left:4px solid #18A558;
		}
        #fet p {
		 padding:0;
         border:0 solid #18A558;
		}	
		#fet p a{
		  color:#4169E1;
		  text-decoration:none; 
		}
		#fet p a:hover{
		  color:#4169E1;
		  text-decoration:underline;
		}
/* Capitol Facilities list */		
		#buildlist{
			width:100%;			
			display:flex;
			border:0 solid #333;		
		}		
		#blleft{
			width:45%;
			border:0 solid #333;			
		}
		#blright{
			width:45%;
			border:0 solid #333;		
		}
		#ddl {
		  width:64%;
          height:auto; 		  
		  margin:0;
		  padding:0;
		  color:#555;
		  border:0 solid #ccc;
		}
		dt:hover {
		  border: 0 solid transparent;
		  background-color: #f9fefb;
		  color:#000;
		}
		dd h6{
		font-size:inherit;
		margin-left:25px;
		}
		dd p{
		margin-left:25px;
		}
		/* .ckeditor-accordion-container {
		 margin-top:-13px;
		} */
		#header nav.navbar ul.navbar-nav > li > span,
		#header nav.navbar ul.navbar-nav > li > a {
			font-size: 1.4em;
			text-decoration: none;
			letter-spacing: -.03em;
			padding: 0 .65em;
			color: #FFF;
			outline: 0;
		}
		#header nav.navbar ul.navbar-nav > li > span:hover,
		#header nav.navbar ul.navbar-nav > li:hover > span,
		#header nav.navbar ul.navbar-nav > li > a:hover,
		#header nav.navbar ul.navbar-nav > li:hover > a {
			color: #C32E2E;
			background: #FFF;
		}
		#header nav.navbar ul.navbar-nav > li > span:after,
		#header nav.navbar ul.navbar-nav > li > a:after {
			display: none;
		}
		.ckeditor-accordion-container dl {
		  border:1px solid #f5f5f5;
		  border-bottom:0 solid #f5f5f5;
		}
		.ckeditor-accordion-container dl dt{
		  border:0 solid #fff;
		}
		.iwt h2 { /* I Want to: header colors */
		color:#fff;
		}
		.iwt h2 span {
		color:#c49a6c;
		}
		footer#footer p {
		color:#fff;
		}
		footer#footer a {  /* "Privacy Policy" in the footer  */
			color: #fff;
			text-decoration: none;
		}
		footer#footer .contextual-links a {
			color: #000 !important;  
		}
		footer#footer a:hover {
			color: #c32e2e;
			text-decoration: underline;
		}		
/*Tort - texting while driveing */
		#txtwdvideo-container {
		  position: relative;
		  /*padding-bottom: 56.25%;*/
		  padding-bottom: calc(var(--aspect-ratio, .5625) * 100%);
		  height: 0;
		  width: 100%;
		  margin-bottom:10px;
		}

		.txtwdvideo-container iframe {
		  position: absolute;
		  top: 0;
		  left: 0;
		  width: 100%;
		  height: 100%;
		}		
/* Footer */
        #pgfooter{
           /*  padding-top:92px;
            width:100%;
            height:247px;
		    border:0 solid #333; */ 
		  width:100%;
		  height:auto;  
		  padding-bottom: 0;
		  margin-bottom: 0;
		  border:0 solid #ccc;
	    }
        .addr{
            /* width:300px;
            height:87px;
            padding:5px 0 0 10px;     
            font-size:13px;
            background-color:#efefef;
            border-left:4px solid #0D335D; */
			width:300px;
			height:87px;
			padding:5px 0 0 10px;     
			font-size:13px;
			background-color:#efefef;
			border-left:4px solid #0D335D;  
			display: block;
			margin: 0;
        }
        .addr p{
            padding-bottom:7px;
            border:0 solid red;
		}	 	
		.addr p a{
		   color:#4169E1;
		   text-decoration:none; 
		}
		.addr p a:hover{
		   color:#4169E1;
		   text-decoration:underline;
		}
		
/*Screen Sizes*/	
@media screen and (max-width: 480px){
		#container, #content, #btn #fet, #ddl, #buildlist, #blleft, #blright, #pgfooter, #ullinks {		   
		   display: flex;
		   flex-wrap: wrap;				
		   width:  100%; 		 
		}
		/* p{
			text-align:justify;
		} */
		#contnet ul {
		flex-direction: column;
		}
		h6, p, ul, li{
		width:100%;
		}
		/*h6{
			   width: 100%; 
		} */
		#pgheader, #pgtlt, section {
		   text-align:left;	 
		}
        [class*="ckeditor-accordion"] {
		width: 100%;
	    }		
        h1{
        font-size:2vw;
        }		
		#home_bttn{
			margin: 10px;
		}			
		#block-searchform-2 {
			position: relative;
			top: 1px; 
		}			
		#block-governorblock {
			max-width: 100%;
			text-align: center;
		}	
		.page-node-26 main {
			background-color: #fff;
			background-image: none;
		}
        .button{
			 margin-top: 3px;
		}		
}
 @media screen and (max-width: 1025px) and (min-width:768px){
		#container, #content, #btn #fet, #ddl, #buildlist, #blleft, #blright, #pgfooter, #ullinks {
		   display: flex;
		   flex-wrap: wrap;				
		   width:  100%; 			 
		}	
		/* p{
			text-align:justify;
		} */
		#pgheader, #pgtlt {
		   text-align:left;	 
		}
		[class*="ckeditor-accordion"] {
		width: 100%;
	    }
		#contnet ul {
		flex-direction: column;
		}
		h6, p, ul, li{
		width:100%;
		}
		/*h6{
			   width: 100%; 
		} */
        h1{
		font-size:2vw;
		}		
		#home_bttn{
		   margin: 10px;
		}			
		#block-searchform-2 {
			position: relative;
			top: 1px; 
		}			
		#block-governorblock {
			max-width: 100%;
			text-align: center;
		}
		.page-node-26 main {
			background-color: #fff;
			background-image: none;
		}	
		.button{
			 margin-top: 3px;
		}		
	}
@media screen and (max-width: 767px){
		#container, #content, #btn #fet, #ddl, #buildlist, #blleft, #blright, #pgfooter, #ullinks  {
    	   display: flex;
		   flex-wrap: wrap;				
		   width:  100%; 		 
		}
		/* p{
			text-align:justify;
		} */
		#pgheader, #pgtlt {
		   text-align:left;	 
		}		
		[class*="ckeditor-accordion"] {
		width: 100%;
	    }
		#contnet ul {
		flex-direction: column;
		}
		h6, p, ul, li{
		width:100%;
		}
		/*h6{
			   width: 100%; 
		} */
		h1{
			font-size:2vw;
		}		
		#home_bttn{
		    margin: 10px;
		}			
		#block-searchform-2 {
			position: relative;
			top: 1px; 
		}			
		#block-governorblock {
			max-width: 100%;
			text-align: center;
		}
		.page-node-26 main {
			background-color: #fff;
			background-image: none;
		}		
		.button{
			 margin-top: 3px;
		}
    }	

@media only screen and (max-width: 768px) {  
    .addr, #fet{
		display: grid;			
		width:  100%; 		 
	}
	.addr p{
		text-align:left;		 
	}
	#contnet ul {
    flex-direction: column;
	}
	h6, p, ul, li{
	width:100%;
    }
  /* 	h6{
           width: 100%; 
    } */
    #dir p{
		text-align:left;
	}	
	/* p{
		text-align:justify;
	} */
	#pgheader, #pgtlt {
		text-align:left;	 
	}
	#btn, .button{
	display: grid;	
	width:  100%; 	
        margin:0 auto;	 
	}
    .button{
			 margin-top: 3px;
		}	
	[class*="ckeditor-accordion"] {
		width: 100%;
	}
}	

@media screen and (max-width: 480px){
	#content ul {
		flex-direction: column;
	}
	h6, p, ul, li{
	width:100%;
    }
	.button{
			 margin-top: 3px;
		}
	/*h6{
           width: 100%; 
    } */
}


		
</style>