body, h1, h2, h3, h4, h5 {
    /*font-family: 'Myriad Pro', sans-serif;*/
    color: inherit;
    
}
body {
    font-size: 1.35em;
}

h1 {
    font-size: 160%;
}

h2 {
    font-size: 130%;
}
h3 {
    font-size: 110%;
}
/*p, li {
    font-size: 1.15em; 
}*/

@media (min-width: 1400px) {
    body {
    font-size: 1.85em;
}
}

@media (max-width: 1023px) {
    body {
    font-size: 1.25em;
}
}

a {
    color: #1D7777;
    font-weight: 600;
    /*border-bottom: 2px dotted;*/
    /*text-decoration: #1D7777 underline;*/
    background-color: transparent;
}

a.reverseout {
    color: rgb(107,201,202);
}

.nodot a {
    border-bottom: none;
    text-decoration: none;
}


.panel-default > .panel-heading {
    background-color: #1D7777;
    color: #fff;
    text-decoration: none;
}

.panel-default > .panel-heading a{
    background-color: #1D7777;
    color: #fff;
    text-decoration: none;
}


/*.opening {
    font-size: 30px;
}*/

@media (min-width: 1025px) {
    .opening {
    font-size: 2em;
    
}
}

@media (max-width: 1024px) {
    .opening {
    font-size: 1.5em;
}
}

.row { margin: 0; padding: 0 }

.container {
    width: 98%;
}

/*Make Va Banner sit at very top*/
.top{
 padding: 5px 0;
 margin:-75px 0 0 0;
			
}

.top2{
 padding: 0;
 margin:-10px 0 0 0;
			
}


.style2 {
    background-color:  #264391;
    color: #fff;
    padding: 5px;
    /*text-align: center;*/
    margin: 1em 0;
    width: 100%;
    border-top: 20px double #8AC722;
    border-bottom: 20px double #8AC722;
    
}

.style2clear {
    background-color:  #FFF;
    color: #000;
    padding: 5px;
    /*text-align: center;*/
    margin: 1em 0;
    width: 100%;
    border-top: 20px double #8AC722;
    border-bottom: 20px double #8AC722 ;  
}

.style2 h3 a{
    color: #F2C50B;
    font-size: 1em;
    font-size: 110%;
    margin: 0.75em 0 0;
    text-transform: uppercase;
    text-align: center;
}

.style2 a{              /*used when there are hyperlinks inside a Style2 box*/
    color:#fff
    font-size: 1em;
}


@media (min-width: 1181px) {
    h1.highlight {
        color: #065C69;
        /*background-color: #D6D5B8/*#efefef*/
        font-size: 2.5em;
        /*letter-spacing: -0.025em;*/
        margin: 0.25em 0 0.15em 0;
        padding: 0.35em;
        position: relative;
        top: -0.5em;
        font-weight: 800;
        border-bottom: 2px double #065C69;
        border-radius: 2px;
        text-align: left;
    }
}

@media (max-width: 1180px)  {
    h1.highlight {
    color: #065C69;
    /*background-color: #D6D5B8/*#efefef*/
    font-size: 1.75em;
    /*letter-spacing: -0.025em;*/
    margin: 0.75em 0 0.15em 0;
    padding: 0.35em;
    position: relative;
    top: -0.5em;
    font-weight:800;
    border-bottom: 2px double #065C69;
    border-radius: 2px;
    text-align: left;
    
}


}

h2.highlight {
    
    padding: 0.15em;
    position: relative;
    top: -0.5em;
    font-weight:700;
    text-align: left;
    
    
}

h3.highlight {
    color: #000;
    background-color: #8AC722;
    font-size: 1.5em;
    /*letter-spacing: -0.025em;*/
    margin: 0.75em 0 0.15em 0;
    padding: 0.2em;
    position: relative;
    top: -0.5em;
    font-weight:800;
    /*border-bottom: 2px double #00358E;*/
   
    
}

h3.highlight2 {
    color: #065C69;
    /*background-color: #D6D5B8/*#efefef*/
    font-size: 130%/*1.25em*/;
    /*letter-spacing: -0.025em;*/
    margin: 0.75em 0 0.15em 0;
    padding: 0.2em;
    position: relative;
    top: -0.5em;
    font-weight:800;
    border-bottom: 1px solid #065C69;
    
}


