/*    File            : /womenvet/styles/site-styles.css
      Description     : Styles available for use across the AcquisitionLogistics INTERnet web site.    */

.acenter { text-align: center; }
.aleft { text-align: left; }
.aright { text-align: right; }

.calHolder {
    width: 82px;
    height: 94px;
    position: relative;
    margin: 20px;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    float: left;
}
.calMonth {
    width: 80px;
    height: 25px;
    border: 1px solid rgba(0,0,0,0.25);
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    box-shadow: inset 0px 1px 1px 0px rgba(255,255,255,0.4);
}
.calMonth p {
    text-align: center;
    color: white;
    font-size: 11px;
    font-weight: 600;
    text-shadow: 1px 1px 0px rgba(0,0,0,0.40);
    margin: 5px 0 0 0;
    border-bottom: 1px dashed rgba(0,0,0,0.30);
    margin: 5px 8px 0px 8px;
    padding: 0 0 1px 0;
}
.calDay {
    width: 80px;
    height: 60px;
    border: 1px solid rgba(0,0,0,0.25);
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    background: white;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(247, 247, 247, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 255, 255, 1)), color-stop(100%,rgba(247, 247, 247, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%,rgba(247, 247, 247, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%,rgba(247, 247, 247, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%,rgba(247, 247, 247, 1) 100%);
    background: linear-gradient(top, rgba(255, 255, 255, 1) 0%,rgba(247, 247, 247, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 );
    box-shadow: 0px 1px 0px 0px #fff, 0px 2px 0px 0px #ccc,0px 3px 0px 0px #fff, 0px 4px 0px 0px #ccc;
}
.calDay p {
    text-align: center;
    font-size: 36px;
    font-weight: 700;
    color: #444;
    text-shadow: 1px 1px 0px white;
    margin-top: 8px;
}
.calRed{
 	background: rgb(169,3,41);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5MDMyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzhmMDIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZDAwMTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(44%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1)));
	background: -webkit-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
	background: -o-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
	background: -ms-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
	background: linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 );
}
.calGreen {
	background: rgb(138,182,107);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhhYjY2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzOTgyMzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(138,182,107,1) 0%, rgba(57,130,53,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(138,182,107,1)), color-stop(100%,rgba(57,130,53,1)));
	background: -webkit-linear-gradient(top,  rgba(138,182,107,1) 0%,rgba(57,130,53,1) 100%);
	background: -o-linear-gradient(top,  rgba(138,182,107,1) 0%,rgba(57,130,53,1) 100%);
	background: -ms-linear-gradient(top,  rgba(138,182,107,1) 0%,rgba(57,130,53,1) 100%);
	background: linear-gradient(top,  rgba(138,182,107,1) 0%,rgba(57,130,53,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ab66b', endColorstr='#398235',GradientType=0 );
}
.calBlue {
	background: rgb(79,133,187);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRmODViYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzI0NTg4YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  rgba(79,133,187,1) 0%, rgba(36,88,140,1) 99%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(79,133,187,1)), color-stop(99%,rgba(36,88,140,1)));
	background: -webkit-linear-gradient(top,  rgba(79,133,187,1) 0%,rgba(36,88,140,1) 99%);
	background: -o-linear-gradient(top,  rgba(79,133,187,1) 0%,rgba(36,88,140,1) 99%);
	background: -ms-linear-gradient(top,  rgba(79,133,187,1) 0%,rgba(36,88,140,1) 99%);
	background: linear-gradient(top,  rgba(79,133,187,1) 0%,rgba(36,88,140,1) 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f85bb', endColorstr='#24588c',GradientType=0 );
}
.calYellow {
	background: rgb(255,203,73);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmY2I0OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGI1MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,203,73,1) 1%, rgba(248,181,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,203,73,1)), color-stop(100%,rgba(248,181,0,1)));
	background: -webkit-linear-gradient(top,  rgba(255,203,73,1) 1%,rgba(248,181,0,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,203,73,1) 1%,rgba(248,181,0,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,203,73,1) 1%,rgba(248,181,0,1) 100%);
	background: linear-gradient(top,  rgba(255,203,73,1) 1%,rgba(248,181,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcb49', endColorstr='#f8b500',GradientType=0 );
}
​

.centered {
	text-align: center; color:#112e51; }

.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; }

/* 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; }
  
img.responsive {
  max-width: 100%; }

img.borderNone {
  border: none !important;
  padding: 0px !important; }

/*** COLUMN STYLES ***/
/*These help organize pages and content boxes and also prevent having to use the width attribute in divs*/

/*Use this to wrap columns when columns are used*/
.columnWrap {
  overflow: hidden;
  width: auto; }

/*Use this if you have a two-column content area*/
.twoColumnWrap {
  background: none repeat scroll 0 0 transparent;
  margin: 0;
  min-width: 8em;
  overflow: auto;
  padding: 0;
  position: relative;
  width: auto; }

/*columns are sized by %, numbers indicate what percent*/
/*"l" is for left-floating columns, "r" for right*/
.c20l, .c23l, .c25l, .c29l, .c33l, .c35l, .c38l, .c40l, .c45l, .c48l, .c50l, .c55l, .c60l, .c62l, .c65l, .c66l, .c75l, .c77l, .c80l { float: left; }

.c20r, .c23r, .c25r, .c29r, .c33r, .c35r, .c38r, .c40r, .c45r, .c48r, .c50r, .c55r, .c60r, .c62r, .c65r, .c66r, .c75r, .c77r, .c80r { float: right; margin-left: -5px; }

.c20l, .c20r { width: 20%; }
.c23l, .c23r { width: 23%; }
.c25l, .c25r { width: 25%; }
.c29l, .c29r { width: 29%; }
.c33l, .c33r { width: 33.333%; }
.c35l, .c35r { width: 35%; }
.c38l, .c38r { width: 38%; }
.c40l, .c40r { width: 40%; }
.c45l, .c45r { width: 45%; }
.c48l, .c48r { width: 48%; }
.c50l, .c50r { width: 50%; }
.c55l, .c55r { width: 55%; }
.c60l, .c60r { width: 60%; }
.c62l, .c62r { width: 62%; }
.c65l, .c65r { width: 65%; }
.c66l, .c66r { width: 66.666%; }
.c75l, .c75r { width: 75%; }
.c77l, .c77r { width: 77%; }
.c80l, .c80r { width: 80%; }

/*mandatory: use this inside of ALL columns to create padding, otherwise*/
/*columns will stretch in certain browsers*/

.grey_box {
  clear: both;
  margin: 0 0 25px 0;
  border: 1px solid #c1c1c1;
  background: #f8f8f8;
  padding: 20px;
  -webkit-box-shadow: inset 0px 0px 25px 0px rgba(0, 0, 0, .1);
  -moz-box-shadow: inset 0px 0px 25px 0px rgba(0, 0, 0, .1);
  box-shadow: inset 0px 0px 25px 0px rgba(0, 0, 0, .1); }

.grey_box h2 {
  margin: -5px 0 3px 0;
  font-size: 1.8em;
  padding: 0;
  text-align: left; }
 
.grey_box h3 {
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 1.6em; }

.grey_box h4 {
  margin: 0;
  padding: 0;
  font-size: 1.2em;
  text-align: left; }

.grey_box ul {
  margin-top: 8px;
  padding-top: 0;
  padding-bottom: 0;
  margin-left: 35px; }

.grey_box ul li {
  margin-top: 3px;
  list-style: circle outside;
  padding-left: 5px; }

.inner { padding: 5px; overflow: hidden; }

.lightbox {
	/** Hide the lightbox */
	display: none;
	/** Apply basic lightbox styling */
	position: fixed;
	z-index: 9999;
	width: 95%;
	height: 100%;
	top: 0;
	left: 0;
	color:#333333; }

.lightbox:target {
    /** Show lightbox when it is target */
    display: block;
    outline: none; }

.lightbox .box {
  	width: -webkit-min-content;
  	width: -moz-min-content;
  	width: min-content;
	min-width:300px;
 	margin: 2% auto;
	padding:20px;
	background-color:#FFF;
	box-shadow: 0px 1px 26px -3px #777777; }

.lightbox .title {
	margin:0;
	padding:0 0 10px 0px;
	border-bottom:1px #ccc solid;
	font-size:22px; }

.lightbox .content {
	display:block;
	padding:10px 0 0 0px;
	font-size:18px;
	line-height:22px; }

.lightbox .close {
	float:right;
	display:block;
	text-decoration:none;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:22px;
	color:#858585; }

/* ----- Max Widths ----- */
.mw300 { max-width: 300px; }
  
p.more a {
  border-top: none;
  display: block;
  background: transparent url(/womenvet/images/iconMore.png) right center no-repeat;
  text-align:right;
  font-weight: bold;
  padding-right: 10px; }

p.moreLeft a {
  border-top: none;
  background: transparent url(/womenvet/images/iconMore.png) right center no-repeat;
  text-align:left;
  font-weight: bold;
  padding-right: 10px; }

ul.outside {
	list-style-position: outside;
	}

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

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.borderList li {
  list-style-type: none;
  border-top: 1px dotted #ccc;
  display: block;
  /*padding: .5em 0 0;*/
  padding: 0.25em 0;
  overflow: hidden; }

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;
	}

ul.borderList li {
  list-style-type: none;
  border-top: 1px dotted #ccc;
  display: block;
  margin-left: -30px !important;
  padding: 0.25em 0;
  overflow: hidden; }

.nowrap {
	white-space: nowrap;
	}

table.tblNoBorder {
  border: none; }

table.tblNoBorder caption {
  margin: 0;
  padding: 8px 20px;
  font-size: 16px;
  text-align:left; }

table.tblNoBorder td {
  margin:0;
  padding: 1px 5px; }

table.tblNoBorder thead {
  margin: 0;
  padding: 8px 6px;
  font-weight: bold; }

table.tblNoBorder th {
  color: #000000;
  background: none;
  text-align: center; }

table.tblNoBorder td.vertTop {
  vertical-align: top; }

table.tblNoBorder td.vertMid {
  vertical-align: middle; }

table.tblNoBorder td.vertBtm {
  vertical-align: bottom; }

table.tblStandard {
  border: 1px solid #000; }

table.tblStandard caption {
  margin: 0;
  padding: 8px 20px;
  font-size: 16px;
  text-align:left;
  border: 1px solid #cccccc; }

table.tblStandard td {
  margin:0;
  padding: 5px 5px;
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc; }

table.tblStandard thead {
  margin: 0;
  padding: 8px 6px;
  font-weight: bold; }

table.tblStandard th {
  color: #000000;
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  background: none;
  background-color: #f5f5f5;
  text-align: center; }

table.tblStandard td.vertTop {
  vertical-align: top; }

table.tblStandard td.vertMid {
  vertical-align: middle; }

table.tblStandard td.vertBtm {
  vertical-align: bottom; }

table tr.ltblue {
  background: #e1ecf8; }

table tr.ltgrey {
  background: #f5f5f5; }

/*** A-Z LIST STYLES - ACRONYMS PAGE ***/
#abcNav { 
  margin: 0 0 10px; }

#abcNav ul {
  margin: 0;
  padding: 0; 
  border-left: 1px solid silver;
  overflow: hidden; }

#abcNav ul li {
  list-style-type: none;
  float: left; }

#abcNav ul a {
  font-size: 0.9em; 
  display: block;
  padding: 2px 6px; 
  border: 1px solid silver; 
  border-left: none; 
  text-decoration: none; }

#abcNav ul a:hover {
  background-color: #eaeaea; }

#abcNav ul li.active {
  background-color: #eaeaea; }

#abcNav ul li.disabled { 
  color: #ccc;
  font-size: 0.9em; 
  float: left; 
  padding: 2px 6px; 
  border: 1px solid silver; 
  border-left: none; }

.listCheckmark {
  margin-left: 22px;
  padding: 5px 0px 5px 0px;
  line-height: 140%;
  list-style-image: url('../images/bulletCheckmark.png'); }

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

.fontDarkRed { color: #772432; }
.fontLtBlue { color: #0083be; }
.fontNavy { color: #003F72; }
.fontPrimaryRed { color: #c4262e; }
.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; }
.fontColorSmall {color: #525252 !important; }

.floatLeft {
  float:left; }

.floatRight {
  float:right; }

/*** LIGHTBOX STYLES ***/
#gallery {
	width:480px;
	background-color: #fff !important;
	margin:15px auto; }

#gallery a {
	text-decoration:none; }

#gallery .item {
	/*width: 200px; height: 200px; overflow: hidden;*/
	max-width:100%;
	float: left;
	border: 2px solid #333;
	margin: 5px; }


#gallery .item a { 
    overflow: hidden; }

#gallery .item a img {
	height: 100%; 
	align-self: center; }

.lightbox {
	/** Hide the lightbox */
	display: none; 
	/** Apply basic lightbox styling */
	position: fixed;
	z-index: 9999;
	max-width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	color:#333333;
	}

.lightbox:target {
    /** Show lightbox when it is target */
    display: block;
    outline: none; }

.lightbox .box {
  	width: -webkit-min-content;
  	width: -moz-min-content;
  	width: min-content;
	min-width:500px;
 	margin: 2% auto;
	padding:10px 20px 10px 20px;
	background-color:#FFF;
	box-shadow: 0px 1px 26px -3px #777777; }

.lightbox .title {
	margin:0;
	padding:0 0 10px 0px;
	border-bottom:1px #ccc solid;
	font-size:22px; }

.lightbox .content {
	display:block;
	position:relative; }
	

.lightbox .content .desc {
	z-index:99;
	bottom:0;
	position:absolute;
	padding:10px;
	margin:0 0 4px 0;
	background:rgba(0,0,0,0.8);
	color:#fff;
	font-size:17px;
	opacity:0;
	transition: opacity ease-in-out 0.5s; }	
	
.lightbox .content:hover .desc	{
	opacity:1; }

.lightbox .next, .lightbox .prev, .lightbox .close {
	display:block;
	text-decoration:none;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:22px;
	color:#858585; }

.lightbox .prev {
	float:left; }

.lightbox .next, .lightbox .close {
	float:right; }
	
.lightbox .clear {
	display:block;
	clear:both; }  
  
  
/*** OLD STYLES ***/
  
#frame-div {
  PADDING: 0; 
  MARGIN: auto; 
  WIDTH: 976px; }

#background-div {
  BACKGROUND: #e1c274; 
  MARGIN-BOTTOM: 5px; 
  WIDTH: 100%; 
  HEIGHT: 10px; }

#left-div {
  FLOAT: left; 
  WIDTH: 710px; } 

