@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"); /*Glyph import*/

/*font awesome styling*/
.fa-lightbulb-o{
    
   color:#ddd; 
    
}

.fa-question-circle{
    color:#90949e;  /*(calulated 50% opacity of #474d5e  )*/
}


.fa-gear, 
.fa-cog, 
.fa-home, 
.fa-exclamation, 
.fa-facebook-f, 
.fa-twitter, 
.fa-instagram,
.fa-youtube {
    color:#90949e;  /*(calulated 50% opacity of #474d5e  )*/
}


.bg-dark{
        background-color: #626875 !important;
            
        }  

#va-commonBanner.va-commonBanner--dark a {
    font-size: 12px!important;
}

#va-commonBanner__brand {
    padding: 6px 0 6px!important;
    margin-top: 3px;
}


#headergraphic {
    background-repeat: no-repeat;
	padding:0px;
	margin:0px;
	height:100px;
}


 #breadcrumb{
            
    border-top: 2px solid #31343a;
    min-height: 2.25rem;
}


#breadcrumb {
    background-color: #626875;  
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:7px 5px 0 5px; 
	color:#ffffff;
	min-height: 2rem;
    font-size: .75rem;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,0.26);
}
* html #breadcrumb {
	height:22px;
}
#breadcrumb .breadCrumbText {
	margin-right:350px;
}
#breadcrumb p {
	margin:0;
	padding:0;
}
#breadcrumb a {
	color:#ffffff; 
	text-decoration:none; 
	font-weight:400;
    font-size: .75rem;
}
#breadcrumb a:hover {
	color:#ccc; 
	text-decoration: underline;
} 
#breadcrumb #siteSearchForm {
	margin: 0;
	position:absolute;
	top:143px;
	right:5px;
}
#breadcrumb #siteSearchForm p {
	margin:0;
	padding:0;
}
#breadcrumb #siteSearchForm #searchBoxSite {
	/*background:url("http://www.virginia.gov/images/virginia_seach_txt-bg.jpg") no-repeat;*/
	background-color:transparent;
	border:0;
	font-weight:bold;
	height:14px;
	width:172px;
	padding:3px;
}
#breadcrumb #siteSearchForm #siteSearchBtn {
	/*background:url("http://www.virginia.gov/images/virginia_seach_button-bg.jpg") no-repeat transparent;*/
	border:none;
	height:20px;
	width:28px;
	margin-left:2px;
}
#breadcrumb .alignLeft {
	float:left;
}
#breadcrumb .clear {
	clear:both;
}
#breadcrumb .hidden {
	display:none;
	visibility:hidden;
}

body 
	{
    padding: 0;
    color: #000;
    background-color: #fff;
    width: auto;
    margin-top: 0pt;
    margin-right: 0;
    margin-bottom: 0pt;
    margin-left: 0;
    position: relative;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: medium;
    text-align: left;
} 

li 
	{
	padding-bottom:3px;
	}

a ~ li 
	{
	padding-bottom:-3px;
	}

ul 
	{
	padding-top:3px;
	}

.li-space li 
	{
	padding-bottom:1rem;
	}


h1 {
     font-size: 2rem;
     line-height: 1.1;
     margin-bottom: 1.25rem;
	}

h1.pagelead {
    color: #003366;
    font-weight: bold;
    margin-top: .5rem;
    margin-bottom: 2rem;
	}

h2 { 
	/*color: #252a36;*/
    color:#272627; /*3/11/21*/
	font-weight:bold;
	margin-bottom: .375rem;
	margin-top:6px;
	font-size: 1.613rem;
    line-height: 1.1; 
	 
	}

h2.subheader{
    
    color: #3f475a;
	margin-top:6px;
	 
	  
}


h3 
	{
    /*color: #003883;*/
    color:#272627; /*3/11/21*/
    font-weight:bold;
    font-size: 1.4rem;
    padding: 0;
    margin-top: .5rem;
    line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: -.5px;
    margin-bottom: 1rem; 
    }

 /*card style boxes */
 h3.sme-contact
    {
      color: #484848;
      
      font-weight: bold;
      font-size: 1rem;
      padding: .75rem;
      margin-bottom: .5rem;
      margin-top: 0;
      background-color: #cacaca;
      letter-spacing: normal;
    }
/*/card style boxes */

 h4{
     font-size: 1.23rem;
     line-height: 1.1;
     font-weight: 700;       
    }
        
 h5{
     font-size: 1.1rem;
     line-height: 1.1;

  }