@media (max-width: 1180px) {
    h3.highlight {
    color: #065C69;

    margin: 0.75em 0 0.15em 0;
    padding: 0.2em;
    position: relative;
    top: -0.5em;
    font-weight:800;
    border-bottom: 2px double #065C69;
    border-radius: 2px;
    
}

        h3.highlight2 {
    color: #065C69;
    /*background-color: #D6D5B8/*#efefef*/
    font-size: 125%/*1.25em*/;
    /*letter-spacing: -0.025em;*/
    margin: 2em 0 0.15em 0;
    padding: 0.2em;
    position: relative;
    top: -0.5em;
    font-weight:800;
    border-bottom: 2px double #065C69;
    border-radius: 2px;

        
}

}


/*FOOTER*/

.footer {
    background-color: #264391;
    border-top: 10px solid #8AC722;
			/*background-image: url("images/bg02.png"), url("images/bg03.png"), url("images/bg01.png");
			background-position: top left,						bottom left,					top left;
			background-size: 100% 6em,						100% 6em,						auto;
			background-repeat: no-repeat,						no-repeat,						repeat;*/
            color: #fff;
            padding: 7px 1px;
			/*text-align: center;*/
            margin-top: 1em;
          
}

hr.footer {
 margin-top: 0px;
  margin-bottom: 10px;
  border: 0;
  border-top: 3px solid #8AC822;
}

.footer a, .footer a:visited {
color:#a2fa0f;
/*text-decoration: underline dotted;*/
background: none;
border: none;
padding: 2px;
transition: none;
border-radius: 2px;
}

.footer a:hover {
color:#00358E;
text-decoration: none;
background: #fff;
padding: 2px;
border: none;
transition: none;
border-radius: 2px;
}


.footer2 {
    background-color: #fff;
			/*background-image: url("images/bg02.png"), url("images/bg03.png"), url("images/bg01.png");
			background-position: top left,						bottom left,					top left;
			background-size: 100% 6em,						100% 6em,						auto;
			background-repeat: no-repeat,						no-repeat,						repeat;*/
            color: #00358E;
            /*padding: 15px 1px;*/
			/*text-align: center;*/
            padding: 4px 2px;
          
}

h4.footerhead {

background: none;
color: #ffffff;

}




hr.footer2 {
 margin-top: 0px;
  margin-bottom: 10px;
  border: 0;
  border-top: 5px solid #00358E;
}

.footer2 a, .footer2 a:visited {
color:#fff;
text-decoration: underline dotted;
background: none;
border: none;
padding: 2px;
transition: none;
}

.footer2 a:hover {
color:#00358E;
text-decoration: none;
background: #fff;
padding: 2px;
border: none;
transition: none;
border-radius: 2px;
}

h4.footer2 {
text-decoration: underline;
}

.footerreturn a, .footerreturn a:visited {
color:#fff;
text-decoration: underline dotted;
background: #00358E;
border: none;
padding: 2px;
transition: none;
border-radius: 2px;
}

.footerreturn a:hover {
color:#00358E;
text-decoration: none;
background: #fff;
padding: 2px;
border: none;
transition: none;
border-radius: 2px;
}

.footer3 {
    background-color: #00358E;
  
            color: #fff;
            padding: 7px 1px;
			
            margin-top: 1em;
          
}


/* Youtube Video Embedding code */

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper object,
.videoWrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;


}




/*****EXTERNAL and APP LINK ICONS**********************************************************EXTERNAL and APP LINK ICONS**********************************************EXTERNAL and APP LINK ICONS***********************/

/* Add Icon to external links */
a[href^="http://"]:not([href*="tstdesigns"]):before, /*THIS NEEDS TO BE CHANGED BEFORE LAUNCH AND FOR STAGING TO TEST*/
a[href^="https://"]:not([href*="tstdesigns"]):before,
/*a[href$='.asp']:not([href*="tstdesigns"]):before,*/ /*For some reason, .asp and .aspx need their own declaration of rules*/
a[href$='.aspx']:not([href*="tstdesigns"]):before{
  content: url('../images/icons/global_sm.png');
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  padding-left: 5px;
  vertical-align: middle;
  
}