#background-div-two {
  BACKGROUND: #bb8234; 
  WIDTH: 710px; 
  HEIGHT: 230px; }

#feature-box-div {
  PADDING-RIGHT: 10px;
  PADDING-LEFT: 10px;
  FONT-SIZE: 11pt;
  PADDING-BOTTOM: 0px;
  WIDTH: 690px;
  COLOR: #57585a;
  PADDING-TOP: 0px;
  HEIGHT: 320px; }

#section-style-div {
  MARGIN: 0; 
  COLOR: #020262; }

#title-style-div {
  MARGIN: 5px 0px 15px; 
  COLOR: #020262; }

#connect-hed-div {
  BACKGROUND: #020262;
  WIDTH: 705px;
  COLOR: #fff;
  HEIGHT: 20px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 5px; }

#soc-media-div {
  WIDTH: 710px;
  HEIGHT: 60px;
  padding: 0; }

#logo-div {
  FLOAT: left; 
  MARGIN-LEFT: 6px; 
  OVERFLOW: hidden; 
  WIDTH: 260px }

#logo-background-div {
  BACKGROUND: #020262; 
  WIDTH: 260px; 
  HEIGHT: 230px; 
  TEXT-ALIGN: center } 

#quick-links-div {
  PADDING-RIGHT: 5px;
  MARGIN-TOP: 5px;
  PADDING-LEFT: 10px;
  BACKGROUND: #bb8234;
  PADDING-BOTTOM: 0px;
  WIDTH: 250px;
  COLOR: #fff;
  PADDING-TOP: 0;
  HEIGHT: 20px; }