p ~ h2, 
ul ~ h2, 
p ~ h3,  
ul ~ h3, 
p ~ h4,  
ul ~ h4, 
blockquote ~ h2, 
blockquote ~ h3,  
blockquote ~ h4  {
        
         margin-top: 2rem!important;
        }



.blueheadingbold {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.3rem;
    font-weight: bold;
    color: #003366;
    margin-bottom: .625rem;
}


address {
    margin-top:-.75rem;
    margin-left: .5rem;
    
}

  .div-office-address{
           margin-bottom: 2rem; 
            
            
        }	
img 
	{
	border:none;
	}

hr 
	{
	color:#003366; 
	} 

table 
	{
	border-collapse:collapse;
	margin-bottom:10px;
	}

th
	{
	text-align:left;
	font-weight:bold;
	background-color:#E7E7E7;
	border:2px solid #0D2E7D;
	}

TD {
 FONT-FAMILY: 'Arial';
 font-size: 13px;
}

THEAD {
 FONT-FAMILY: 'Arial';        
 font-size: 13px;
 
}

.submitlink 
	{
	font:74% Arial, verdana, sans-serif;
	}

#footnote 
	{
	background-color:#E7E7E7;
	border:1px solid #c0c0c0;
	padding:4px;
	margin-top:10px;
	margin-bottom:10px;
	}

#whatsnew 
	{
	font:90% Verdana;
	color:#000;
	background-color:#EBECF4;
	border: 1px solid #B8BDEF;
	}

#submenu 
	{
	background-color:#E7E7E7;
	padding:4px;
	margin-top:10px;
	margin-bottom:10px;
	border: 1px solid #c0c0c0;
	font-size: 90%;
	}

#submenu a 
	{
	color:#0D2E7D; 
	text-decoration:none;  
	} 

#submenu a:hover 
	{
	color:#000; 
	text-decoration:underline;  
	} 

	
div.markup 
	{
	font:90% Courier New;
	color:#406921;
	background-color:#E7E7E7;
	padding:4px;
	margin-top:10px;
	margin-bottom:10px;
	border:1px dotted #c0c0c0;
	}

.imgleft 
	{
	float:left;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 4px;
	font-size: x-small;
	text-align: center;
	}

.imgright 
	{
	float:right;
	padding:4px;
	font-size: x-small;
	}

.SearchLabel {
position: absolute;
left: -999px;
width: 990px;
             }

.searchtext 
	{
	font-size:90%;
	}

.strongtext 
	{
	font-weight: bold;
	}

.pdfdoc 
	{
	font-size:80%;
	color:#008C00;
	}
	
a.menulinks, a.menulinks:visited 
	{
	color:#003366;
	text-decoration:none;
	font-weight:bold;
	font-size: small;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
	}

a.menulinks:hover 
	{
	color:#660033; 
	text-decoration:none; 
	font-weight:bold;
	}

a {
    cursor: pointer;
    color: #333366;
    font-weight: 600;
    /*font-size: large;
    text-align: left;
    text-decoration: underline;*/
}
a:hover 
	{
	color:#660033; 
	text-decoration:underline; 	
	}

#header 
	{
	font:70% Arial, Verdana, Helvetica, sans-serif;
	color:#ffffff;
	background-color:#000;
	font-weight:bold;
	padding:1px;
	padding-top:1px; 
	top:1px;
	} 

#header a 
	{
	color:#B4CFFF; 
	text-decoration:underline; 
	font-weight: bold;
	} 

#header a:hover 
	{
	color:#FFF; 
	text-decoration:underline; 
	font-weight: bold;
	} 


#toplist
	{
	text-align:right; 
	font:70% Arial, Verdana, Helvetica, sans-serif;
	white-space:nowrap;
	background-color:#000; 
	padding:4px; 
	color:#ffffff;
	}

#toplist a 
	{
	color:#B4CFFF; 
	text-decoration:underline; 
	font-weight:bold; 
	} 

#toplist a:hover 
	{
	color:#FFF; 
	text-decoration:underline; 
	font-weight:bold; 
	} 

#tagline
	{
	padding:0px;
	margin:0px;
	background-repeat:no-repeat; 
	background-color: white;
	}

#searchform
	{
	position:absolute;
	top:140px;
	right:5px;
	text-align:right;
	font-weight:bold;
	white-space:nowrap;
	padding:0px;
	margin:0px;
	width: 336px;
	height: 125px;
	bottom: -1px;
	visibility: visible;
	}
	
#hidden
	{
	display:none;
	}

