@import url("/OPA/styles/vspse-site-styles.css");

/*
	File            : /[sitename]/styles/site-styles.css
	Description     : Styles available for use across the web site.
*/

/*layout */
ul ol {font-family:Arial, Helvetica, sans-serif;}

a img {
	border: none;
}

.bdywrpr {
	width:980px;
	text-align:center;
	margin:0 auto;
	z-index:1;
    background-color:#FFF;
}
.ctwrpr {clear:both; width: 966px; position: relative; text-align: left;margin:0 auto; background: #ffffff; padding-left: 0px;}
.ctwrpr_special {clear:both; width: 928px; position: relative; margin:0 auto; padding-left: 19px; padding-right: 19px; text-align: left; background: #ffffff; padding-left: 0px;}



/* header */
.headerwrpr {
	clear:both;
	width:980px;
	height:100px;
	position: relative;
	background-repeat: no-repeat;
	background-position: top center;
	text-align:left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.intheaderwrpr {
	clear:both;
	width:996px;
	height:185px;
	position: relative;
	margin:-110px auto 0 -15px;
	background: #ffffff;
	background-image: url(../images/bg-header-three.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	text-align:left;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {


.intheaderwrpr {
	clear:both;
	width:996px;
	height:185px;
	position: relative;
	margin:-60px auto 0 -15px;
	background: #ffffff;
	background-image: url(../images/bg-header-three.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	text-align:left;
}
}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
.intheaderwrpr {
	clear:both;
	width:996px;
	height:185px;
	position: relative;
	margin:-70px auto 0 -15px;
	background: #ffffff;
	background-image: url(../images/bg-header-three.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	text-align:left;
} }

.intheaderwrpr_nosub {clear:both; width:966px; height:25px; position: relative; margin:0 auto; background: #ffffff; background-image: url(../images/bg-header-two.jpg); background-repeat: no-repeat; background-position: top center; text-align:left; }

/* HP left content block */

.leftctwrpr {float: left; width: 512px; position: relative; margin: 0 auto; vertical-align: top;}
.leftctphotobg {width: 480px; height: 330px; padding-top: 19px; padding-right: 12px; padding-left: 20px; padding-bottom: 19px; background: #ffffff; background-image: url(../images/bg-leftct-one_02.jpg); background-repeat: no-repeat; background-position: top center; text-align:left; color:#b4cad9; font-size:.9em; line-height: 1.2em;}


/* HP right content block */

.rightctwrpr {float: right; width: 454px; text-align:left; position: relative; margin: 0 auto; vertical-align: top;}
.rightctquotebg {width: 441px; padding-top: 19px; padding-left: 13px; background: #ffffff; background-image: url(../images/bg-rightct-one_02.jpg); background-repeat: no-repeat; background-position: top left; text-align:left; vertical-align: top;} 
.rightctquotebg_text {width: 351px; padding-left: 30px; padding-right: 30px; color: #000000; font-size:13px; }
.rightctphotobg img {width:421px; height:231px; border-style:none;}


/* INTERIOR left content block */

.intleftctwrpr {float: left; width: 635px; position: relative; margin: -5px auto; padding-left: 30px; vertical-align: top; text-align:left;}
.sept11search {border:1px solid #cccccc; padding: 10px; width: 268px; text-align: left;}
.sept11search input.searchlocation {font-size:1.3em; color:#999999; border:1px solid #cccccc; margin:0 5px 0 0; padding:3px 3px 2px 3px; width:118px;}


/* INTERIOR right content block */

.intrightctwrpr {float: right; text-align:left; width: 283px; position: relative; margin: -3px 1px 20px; padding-top: 0px; vertical-align: top; background-color: #ffffff; background-image: url(../images/bg-callout-interior.jpg); background-repeat: no-repeat; background-position: top left;}
.intrightctwrpr_text {width: 220px; text-align:left; color:#666666; font-size:12px; padding-left: 24px; padding-right: 20px; padding-bottom: 15px;}
.intrightctwrpr_text-508 {width: 240px; text-align:left; color:#666666; font-size:9px; padding-left: 0px; padding-right: 0px; padding-bottom: 10px;}
.intrightctwrpr_text_center {width: 220px; text-align:left; color:#666666; font-size:12px; padding-left: 24px; padding-right: 20px; padding-bottom: 15px; text-align: center;}
.intrightctwrpr_divider {width: 220px; padding-left: 24px; padding-right: 20px; padding-top: 10px; padding-bottom: 10px;}
.intrightctwrpr_image {width: 220px; margin: 0 auto; text-align:left; padding-left: 0px; padding-right: 20px; padding-bottom: 3px;}
.intrightctwrpr_image_social {width: 210px; margin: 0 auto; text-align:left; padding-left: 0px; padding-right: 20px; padding-bottom: 3px;}
.intrightctwrpr_trim {width: 264px; height: 24px; padding-top: 0px; background-image: url(../images/bg-callout-interior-trim.jpg); background-repeat: no-repeat; background-position: top left; text-align:left;}
.intrightctwrpr input.searchlocation {font-size:1.3em; color:#999999; border:1px solid #cccccc; margin:0 5px 0 0; padding:3px 3px 2px 3px; width:118px;}


/*hack for background image*/

.background-wrapper{    
    position:relative;
	margin-left:-15px;
	background-color: #FFFFFF;
    background-image: url("../images/bg-main-one.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    width: 996px; height:1021px;}

/* Styles for Accordian script */


.technology{ 
cursor: pointer;
font-size:13px;
font-weight:normal;
margin: 10px 0 0 20px;
}

.technology:hover{text-decoration:underline;
}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color:#003366; margin: 10px 0 0 27px;

}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: #6699CC; margin: 10px 0 0 27px;
}

.accordprefix{float:left; position:relative; margin-left:-9px;}

.accordsuffix{float:left; position:relative; margin-left:-10px;}

.thelanguage{margin: 10px 0 0 20px;}


/* Styles for Vetsday Stuff */

#vetdaywrapper{width: 960px;}
.state-header{width:960px;color: #FFF; font-size:14px; font-weight:bold; padding:3px 3px 3px 15px; vertical-align:middle; float:left; border-bottom:#036 solid 1px; margin-bottom:20px; background-color:#000033;;  }
.event-row{width: 960px; height:auto; margin-bottom: 20px; float:left;}
.event-left{ margin-left: 15px; margin-right:15px; width:400px; float:left; height:auto;}
.event{margin-right:15px; width:300px; height:auto; float:left;}

/* Beginning of styles for the Special Events video list */

/*Styles for OMR Account list page*/

.beat-topic{margin-right:15px; width:500px; height:auto; float:left; margin-left: 15px;}

.omr-special-header {border-top: solid #000033 4px; border-bottom: #000033 solid 4px; padding:5px 10px 20px 10px; width:960px; height: 20px; float:left; margin-bottom:30px; vertical-align:middle;}

/* This style accomodates four video links */
#speceven-videos-homepage {
border-width:1px;
border-style:solid;
border-color:#006;
width:290px;
height:511px; 
}
#speceven-videos {
border-width:1px;
border-style:solid;
border-color:#006;
width:290px;
}

#speceven-vid-container {
width:290px;
overflow:hidden;
position:relative;
}
#speceven-vid-container .roller {
overflow: auto;
	}
#speceven-vid-container div ul {
margin:0;
padding:0;
position:relative;
top: 0px;
background: #fff;
}
#speceven-vid-container div ul li {
display:block;
height:94px;
width:290px;
position:relative;
border-bottom: 1px solid #ccc;
line-height:1.4em;
}
#speceven-vid-container div ul li a {
background:#fff;
color:#000;
display:block;
font-weight:normal;
text-decoration:none;
height:100%;
}
#speceven-vid-container div ul li a:hover {
background-color:#ccc;
}
#speceven-vid-container div ul li a img {
position:absolute;
top:0px;
left:0px;
cursor: pointer;
border: 0 none;
left: 0;
height:94px;
width: 120px;
background-position: -3px 0px;
background-repeat: no-repeat;
}
#speceven-vid-container div ul li a img:hover {
left: 0px;
width: 120px;

background-position: -3px 0px;
}
#speceven-vid-container div ul li a span.video-image {
background-repeat: no-repeat;
position: absolute;
top: 0px;
left: 0px;
height: 94px;
width: 122px;
}
#speceven-vid-container div ul li a span.summary {
visibility: hidden;
}
#speceven-vid-container div ul li a strong {
left:125px;
position:absolute;
top:5px;
width: 160px;
cursor: pointer;
}
/* End of styles for the Special Events video list */
/* styles for the CAF gallery */
#cafgallery
{
	margin: 0;
	padding: 5px 2px;
	border: 1px solid #c0c0c0;
	height: 285px;
	width: 190px;
	float: left;
	text-align: center;
}	
#cafgallery img
{
  display: inline;
  margin: 3px;
  border: 1px solid #666;
}
#cafgallerydesc
{
  text-align: center;
  width: 180px;
  margin: auto;
}
#cafgallerytitle
{
  text-align: center;
  font-weight: bold;
  width: 180px;
  margin: auto;
}
#cafgallerycategory
{
  text-align: center;
  font-weight: normal;
  font-style: italic;
  width: 180px;
  margin: auto;
}
/* End of styles for the CAF gallery */

#omr-disclaimer-wrapper{width:700px; margin:auto; color:#C00; margin-bottom:20px; padding:10px; border:#000 solid 1px;}

#omr-disclaimer-wrapper ul{ margin-bottom:-10px;}

.disclaimer-first{text-align:center; margin-bottom:20px;}

#advpg-innerRightContent a{background:none;}

.relatedLinks {display:none;}

/* NEW STLYES FOR 2014 TEMPLATE*/

/* Make sure that people add these classes to their site styles.*/

/* Remeber to change #homeContent to#homeinnerContent in all css declerations as forms based tier 2 hompage ttempaes call it differently now */

#homeinnerContent img {
    border: 3px solid #e0e9f0;
    clear: left;
    float: left;
    margin: 0 20px 20px 0;
}
#homeinnerContent img {
    padding-bottom: 0;
    padding-top: 0;
}

homeinnerContent h3.subsection {
    clear: both;
    color: #003f72;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.25em;
    font-weight: bold;
    text-transform: uppercase;
}
h3.subsection {
    clear: both;
    color: #003f72;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.25em;
    font-weight: bold;
    text-transform: uppercase;
}

#tier4innerContent li{
font-size: 13px; 

}
/* Text Styles */
.acenter { text-align: center; }
.aleft { text-align: left; }
.aright { text-align: right; }

.fontXlarge { font-size: 130%; }
.fontLarge { font-size: 115% }
.fontSmall { font-size: 90%; }
.fontXsmall { font-size: 80%; }

.fontBold { font-weight: bold; }
.fontItalic { font-style: italic; }
.fontSmallCaps { font-variant: small-caps; }
.fontUnderline { text-decoration: underline; }

.fontBlack { color: #000000; }
.fontDarkRed { color: #772432; }
.fontLightBlue {color: #0083be; }
.fontNavy { color: #003F72; }
.fontPrimaryRed { color: #c4262e; }
.fontSecondaryBlueGray { color:#839097; }
.fontSecondaryGreen { color:#598527; }
.fontSecondaryGold { color:#ffd457; }
.fontSecondaryLightGray { color:#dcddde; }
.fontSecondaryOlive { color:#b0b579; }
.fontSecondaryOrange { color:#f7955b; }
.fontSecondarySand { color:#dac792; }
.fontVibrant01 { color: #5261ac; }
.fontVibrant02 { color: #ffcf01; }
.fontVibrant03 { color: #fbb161; }
.fontVibrant04 { color: #0194d3; }
.fontVibrant05 { color: #a1a1a4; }
.fontVibrant06 { color: #c0ae00; }
.fontVibrant07 { color: #7ac143; }
.fontVibrant08 { color: #f78f1e; }
.fontVibrant09 { color: #00afdb; }
.fontVibrant10 { color: #fdb913; }
.fontVibrant11 { color: #e2e477; }
.fontVibrant12 { color: #e31b23; }
.fontWhite { color: #ffffff; }

/* Image Styles */
img.imgrt {
  float: right;
  border: none !important; 
  padding: 0px 0px 8px 8px; }

img.imglt {
  float: left; 
  border: none !important; 
  padding: 0px 8px 8px 0px; }


/**  List Styles  **/
ul.outside {
	list-style-position: outside;
	}

ol.spacedList li, ul.spacedList li {
	margin-bottom: 1.25em;
	}

ol.decimal {
	list-style-type: decimal;
	}

ol.decimalLeadingZero {
	list-style-type: decimal-leading-zero;
	}

ol.lowerAlpha {
	list-style-type: lower-alpha;
	}

ol.lowerRoman {
	list-style-type: lower-roman;
	}

ol.upperAlpha {
	list-style-type: upper-alpha;
	}

ol.upperRoman {
	list-style-type: upper-roman;
	}

.olist {
	list-style-position: outside;
	padding-left: 40px;
	}

ul.circle {
	list-style-type: circle;
	}

ul.disc {
	list-style-type: disc;
	}

ul.noBullet li {
	list-style-type: none;
	display: block;
	/*padding: .5em 0 0;*/
	padding: 0.15em 0;
	overflow: hidden;
	}

ul.square {
	list-style-type: square;
	}

/* ==== BUTTONS ==== */
.usa-button{
  font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  font-size:1.06471rem;
  line-height:0.93923;
  -moz-osx-font-smoothing:grayscale;
  -webkit-font-smoothing:antialiased;
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  background-color:#005ea2;
  border:0;
  border-radius:0.25rem;
  color:white;
  cursor:pointer;
  display:inline-block;
  font-weight:bold;
  margin-right:0.5rem;
  padding:0.75rem 1.25rem;
  text-align:center;
  text-decoration:none;
  width:100%;
}

.usa-button:visited{
  color:white;
}

.usa-button:hover, .usa-button.usa-button--hover{
  background-color:#1a4480;
  border-bottom:0;
  color:white;
  text-decoration:none;
}

.usa-button:active, .usa-button.usa-button--active{
  background-color:#162e51;
  color:white;
}

.usa-button:focus, .usa-button.usa-focus{
  outline-offset:0.25rem;
}

.usa-button:disabled{
  -moz-osx-font-smoothing:grayscale;
  -webkit-font-smoothing:antialiased;
  background-color:#c9c9c9;
  color:white;
  pointer-events:none;
}

.usa-button:disabled:hover, .usa-button:disabled.usa-button--hover, .usa-button:disabled:active, .usa-button:disabled.usa-button--active, .usa-button:disabled:focus, .usa-button:disabled.usa-focus{
  background-color:#c9c9c9;
  border:0;
  -webkit-box-shadow:none;
          box-shadow:none;
}

.usa-button--accent-cool{
  -moz-osx-font-smoothing:auto;
  -webkit-font-smoothing:subpixel-antialiased;
  background-color:#00bde3;
  color:#1b1b1b;
}

.usa-button--accent-cool:visited{
  color:#1b1b1b;
}

.usa-button--accent-cool:hover, .usa-button--accent-cool.usa-button--hover{
  -moz-osx-font-smoothing:grayscale;
  -webkit-font-smoothing:antialiased;
  background-color:#28a0cb;
  color:white;
}

.usa-button--accent-cool:active, .usa-button--accent-cool.usa-button--active{
  -moz-osx-font-smoothing:grayscale;
  -webkit-font-smoothing:antialiased;
  background-color:#07648d;
  color:white;
}

.usa-button--outline{
  -moz-osx-font-smoothing:auto;
  -webkit-font-smoothing:subpixel-antialiased;
  background-color:transparent;
  -webkit-box-shadow:inset 0 0 0 2px #005ea2;
          box-shadow:inset 0 0 0 2px #005ea2;
  color:#005ea2;
}

.usa-button--outline:visited{
  color:#005ea2;
}

.usa-button--outline:hover, .usa-button--outline.usa-button--hover{
  background-color:transparent;
  -webkit-box-shadow:inset 0 0 0 2px #1a4480;
          box-shadow:inset 0 0 0 2px #1a4480;
  color:#1a4480;
}

.usa-button--outline:active, .usa-button--outline.usa-button--active{
  background-color:transparent;
  -webkit-box-shadow:inset 0 0 0 2px #162e51;
          box-shadow:inset 0 0 0 2px #162e51;
  color:#162e51;
}

.usa-button--outline.usa-button--inverse{
  -webkit-box-shadow:inset 0 0 0 2px #dcdee0;
          box-shadow:inset 0 0 0 2px #dcdee0;
  color:#dcdee0;
}

.usa-button--outline.usa-button--inverse:visited{
  color:#dcdee0;
}

.usa-button--outline.usa-button--inverse:hover, .usa-button--outline.usa-button--inverse.usa-button--hover{
  -webkit-box-shadow:inset 0 0 0 2px #f0f0f0;
          box-shadow:inset 0 0 0 2px #f0f0f0;
  color:#f0f0f0;
}

.usa-button--outline.usa-button--inverse:active, .usa-button--outline.usa-button--inverse.usa-button--active{
  background-color:transparent;
  -webkit-box-shadow:inset 0 0 0 2px white;
          box-shadow:inset 0 0 0 2px white;
  color:white;
}

.usa-button--outline.usa-button--inverse.usa-button--unstyled{
  -moz-osx-font-smoothing:auto;
  -webkit-font-smoothing:subpixel-antialiased;
  color:#005ea2;
  text-decoration:underline;
  background-color:transparent;
  border:0;
  border-radius:0;
  -webkit-box-shadow:none;
          box-shadow:none;
  font-weight:normal;
  margin:0;
  padding:0;
  text-align:left;
  color:#dcdee0;
}

.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover{
  color:#1a4480;
}

.usa-button--outline.usa-button--inverse.usa-button--unstyled:active{
  color:#162e51;
}

.usa-button--outline.usa-button--inverse.usa-button--unstyled:focus{
  outline:0.25rem solid #2491ff;
  outline-offset:0;
}

.usa-button--outline.usa-button--inverse.usa-button--unstyled:visited{
  color:#562b97;
}

.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover, .usa-button--outline.usa-button--inverse.usa-button--unstyled:active{
  -moz-osx-font-smoothing:auto;
  -webkit-font-smoothing:subpixel-antialiased;
  background-color:transparent;
  -webkit-box-shadow:none;
          box-shadow:none;
  text-decoration:underline;
}

.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover, .usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover{
  color:#f0f0f0;
}

.usa-button--outline.usa-button--inverse.usa-button--unstyled:active, .usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active{
  color:white;
}

.usa-button--base{
  background-color:#71767a;
}

.usa-button--base:hover, .usa-button--base.usa-button--hover{
  background-color:#565c65;
}

.usa-button--base:active, .usa-button--base.usa-button--active{
  background-color:#3d4551;
}

.usa-button--secondary{
  background-color:#d83933;
}

.usa-button--secondary:hover, .usa-button--secondary.usa-button--hover{
  background-color:#b50909;
}

.usa-button--secondary:active, .usa-button--secondary.usa-button--active{
  background-color:#8b0a03;
}

.usa-button--big{
  border-radius:0.25rem;
  font-size:1.46397rem;
  padding:1rem 1.5rem;
}

.usa-button--disabled{
  -moz-osx-font-smoothing:grayscale;
  -webkit-font-smoothing:antialiased;
  background-color:#c9c9c9;
  color:white;
  pointer-events:none;
}

.usa-button--disabled:hover, .usa-button--disabled.usa-button--hover, .usa-button--disabled:active, .usa-button--disabled.usa-button--active, .usa-button--disabled:focus, .usa-button--disabled.usa-focus{
  background-color:#c9c9c9;
  border:0;
  -webkit-box-shadow:none;
          box-shadow:none;
}

.usa-button--outline-disabled,
.usa-button--outline-inverse-disabled,
.usa-button--outline:disabled,
.usa-button--outline-inverse:disabled,
.usa-button--outline-inverse:disabled{
  background-color:transparent;
  pointer-events:none;
}

.usa-button--outline-disabled:hover, .usa-button--outline-disabled.usa-button--hover, .usa-button--outline-disabled:active, .usa-button--outline-disabled.usa-button--active, .usa-button--outline-disabled:focus, .usa-button--outline-disabled.usa-focus,
.usa-button--outline-inverse-disabled:hover,
.usa-button--outline-inverse-disabled.usa-button--hover,
.usa-button--outline-inverse-disabled:active,
.usa-button--outline-inverse-disabled.usa-button--active,
.usa-button--outline-inverse-disabled:focus,
.usa-button--outline-inverse-disabled.usa-focus,
.usa-button--outline:disabled:hover,
.usa-button--outline:disabled.usa-button--hover,
.usa-button--outline:disabled:active,
.usa-button--outline:disabled.usa-button--active,
.usa-button--outline:disabled:focus,
.usa-button--outline:disabled.usa-focus,
.usa-button--outline-inverse:disabled:hover,
.usa-button--outline-inverse:disabled.usa-button--hover,
.usa-button--outline-inverse:disabled:active,
.usa-button--outline-inverse:disabled.usa-button--active,
.usa-button--outline-inverse:disabled:focus,
.usa-button--outline-inverse:disabled.usa-focus,
.usa-button--outline-inverse:disabled:hover,
.usa-button--outline-inverse:disabled.usa-button--hover,
.usa-button--outline-inverse:disabled:active,
.usa-button--outline-inverse:disabled.usa-button--active,
.usa-button--outline-inverse:disabled:focus,
.usa-button--outline-inverse:disabled.usa-focus{
  background-color:transparent;
  border:0;
}

.usa-button--outline-disabled,
.usa-button--outline:disabled{
  -webkit-box-shadow:inset 0 0 0 2px #c9c9c9;
          box-shadow:inset 0 0 0 2px #c9c9c9;
  color:#c9c9c9;
}

.usa-button--outline-disabled.usa-button--inverse,
.usa-button--outline:disabled.usa-button--inverse{
  background-color:transparent;
  -webkit-box-shadow:inset 0 0 0 2px #71767a;
          box-shadow:inset 0 0 0 2px #71767a;
  color:#71767a;
}

.usa-button--unstyled{
  -moz-osx-font-smoothing:auto;
  -webkit-font-smoothing:subpixel-antialiased;
  color:#005ea2;
  text-decoration:underline;
  background-color:transparent;
  border:0;
  border-radius:0;
  -webkit-box-shadow:none;
          box-shadow:none;
  font-weight:normal;
  margin:0;
  padding:0;
  text-align:left;
}

.usa-button--unstyled:hover{
  color:#1a4480;
}

.usa-button--unstyled:active{
  color:#162e51;
}

.usa-button--unstyled:focus{
  outline:0.25rem solid #2491ff;
  outline-offset:0;
}

.usa-button--unstyled:visited{
  color:#562b97;
}

.usa-button--unstyled:hover, .usa-button--unstyled:active{
  -moz-osx-font-smoothing:auto;
  -webkit-font-smoothing:subpixel-antialiased;
  background-color:transparent;
  -webkit-box-shadow:none;
          box-shadow:none;
  text-decoration:underline;
}

.usa-form .usa-button{
  margin-top:0.5rem;
}

  .usa-form .usa-button{
    margin-top:1.5rem;
  }

@media all and (min-width: 30em){
  .usa-button{
    width:auto;
  }