/*Removes external link from in front of app links of pdf, word, excel, ppt ---- focuses on type of file instead*/
a[href$='.pdf']:not([href*="tstdesigns"])::before,
a[href$='.doc']:not([href*="tstdesigns"])::before,
a[href$='.docx']:not([href*="tstdesigns"])::before,
a[href$='.xls']:not([href*="tstdesigns"])::before,
a[href$='.xlsx']:not([href*="tstdesigns"])::before,
a[href$='.ppt']:not([href*="tstdesigns"])::before,
a[href$='.ppt']:not([href*="tstdesigns"])::before,
a[href$='.wmv']:not([href*="tstdesigns"])::before { 
  content: none;
}



/*Add PDF icon to any link that ends in .pdf*/
a[href$='.pdf']::after { 
  content: url('../images/icons/pdf.gif');
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  padding-left: 5px;
  vertical-align: middle;
}


/*Add Word icon to any link that ends in .doc, .docx*/
a[href$='.doc']::after,
a[href$='.docx']::after { 
  content: url('../images/icons/doc.gif');
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  padding-left: 5px;
  vertical-align: middle;
}

/*Add Excel icon to any link that ends in .xls, .xlsx*/
a[href$='.xls']::after,
a[href$='.xlsx']::after { 
  content: url('../images/icons/xls.gif');
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  padding-left: 5px;
  vertical-align: middle;
}

/*Add PPT icon to any link that ends in .ppt, .pptx*/
a[href$='.ppt']::after,
a[href$='.pptx']::after { 
  content: url('../images/icons/ppt.gif');
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  padding-left: 5px;
  vertical-align: middle;
}

/*Add Movie icon to any link that ends in .wmv*/
a[href$='.wmv']::after { 
  content: url('../images/icons/wmv.png');
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  padding-left: 5px;
  vertical-align: middle;
}


/* Add Icon to email links */
a[href^=mailto]::before {
    content: url('../images/icons/mail_sm.png');
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    padding-right: 1px;
    padding-bottom: 5px;
    vertical-align:middle;

}

/* Add class to remove external link icon - currently used for footer and google directions link in VABOARD*/
.noext a[href^="http://"]:not([href*="tstdesigns"]):before, /*THIS NEEDS TO BE CHANGED BEFORE LAUNCH AND FOR STAGING TO TEST*/
.noext a[href^="https://"]:not([href*="tstdesigns"]):before {
    content: none;
}

/* Add class to external links in menu. items need class="menuexit" added in the nav.htm include ONLY on text <li> that leave site NOT on images*/
.menuexit a[href^="http://"]:not([href*="tstdesigns"]):after, /*THIS NEEDS TO BE CHANGED BEFORE LAUNCH AND FOR STAGING TO TEST*/
.menuexit a[href^="https://"]:not([href*="tstdesigns"]):after {
  content: url('../images/icons/right-arrow15.png');
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  padding-left: 5px;
  vertical-align: middle;
}



/*Formatting below is ONLY to be used in UL for large lists - need to add class to UL of "iconlist"* - Example: vaboard.org/links.htm ---- Need to double-check for hard-coded internal links*/

ul.iconlist a[href^="http://"]:not([href*="tstdesigns"]):before, /*THIS NEEDS TO BE CHANGED BEFORE LAUNCH AND FOR STAGING TO TEST*/
ul.iconlist a[href^="https://"]:not([href*="tstdesigns"]):before{
  content: url('../images/icons/global_sm.png'); /*icon is 20x20, canvas is 25 wide, with icon left aligned*/
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  padding-left: 5px;
  vertical-align: middle;
  margin-left: -30px; /* This overrides the main external icon to allow for alignment with list items that do NOT have icons */
}

ul.iconlist a[href$='.pdf']:not(.owl-item)::after { /*This removes the PDF from the end of a line ONLY in the UL with class "ext"*/
    content: none;
}