#content
	{
	margin-left:200px;
	margin-right:20px;
	padding-left:10px;
	padding-bottom:20px;
	font-size:90%;
	}

.textbar
	{
	margin-right: 3px;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: navy;
	padding-right:10px;
	}

.textbar li
	{
	font-size:100%;
	list-style:url(../images/bullet.gif);
	margin-bottom: 3px;
	padding-bottom:3px;
	border-bottom: 1px solid #c0c0c0;
	line-height:1.74em;	
	}

.textbar a 
	{
	color:#00009C;
	text-decoration:none;
	font-weight:bold;
	}
.textbar a:hover 
	{
	color:#000000; 
	text-decoration:none; 
	font-weight:bold;
	}


P.MAIN{
	font-size: 14pt;
}

TEXTAREA {
 FONT-FAMILY: 'Arial';        
 font-size: 13px ;
}

SELECT {
 FONT-FAMILY: 'Arial';        
 font-size: 13px ;
}

INPUT {
 FONT-FAMILY: 'Arial';        
 font-size: 13px;
}

table.PageBreak {
	page-break-after:always
}

TABLE.TEMPLATE_MAIN_WIDTH {
width: 100%;
	
}

TABLE.MAIN {
	border-color : #111111 ;
	border-collapse: collapse;
}
TABLE.MAIN_LIGHT_BLUE {
	border-color : #111111 ;
	background-color: #f2faff ;
	border-collapse: collapse
}

TBODY.MAIN_BODY {
	background-color: #ddeeff ;
	font-family: 'Arial';
	font-size : 13px ;
}

TR.LIST_HEADER_BLUE {
	background-color: #ddeeff ;
	font-family: 'Arial';
	font-size : 12px;
	font-weight: bold;
}

TR.MAIN_BODY {
	background-color: #ddeeff ;
	font-family: 'Arial';
	font-size : 8pt;
	line-height: normal ;
}

TR.MAIN_BODY_WHITE {
	background-color: #f2faff ;
	font-family: 'Arial';
	font-size : 13px;
	line-height: normal ;
}

TR.MAIN_BODY_HEAD {
	background-color: #ddeeff ;
	font-family: 'Arial';
 	font-size : 13px ;
	font-weight: bold;
	
}

TR.MAIN_BODY_HEAD_WHITE {
	background-color: white ;
	font-family: 'Arial';
	font-size : 13px ;
	font-weight: bold;
	border-bottom-color: black;
}

TR.MAIN_BODY_HEAD_LIGHT_BLUE {
	background-color: #f2faff ;
	font-family: 'Arial';
	font-size : 13px ;
	font-weight: bold;
	border-bottom-color: black;
}

TD.MAIN_HEADER {
	background-color: #003163 ;
	font-family: 'Arial';
	color: #ffffff;
	font-size : 13px ;
 	font-weight: bold;
}

TD.ERROR {
 COLOR: #cc0033	;
 FONT-FAMILY: 'Arial';
 font-size: 13px;
}

TD.Success {
 COLOR: green	;
 FONT-FAMILY: 'Arial';
 font-size: 13px;
 font-weight: bold;
}

TD.CELL_COLOR {
	background-color: #ddeeff ;
	font-family: 'Arial';
	 
	font-size : 13px ;
 	font-weight: bold;
}

TD.TD_CELL_BLUE {
	background-color: #ddeeff ;
	font-family: 'Arial';
	font-size : 13px;
	line-height: normal ;
}

TD.TD_CELL_LIGHT_BLUE {
	background-color: #f2faff ;
	font-family: 'Arial';
	font-size : 13px;
	line-height: normal ;
}

TD.MAIN_MESSAGE {
	font-family: 'Arial';
	font-size: 13px;
	color:  BLACK;
 	font-weight: bold;
}

TD.TD_REPORT_HEADER {
	font-family: 'Arial';
	font-size : 13px;
	line-height: normal ;
}

TD.TD_REPORT_DATA {
	font-family: 'Arial';
	font-weight :bold;
	line-height: normal ;
}

.BOLD_MESSAGE{
	font-family: 'Arial';
	color:  BLACK;
	font-size : 13px ;
 	font-weight: bold;
}




.paddingleft {
	padding-left: 34;
}

.MID_HEADING_MESSAGE{
	font-family: 'Arial';
	font-size: 14px;
	color: #0000a0;
 	font-weight: bolder;
	
}

.disabled{
	background-color: #efefef 
}

.enabled{
	background-color: white
}