#links-div {
  FONT-SIZE: 10pt;
  BACKGROUND: #e3ccad;
  WIDTH: 240px;
  COLOR: #020262;
  LINE-HEIGHT: 17pt;
  HEIGHT: 355px;
  padding-right: 5px;
  padding-left: 15px; }


.setbox {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
	max-width: 480px;
	}

.setbox-header {
	border-radius: 5px 5px 0px 0px;
	background-color: #003f72;
	color: #fff;
	font-size: 1.3em;
	font-weight: bold;
	padding: 5px 5px 5px 8px;
	}
	
.setbox-header-ltblue {
	border-radius: 5px 5px 0px 0px;
	background-color: #005e8a;
	color: #fff;
	font-size: 1.3em;
	font-weight: bold;
	padding: 5px 5px 5px 8px;
	}
	
.setbox-header-red {
	border-radius: 5px 5px 0px 0px;
	background-color: #ab2128;
	color: #fff;
	font-size: 1.3em;
	font-weight: bold;
	padding: 5px 5px 5px 8px;
	}
	
.setbox-header-dkred {
	border-radius: 5px 5px 0px 0px;
	background-color: #772432;
	color: #fff;
	font-size: 1.3em;
	font-weight: bold;
	padding: 5px 5px 5px 8px;
	}
	