ul.iconlist a[href$='.pdf']:not(.owl-item)::before {
  content: url('../images/icons/pdfList.gif'); /*icon is 20x20, canvas is 25 wide, with icon left aligned*/
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  padding-left: 5px;
  vertical-align: middle;
  margin-left: -30px; /*Keeps icons and items without icon left-justified*/
  line-height: 20px; /*Keeps line spacing even if there is no icon*/
  
}

ul.iconlist a[href$='.doc']:not(.owl-item)::after,
ul.iconlist a[href$='.docx']:not(.owl-item)::after
{ /*This removes the doc from the end of a line ONLY in the UL with class "ext"*/
  content: none;
  
}

ul.iconlist a[href$='.doc']:not(.owl-item)::before,
 ul.iconlist a[href$='.docx']:not(.owl-item)::before
{
  content: url('../images/icons/docList.gif'); /*icon is 20x20, canvas is 25 wide, with icon left aligned*/
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  padding-left: 5px;
  vertical-align: middle;
  margin-left: -30px; /*Keeps icons and items without icon left-justified*/
  line-height: 20px; /*Keeps line spacing even if there is no icon*/
  
}



ul.iconlist a[href$='.xls']:not(.owl-item)::after,
ul.iconlist a[href$='.xlsx']:not(.owl-item)::after,
{ /*This removes the xls from the end of a line ONLY in the UL with class "ext"*/
    content: none;
}

ul.iconlist a[href$='.xls']:not(.owl-item)::before {
  content: url('../images/icons/xlsList.gif'); /*icon is 20x20, canvas is 25 wide, with icon left aligned*/
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  padding-left: 5px;
  vertical-align: middle;
  margin-left: -30px; /*Keeps icons and items without icon left-justified*/
  line-height: 20px; /*Keeps line spacing even if there is no icon*/
  
}


ul.iconlist a[href$='.ppt']:not(.owl-item)::after,
ul.iconlist a[href$='.pptx']:not(.owl-item)::after,
{ /*This removes the ppt from the end of a line ONLY in the UL with class "ext"*/
    content: none;
}

ul.iconlist a[href$='.ppt']:not(.owl-item)::before {
  content: url('../images/icons/pptList.gif'); /*icon is 20x20, canvas is 25 wide, with icon left aligned*/
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  padding-left: 5px;
  vertical-align: middle;
  margin-left: -30px; /*Keeps icons and items without icon left-justified*/
  line-height: 20px; /*Keeps line spacing even if there is no icon*/
  
}





ul.pList {
    margin-bottom: /*10px*/0px;
    margin-top: 0;
    line-height:30px;
}



/*FANCY NAV/Header*/

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by its height */
  /*margin: 0 auto -225px;*/
  /* Pad bottom by footer height */
  /*padding: 0 0 225px;*/
}


/* Set the fixed height of the footer here */
#footer {
  /*height: 225px;*/
  background-color: #eeecec;
  margin-top:10px;
  padding-top:20px;
  padding-bottom:20px;
  color: #000;
  
}

    #footer h3 {
        background-color: rgb(107,201,202);
    padding: 3px;
    color: #000;
    border-bottom: 3px solid RGB(153, 204, 102);
    font-size: 1.5em;
    text-align:center;
}


  






.imgleft {
    float: left;
    margin-bottom: 0.5%;
    margin-right: 10px;
}


.imgright {
    float: right;
    margin-bottom: 0.5%;
    margin-left: 10px;
}




/*BREADCRUMB EDITS*/
/*change breadcrumb background color*/
.breadcrumb {
     background-color: transparent;
     border-bottom: 1px solid #eee;
     margin: 0 0 10px 0;
     border-radius: 0;
     -moz-border-radius: 0;
     -webkit-border-radius: 0;
     -o-border-radius: 0;
     padding: 8px;
}
    .breadcrumb li {
        font-size: 1em;
    }


/*change breadcrumb links color*/
.breadcrumb a {
        color: #333;
        border-radius: 2px;
        font-size: 1em;
        margin-right: 6px;
}
.breadcrumb a img {
           margin-right: 5px;
}

.breadcrumb a:hover {
            text-decoration: underline;
            color: #23527c;           
}