LI.HIGHLIGHT1 {
	font-size: 13px;
	font-style: oblique;
	background-color: white;
	          
}

.BOLD_MESSAGE{
	font-family: 'Arial';
	color:  BLACK;
	font-size : 13px ;
 	font-weight: bold;
}

.SIDE_MESSAGE{
	font-family: 'Arial';
	color:  BLACK;
	font-size : 13px ;
 	font-weight: 400;
}
.UNDERLINED_MESSAGE{
	font-family: 'Arial';
	color: #0000a0;
	font-size : 13px ;
 	font-weight: 600;
	text-decoration: underline;
}

.SMALL_BOLD_MESSAGE{
	font-family: 'Arial';
	color: black;
	font-size : 13px ;
 	font-weight: 600;
}

.BIG_BOLD_MESSAGE{
	font-family: 'Arial';
	color: black;
	font-size : 13px ;
 	font-weight: 600;
}

.RIGHT_BORDER{
	border-right-color: black;
	border-right-width: thin;
	border-right-style: solid
}

.disabledMenu
{
	color: #a0a0a0;
	font-style: oblique;
	 FONT-FAMILY: 'Arial';
	 font-size:13px;
	cursor: arrow;
    text-decoration: none
}

TD.LEFT_MENU {
 FONT-FAMILY: 'Arial';
 font-size:13px;
 color: #333366;
 text-decoration: underline;
}

TD.LEFT_MENU_HIGHLIGHTED  {
	background-color: #c6e2ff ;
	 FONT-FAMILY: 'Arial';
	 font-size:13px;
	 color: #333366;
	 text-decoration: underline;
}

.public_tips {
	color : #333399;
	font-size : 13px;
	font-family : 'Arial';
	font-weight:  bold;
}

.approve_style {
	color : #00ae47;
	font-size : 11px;
	font-family : 'Arial';
	font-weight:  bold;
	
}

.pending_style {
	color : #48a4ff;
	font-size : 11px;
	font-family : 'Arial';
	font-weight:  bold;
	
}

.deny_style {
	color : black;
	font-size : 11px;
	font-family : 'Arial';
	font-weight:  bold;
	
}

.terminated_style {
	color : #dd3341;
	font-size : 11px;
	font-family : 'Arial';
	font-weight:  bold;
	
}
div#leftnav {
	float: left;
	max-width: 185px;
	margin: 0px;
	padding: 0.5em;
	font-family: Arial, Helvetica, sans-serif;
	color: #003366;
	}
div#rightnav {
	float: right;
	width: 230px;
	margin: 0px;
	padding: .5em;
	font-family: Arial, Helvetica, sans-serif;
	color: #003366;
}
div#content, #homecontent {
	margin-left: 190px;
	/*margin-right: 240px;*/
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	/*border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #CCCCCC;*/
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	padding-bottom: 0.5rem;
	padding-right: .5rem;
	padding-top: .5rem;
}
div#footer {
	clear: both;
	margin: 0;
	padding: .5em;
	color: #fff;
	background-color: #474d5e;
	border-top: 1px solid #474d5e;
	border-bottom: 1px solid #474d5e;
	/*font-family: "Roboto Slab",serif!important;*/
	
	text-align: center;
}

div#footer a {
	 
	color: #fff;
    text-decoration: none;
	font-weight: 500;
}

div#footer a:hover {
	 
	color: #DCDADA;
    text-decoration: underline;
	
}

footer p, footer a {
            font-size: .85rem;
        }

div#topheadleft {
	float: left;
	width: auto;
	background-color: #000000;
	padding-top: 4px;
	padding-bottom: 4px;
	font-weight: bold;
}
div#topheadright {
	float: right;
	width: auto;
	background-color: #000000;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: right;
}
div#topheadmiddle {
	background-color: #000000;
	width: auto;
	height: auto;
	padding-top: 4px;
	padding-bottom: 4px;
}
div#basicpageleftnav {
	float: left;
	width: 185px;
	margin: 0px;
	padding: 0.5em;
	font-family: Arial, Helvetica, sans-serif;
	color: #003366;
}
div#basicpagerightnav {
	float: right;
	width: 200px;
	margin: 0px;
	padding: .5em;	
	font-family: Arial, Helvetica, sans-serif;
	color: #003366;
}
div#basicpagecontent {
	margin-left: 200px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 1em .5em .5em 1em; /*rlv*/
	font-size: small;
	max-width: 80%; /*36em org changed 10-8-20 rlv*/
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
    min-height: 1024px;
	/*padding-bottom: 0.5em; RLV
	padding-top: .5em;*/
}
.bluetextmed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #003366;
	letter-spacing: 0.35em;
	font-weight: bold;
}