.setbox-header-gold {
	border-radius: 5px 5px 0px 0px;
	background-color: #f3cf45;
	color: #000;
	font-size: 1.3em;
	font-weight: bold;
	padding: 5px 5px 5px 8px;
	}
	
.setbox-header-olive {
	border-radius: 5px 5px 0px 0px;
	background-color: #afc76c;
	color: #000;
	font-size: 1.3em;
	font-weight: bold;
	padding: 5px 5px 5px 8px;
	}
	
.setbox-header-sand {
	border-radius: 5px 5px 0px 0px;
	background-color: #cccc99;
	color: #000;
	font-size: 1.3em;
	font-weight: bold;
	padding: 5px 5px 5px 8px;
	}
	
.setbox-header-ltgray {
	border-radius: 5px 5px 0px 0px;
	background-color: #dcddde;
	color: #000;
	font-size: 1.3em;
	font-weight: bold;
	padding: 5px 5px 5px 8px;
	}
	
.setbox-header-purple {
	border-radius: 5px 5px 0px 0px;
	background-color: #b6b6db;
	color: #000;
	font-size: 1.3em;
	font-weight: bold;
	padding: 5px 5px 5px 8px;
	}
	
.setbox-dater {
	font-size: .9em;
	color: #4f595f;
	}
	