/*change active color*/
.breadcrumb > .active {
        color: #23527c;
        font-weight: 600;
        font-size: 1em;
        padding: 1px;
}



/**********ICON LIST FORMATTING*****************/

.iconlist {
    list-style-type:none; 
    line-height: 20px;
}






/****CUSTOM ICONS FOR ACCORDION --- copy script found on vaboard.org/policymaking.htm*/
.your-icon {
    position: relative;
    /*top: 1px;*/
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    line-height: 1px;
    float: left;
    margin-right: 5px;
    display: block; /* This is required */
}

.your-icon.arrowdown {
    background: url('../images/icons/arrow-down.png');
    background-size: cover;
}

.your-icon.arrowup {
    background: url('../images/icons/arrow-up-accordion.png');
    background-size: cover;
}

.your-icon.normal {
    width: 32px;
    height: 32px;
}

.your-icon.small {
    width: 20px;
    height: 20px;
}

.your-icon.medium {
    width: 64px;
    height: 64px;
}

.your-icon.large {
    width: 128px;
    height: 128px;
}




/* Youtube Video Embedding code */ /*See Cole Evans for any questions*/

.videoWrapperOuter {
  max-width:640px; 
  margin-left:auto;
  margin-right:auto;
}
.videoWrapperInner {
  float: none;
  clear: both;
  width: 100%;
  position: relative;
  padding-bottom: 50%;
  padding-top: 25px;
  height: 0;
}
.videoWrapperInner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



@media (max-width: 1300px) {
    .btn-info {
        padding: 2px 3px;
        font-size: 12px;
     
    }
}

/*For TABS pages (such as servicedescrip.htm on VDA*/
@media (min-width: 1024px) { /*minimizes jumping on smaller content tabs*/
    .tabspage {
        min-height: 700px;
    }
}

.mininav .nav > li > a {
       background-color: #D6D5B8;
       color: #000;
       border-radius: 4px;
    }

.mininav .nav > li > a:hover, .nav > li > a:focus {
       background-color: #065C69;
       color: #fff;
       border-radius: 4px;
    }

.mininav .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
       background-color: #00358E;
       color: #fff;
       border-radius: 4px;
    }


hr.sectiondivider {
    background: transparent url(../images/hr.png) no-repeat bottom center;
    padding: 2% 0;
    margin: 0 0 1% 0;
    color: #263676;
    border: none;
}

hr.sectiondivider2 {
    
    padding: 0.5% 0;
    margin: 0 0 0.5% 0;
    color: #263676;
    border: none;
    border-bottom: 5px solid #00358E;
}



/* body { padding-top: 50px; } */
 
/*#####################
Additional Styles (required)
######################*/
.carousel-indicators {
    bottom:-40px;
	left:0;
	width:100%;
	background:#264391;
	padding: 6px 0px;
	margin-left:0;
	border-top:2px solid #fff;
}
.carousel-indicators li {
	width:12px;
	height:12px;	
	background:#fff;
	border-color:#fff;
 
}
.carousel-indicators .active {
	width:14px;
	height:14px;
	background:#8AC822;
	border-color:#8AC822;
}
.carousel-inner .thumbnail {
	margin-bottom:0;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
}
.carousel-inner .caption {
	background:#EBEBE6;
	padding: 7px;
    height: 190px;
    font-size: 95%;
}

carousel-inner > .item > img, .carousel-inner > .item > a > img {
  width: 100%;
}

.iconcircle{
    width: 50px;
    height: 50px;
}

.indentIt{
    margin-left:100px;
}

hr.style1{
	border-top: 3px solid #00358E;
}

/* Add class to remove external link icon - currently used for footer and google directions link in VABOARD*/
.noext a[href^="http://"]:not([href*="tstdesigns"]):before, /*THIS NEEDS TO BE CHANGED BEFORE LAUNCH AND FOR STAGING TO TEST*/
.noext a[href^="https://"]:not([href*="tstdesigns"]):before{

    content: none;
}

/* Add class to remove pdf icon from FOOTER ONLY*/
.footPDF a[href$='.pdf']::after{
    content: none;
}