#leftnav p { margin: 0 0 .5em 0; }
#content h2 { margin: 0 0 .5em 0; }

#basicpageleftnav p { margin: 0 0 .5em 0; }
#basicpagecontent h2 { margin: 0 0 .5em 0; }

.smalltext {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}

.xsmalltext  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
}

.xxsmalltext {

	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
}
.imgcentertop {
	float:none;
	padding:4px;
	vertical-align: top;
}
hr {
	color: #CCCCCC;
}
.table-outer-border-only {
	border: 1px solid #C0C0C0;
	padding: 4px;
	margin: 4px;
}
.table-all-borders {

	border: 1px solid #999999;
	padding: 4px;
}

.FormsTable {
	font-family: Arial, Helvetica, sans-serif;
	margin: 3px;
	border: thin solid #999999;
}
div#twocolumnleft {
	font-family: Arial, Helvetica, sans-serif;
	width: auto;
	float: left;
	margin-right: auto;
	margin-left: auto;
}
#container {
	margin-right: auto;
	margin-left: auto;
	width: 760px;
}
#left {
	width: 350px;
	float: left;
}
#right {
	width: 350px;
	float: right;
}

div#twocolumnright {
	font-family: Arial, Helvetica, sans-serif;
	width: auto;
	margin-left: 410px;
}
div#twocolumnleftnowidth {
	float: left;
	margin-right: 10px;
	padding: 0.5em;
	font-family: Arial, Helvetica, sans-serif;
	
}
div#twocolumnrightnowidth {
	float: none;
	padding: 0.5em;
	font-family: Arial, Helvetica, sans-serif;
	width: auto;
	
}
#divcenteredbordered {
	font-family: Arial, Helvetica, sans-serif;
	padding: 4px;
	border: 2px solid #0000FF;
	width: 450px;
}
#formInstructions {
	font-family: Arial, Helvetica, sans-serif;
	padding: 4px;
	border: 1px solid #003366;
	background-color: #FFFFCC;
}
#pdfRequired {
	font-family: Arial, Helvetica, sans-serif;
	padding: 4px;
	border: 1px solid #003366;
	background-color: #FFFFCC;
	font-size: x-small;
	float: none;
}
#recruitVideo {
	font-family: Arial, Helvetica, sans-serif;
	padding: 4px;
	border: 2px solid #003366;
	background-color: #FFFFFF;
	width: 250px;
	text-align: center;
}
#linksleft {

	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #003366;
	background-color: #FFFFCC;
}
div#rightnavrecruit {
	float: right;
	width: 230px;
	margin: 0px;
	padding: .5em;
	font-family: Arial, Helvetica, sans-serif;
	color: #003366;
	font-size: 75%;
}
#divCrimeSolvers {
	font-family: Arial, Helvetica, sans-serif;
	padding: 4px;
	border: 2px solid #336600;
	width: 250px;
	font-size: x-small;
	background-image: url(/VSP/images/logos/chesterfield-cs-logo.jpg);
	height: 100px;
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	display: none;
	float: left;
}
.xtraLGtextBOLD {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bold;
	text-align: center;
}
div#searchresultscontent {
	margin-left: 220px;
	padding: 0.5em;
	max-width: 36em;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	width: auto;
}
.imgrightbordered {
	float:right;
	padding:4px;
	border: 1px solid #000000;
}
div#rightsidecommanders {
	font-family: Arial, Helvetica, sans-serif;
	width: 200px;
	border: 2px solid #003366;
	background-color: #003366;
	font-weight: bold;
	color: #FFFFFF;
	font-size: x-small;
	text-align: center;
}
div#rightnavfieldoffices {
	float: right;
	width: 230px;
	margin: 0px;
	padding: .5em;
	font-family: Arial, Helvetica, sans-serif;
	color: #003366;
	text-align: center;
}
.captured {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bold;
	color: #0000FF;
}
.imgleftbordered {

	float:left;
	padding:4px;
	border: 1px solid #000000;
}
div#rightlinksTerrorism {
	text-align: center;
	background-color: #FFFFE1;
	border: thin solid #003366;
	padding: 4px;
	width: 200px;
}
div#crisishostageblock {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	background-color: #FFFFFF;
	text-align: center;
	padding: 4px;
	width: 355px;
	border: medium double #003366;
}
div#rightlinksTerrorism {
	text-align: center;
	background-color: #FFFFE1;
	border: thin solid #003366;
	padding: 4px;
	width: 200px;
}
.imgleftgraybackground {
	float:left;
	padding-top: 16px;
	padding-right: 8px;
	padding-bottom: 16px;
	padding-left: 4px;
	font-size: x-small;
	background-color: #CBCBCB;
	border-right-width: medium;
	border-bottom-width: medium;
}
div#contentblockgray {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #CBCBCB;
	padding: 6px;
	
}
div#charger-recruit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	background-color: #FFFFFF;
	text-align: center;
	padding: 3px;
	width: 380px;
	border: thin solid #003366;
	margin-right: auto;
	margin-left: auto;
}
.indented {
	text-indent: 24px;
}
.tablecellhead {
	background-color: #003366;
	color: #FFFFFF;
	font-size: medium;
	font-weight: bold;
}
.tablecellblue {
	background-color: #E8F3FF;
}
.tablecellbuff {

	background-color: #FFFFEA;
}.capsboldsizesmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	text-transform: uppercase;
}
.textregular {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: normal;
	text-transform: none;
}
.imgleftNObackground {

	float:left;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 4px;
	font-size: x-small;
	}
.smalltextBoldWhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
	font-style: normal;
	text-decoration: none;
}
.XsmallRedTextLink {

	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #800000;
}
.regtextwhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
}
.table-outer-border-only-blue {

	border: 1px solid #003366;
	padding: 4px;
	margin: 4px;
}
.XsmallBrightRedTextLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #FF0000;
}
.divCenterbordered {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFCC;
	background-position: center center;
	padding: 4px;
	border: thin solid #003366;
	width: 375px;
	text-align: center;
	vertical-align: middle;
	float: none;
	margin-right: auto;
	margin-left: auto;
}
.XLargeFont0033cc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bold;
	color: #0033CC;
}
.LgFont0033cc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: normal;
	color: #0033CC;
}
.BrightRedTextLink {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #FF0000;
}
.redmenulink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	font-weight: bold;
	text-decoration:none;
	color: #FF0000;
}
.training_block {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000066;
	background-color: #FFFFFF;
	text-align: center;
	padding: 5px;
	float: left;
	height: auto;
	width: auto;
	border: medium double #993300;
}
.Training_Blue_Block {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	margin: 4px;
	padding: 4px;
	border-top-style: groove;
	border-right-style: groove;
	border-bottom-style: groove;
	border-left-style: groove;
	border-top-color: #000066;
	border-right-color: #000066;
	border-bottom-color: #000066;
	border-left-color: #000066;
}
.BrightOrangeTextLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #cc3300;
	line-height: 20px;
}
.DoubleSpace {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
}
.LinksLeftBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: center;
	vertical-align: top;
	float: left;
	width: 179px;
}
#divleftalignbordered {
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	border: 2px solid #660000;
	width: 350px;
	text-align: center;
	vertical-align: middle;
	font-size: small;
	background-color: #FFFFFF;
}
#divleftalignborderedBlue {

	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	border: 2px solid #343499;
	width: 350px;
	text-align: center;
	vertical-align: middle;
	font-size: small;
	background-color: #FFFFFF;
}
#divleftalignborderedDarkBlue {


	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	border: 2px solid #003366;
	width: 350px;
	text-align: center;
	vertical-align: middle;
	font-size: small;
	background-color: #FFFFFF;
}
.imgright9pixspace {

	float:right;
	padding:9px;
	font-size: x-small;
}
.imgright16pixspace {


	float:right;
	padding:16px;
	font-size: x-small;
}
.imgcenteredbordered {


	float:none;
	padding:4px;
	border: 1px solid #003366;
}
.BlueBoldItalicLargeComicSans {
	font-family: "Comic Sans MS";
	font-size: large;
	font-style: italic;
	font-weight: bolder;
	text-transform: capitalize;
	color: #0033CC;
	text-decoration: none;
}
.darkredmenulink {

	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	font-weight: bold;
	text-decoration:none;
	color: #990000;
}
#divrightalignborderedDarkBlue {
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	border: 2px solid #003366;
	width: 100px;
	text-align: center;
	vertical-align: middle;
	font-size: small;
	background-color: #FFFFFF;
	float: right;
}
div#contentblockwhite {

	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #FFFFFF;
	padding: 6px;
}
.block-standout {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	background-color: #FFFFD7;
	text-align: center;
	text-indent: 6px;
	vertical-align: middle;
	/*width: 320px;*/
	border: thin solid #990000;
	padding: 6px;
}
.col1 {
    background-color: #FFFFFF;
    float: left;
}
.col2 {
	background-color: #FFFFFF;
	float: none;
	width: auto;
}
.col3 {
    background-color: #FFFFFF;
    float: right;
}