.setbox-container {
	width: 100%;
	max-width: 480px;
	margin: 0px auto;
	margin-bottom: 20px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #becde4;
	border-right-color: #becde4;
	border-bottom-color: #becde4;
	border-left-color: #becde4;
	border-radius: 0px 0px 5px 5px;
	}

.setbox-scroll {
	overflow: auto;
	height: 200px;
	}

/* used for the headers in the What's New Column Past/Present/Future block.  Background color is controlled at the page level. */
.setbox h1 {
	color: #fff;
	margin: 0px;
	padding: 5px;
	text-align: left;
	font-size: 1.4em;
	}

/* used for the headers in the What's New Coulmn */
.setbox h2 {
	color: #000;
	margin: 0px;
	padding: 5px;
	text-align: left;
	font-size: 1.3em;
	border-bottom: 1px solid #becde4;
	}

/* sub-headers in the What's New column */
.setbox h3 {
	color: #000;
	margin: 2px;
	padding: 5px;
	text-align: left;
	font-size: 1.2em;
	}

.setbox p {
	color: #000;
	margin: 5px 5px 5px 15px;
	padding: 6px 3px 6px 3px;
	text-align: left;
	font-size: 1.1em;
	}

.setbox p.lined {
	color: #000;
	margin: 5px 5px 5px 15px;
	padding: 6px 3px 6px 3px;
	text-align: left;
	font-size: 1.1em;
	border-bottom: 1px solid #becde4;
	}

.setbox a {
	text-decoration: none;
	}

.setbox a:hover {
	text-decoration: underline;
	}

/* ==== BUTTONS ==== */
.button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 8px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
}

.button0 {
  background-color: #ffffff ; 
  color: #1a4480; 
  border: 2px solid #337ab7;
  border-radius: 8px;
  font-size: 1.25em;
  width: 50%;
  height: 40px;
}

.button1 {
  background-color: #1a4480 ; 
  color: #ffffff; 
  border: 2px solid #0e2640;
  border-radius: 8px;
  font-size: 1.25em;
  width: 50%;
  height: 40px;
}

.button1:hover {
  background-color: #ffffff;
  color: #0e2640;
}

.button2 {
  background-color: #1a4480 ; 
  color: #ffffff; 
  border: 2px solid #0e2640;
  border-radius: 8px;
  font-size: 1.25em;
  width: 50%;
  height: 35px;
}

.button2:hover {
  background-color: #ffffff;
  color: #0e2640;
}

#siteBreadCrumbPath {
font-size: .9em;
color: #2e2e2e;
font-weight: 600;
margin-top: 5px;
margin-bottom: 15px;
font-family: Arial, Helvetica, sans-serif;
}
#siteBreadCrumbPath a{ color:#2e2e2e}
#siteBreadCrumbPath a:hover, #siteBreadCrumbPath a:focus{color:#2e2e2e}

.headerNavy {
  background-color: #003f72;
  color: #ffffff !important;
  padding: 5px 5px 5px 8px;
  border-radius: 5px;
}

.headerLtGrey {
  background-color: #f5f5f5 !important;
  padding: 8px;
  border-radius: 5px;
}