/*********** Responsive tags*******/

.cta-header{
    
    background-color: #FFFFCC;
       
    
}

.cta-subheader{
    
    font-size: 1.1rem;
    
}

.cta-box-border-clear{
    
 border: 2px solid #ddd;   
       
    
}


.chief-box-border-clear{
            max-width: 56.25rem;
            border: 2px solid #ddd;
            margin-bottom: 1rem;
            padding: 1rem;
            
        }

.chief-box-border-no-photo{
            max-width: 40rem;
            border: 2px solid #ddd;
            margin-bottom: 1rem;
            padding: 1rem;
            
        }


.cta-underscore{
    border-bottom: 2px solid #ddd;  
    padding-bottom: .5rem; 
    
}


.pdf-icon{
    background-image: url( "../images/pdf.gif");
    background-repeat: no-repeat;
    display: inline-block;
    width:12px;
    height:15px;
    margin-left: .5rem;
        
}

.word-icon{
    background-image: url( "../images/word.gif");
    background-repeat:no-repeat;
    display: inline-block;
    width:12px;
    height:15px;
    margin-left: .5rem;
}

.hamburger-links{
    background-color: #393d4a;
}

.hamburger-links a:link {
  color: #fff;
  padding: 1rem 0 1.2rem 1.2rem;
  text-decoration: none;
  font-size: 1.1rem;
  display: block;
}
    
.hamburger-links a:hover {
  background-color: #e0e0e0;
  color: #626875 !important;
  
} 

.mobileStack{
 
  list-style-type: none;  
    
}
.mobileStack li{
  margin-left: -3.0rem;
   
    
}

.mobileMenuHeader{
    color:#fac864;
    font-weight: 700;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-size: 1.1rem;
}


div#rightnav {
    width: 20% !important;
    
        }
        
div#leftnav {
    width: 20% !important;
    
    
        }  
div#content {
   border: 0;  
        }        
        
        
div#rightnav, div#leftnav, div#content  {
    display: flex;
    flex-direction: column; 
    align-content:  center;
    padding-bottom: 2em;
    }

       
        
.QST {
            
        color: #fff;    
        margin-top: -2px;   
        }
        
 a.QST  {
            
        color: #fff;    
        font-size: .95rem !important;
        font-weight: 700 !important;
        margin-top: -3px;
        }      

.VSPLogo{
    background-color: /*#44516b;*/#393d4a;
    
        }

.alert-banner{
    background-color: #717782; /*#626875;*/
    padding:.5rem;
    color: #fff;
    border-bottom: 0.1875rem solid #626875;
    border-top: 0.1875rem solid #626875;
        }

.alert-banner p{
    margin-bottom:0;
    font-size: .85rem;
   }

.alert-banner a{
    color: #fff;
    font-size: .85rem;
    font-weight: normal;
    text-decoration: underline
        }
.alert-banner a:hover{
    color: #fff;
    text-shadow: 0 0 1px #fff, 0 0 1px #fff; /*to prevent layout reset */
    text-decoration:none; 
    }



.socialIcon{
    margin-right: .5rem;
    margin-left: .5rem;
    
    
}


.cleanStack{
    
  list-style-type: none;  
    
}

.emphasis {
    
   font-size: 1.2rem; 
    
    
}


/*helper style for iframe boxes */
.autobox{
            
            
      min-height: 600px;
        }
.li-emphasis{
    
}

/*temporary*/
    /* hack for font size discrepancies in documents */
section p, a{
    
    font-size: 1rem;
    
}

 /* hack for font size discrepancies in documents */
blockquote p, a, li{
    
    font-size: 1rem;
    
}

 /* hack for margin reset in Bootstrap */
blockquote {
    margin-left: 1rem;
    
}
/* hack for font weight discrepancies in Bootstrap */
strong {
    font-weight: 700;
    
}

/*slide show overrides */
.carousel-header, .carousel-body,  .carousel-body a
  {
       color: #31343a;
       font-size: 1.6rem;
       font-weight: 700;
       font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
       text-align: left;
       margin-left: 6rem;
  }
        
        
.carousel-indicators li  {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 2px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #777;
  border: 1px solid #777;
  border-radius: 10px;
}    
.carousel .carousel-indicators .active   {
    width: 12px;
    height: 12px;
    margin: 1px;
    background-color: #777;
}  
        
.carousel-control-prev-icon, .carousel-control-next-icon{
         filter: invert(1)   
        }
        

/* hack for slide show z-index in Bootstrap */
.carousel-control-next, 
.carousel-control-prev{
    
    /*margin-right: 5%;
    margin-left: 5%;*/
    width:10%;
    
}
/* logo resizing across Bootstrap + devices */
.desktoplogo{
            max-width: 80rem;
        }
        
.tabletlogo{
            max-width: 40rem;
        }
        
.celllogo{
            max-width: 25.938rem;
        }

/* hack for UL positions  */

main p + ul {
    
    margin-top: -.5rem; /*11/17/20 RLV test */
}

p.blueheadingbold + ul {
    
    margin-top: -.75rem; /*11/18/20 RLV test */
}
 
/* use to close gap between content and heading*/
.header-p{
    margin-bottom: 0 !important;  
            
}

/* ADA style in-line visual disruptor */
 .small-caps{ 
            
            font-size: .75rem;
            text-transform: uppercase;
            font-weight: 600;
              
        } 

main li{
    
   padding: 0; 
} 

#leftnav ul, li {
	margin: 0;
	padding: .25rem;
}
#mainMenu {
	margin:0px;
	width:100%;
	
}
#mainMenu li {
	position:relative;
	display:block;
	border-top:0px;
}

#mainMenu li ul li:first-child {
	border-top:1px solid #000;
    
}

#mainMenu li ul li:last-child {
   border-bottom:1px solid #000;   
        
} 
#mainMenu a {
	display:block;
	padding:3px;
	text-decoration:none;
	color:#003366;
    font-size: .8rem;
    font-weight: 700;
}
#mainMenu a:hover {
	background-color:#003366;
	color:#fff;
}
#mainMenu li ul {
	position:absolute;
	width:200px;
	left: 9.5rem;    /*155px;*/
	top:0;           /*5px*/
	display:none;
    z-index: 9;
    
}
#mainMenu li ul li {
	font-size:smaller;
    border-left:1px solid #000;
    border-right: 1px solid #000;
    background-color: #fff;
}
#mainMenu li:hover ul {
	display:block;
}
.single-line{
    border-bottom:1px solid #000;  
    }   
    
.squish {
    margin-top:-1.5rem;
        
    }

/*mobile scrolling menu */

.back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
}



/*********** Responsive tags*******/

 /*Keep mobile navigation hidden when not in use
.active, div#myLinks, .topnav a.icon {
   display:none;
} */

@media only screen and (max-width: 767px) {
    
div#leftnav, div#rightnav, div#breadcrumb, div#basicpageleftnav   {
    display:none;
    
  }
div#basicpagecontent   {
    margin-left: .25rem;/*rlv*/
    margin-right: .5rem;/*rlv*/
    border: 0;    
    max-width: 100%;  
    padding: .5em .5em .5em .5em; /*rlv*/
    } 
    
div#content{
    order: 2;  
    margin: 0;
    
    }
 #homecontent {
    order: 2;  
    margin: 0;
    padding-bottom: 0.5em;
    padding-right: .5rem;
    padding-top: .5em; 
    padding-left: .5em; 
}   

.QST, #virginiaSearch {
    display: none;
   
  }
    
  /* Style the navigation menu */
.topnav {
  overflow: hidden;
  background-color: #333;
  position: relative;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
}

/* Style navigation menu links */
.topnav a {
  color: #fff;
  padding: 12px 14px;
  text-decoration: none;
  font-size: 1.063rem;
  display: block;
}
    
.topnav #myLinks a:hover {
  background-color: #ddd;
  color: #000;
  
}    

/* Style the hamburger menu */
.topnav a.icon {
  background: #000;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

/* Add a grey background color on mouse-over */
.topnav a.icon:hover {
  background-color: #ddd;
  color: #000;
}

/* Style the active link (or home/logo) 
.active {
  background-color: #000;
  color: #fff;
  cursor: pointer !important;
}  */
    
.fa {
    font-weight: 700;
    font-size: 24px !important;
    }    
    
    
} 

@media only screen and (max-width: 280px) {
 /* Galaxy fold */   

div#basicpagecontent   {
    margin-left: 0;/*rlv*/
    margin-right: .25rem;/*rlv*/
    /*border: 0;    
    max-width: 100%;  
    padding: .5em .5em .5em .5em; /*rlv*/
    } 
}