/*  	CSS LAYOUT:
	01 - Global Attributes and Classes
	02 - Page Header
	03 - Breadcrumb
	04 - Page Structure
	05 - Side Menu
	06 - Asides
	07 - Page Footer
	08 - Bbe Footer
	09 - Content Specific Definitions
	10 - Media Declarations
*/

/* ============   GLOBAL ATTRIBUTES AND CLASSES   ==================*/

* {
	margin: 0;
	padding: 0;
	border: 0px none;
	font: 16px Arial, Helvetica, Tahoma, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	line-height: 1.2em;
	background: transparent;
	box-sizing: border-box;}

div {line-height: 0;}

h1 {
	line-height: 1.2em;
	font-size: 1.6rem;
	color: #1F1C52;
	font-weight: bold;
	margin: 1em 0 1.5em 0;}

h2 {
	clear: both;
	line-height: 1.2em;
	font-size: 1.2rem;
	color: #1F1C52;
	font-weight: bold;
	margin: 1.3em 0 .5em 0;
	padding-bottom: .1em;
	border-bottom: 2px solid #c3922e;}

h2 a:link {
	font-weight: inherit;
	font-size: 1.15rem;}

h3 {
	line-height: 1.2em;
	font-size: 1.1rem;
	color: #1F1C52;
	font-weight: bold;
	margin: 1em 0 .5em 0;
	padding-bottom: .1em;}

h4 {
	line-height: 1.2em;
	font-size: 1rem;
	color: #000000;
	font-weight: bold;
	font-style: italic;
	margin: 1em 0;}

blockquote {
	margin: 1em 0 1em 2em;}

strong {
	color: inherit;
	font-size: inherit;
	font-weight: bold;}

em {
	font-style: italic;}

hr {
	display: block;
	background-color: #b3821e;
	height: .25em;
	margin: 2em 0;}

p {
	text-align: left;
	margin: 1em 0;
	line-height: 1.5em;}

p.addr {
	font-style: italic;
	line-height: 1.2em;}

p.single {
	line-height: 1.2em;}

p.note {
	font-weight: bold;
	padding-left: 6em;
	text-indent: -3.4em;}

p.topofpage {
	border-top: 1px solid #3F4C82;
	border-bottom: 1px solid #3F4C82;
	margin: 0;
	padding: 0;
	text-align: center;}

p.modified {
	margin: 0 0 2em 0;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;}

p.draft {
	font-size: 3.5rem;
	background: #cccccc;
	font-weight: bold;
	color: black;
	margin: 0;
	padding: 0;
	text-align: center;}

.bolditalic {
	font-style: italic;
	font-weight: bold;}

ul, ol {
	margin: 1em 0 1em 2em;}

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

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

li {
	margin: 0 0 0.3em 0;}

li.wide {
	margin: 1em 0 1em 0;}

ul.wide li {
	margin: 1em 0 1em 0;}

ol.wide li {
	margin: 1em 0 1em 0;}

#widelist li {
	margin: 1em 0 1em 0;}

dl {
	margin: 1em 0;}

dt {
	font-weight: bold;
	font-size: 1.1rem;}

dd {
	margin: 0.4em 0 1.8em 2em;
	line-height: 1.2em;}

a:link {
	padding: 0.05em 0;
	color: #1F1C99;
	text-decoration: underline;}

a:visited {
	color: #1F1C99;
	text-decoration: underline;}

a:hover {
	color: #ffffff;
	background-color: #1F1C99;
	text-decoration: none;}

a:active {
	color: #ffffff;
	background: #990000;
	text-decoration: none;}

.largelink {
	font-weight: bold;
	font-size: 1.4rem;}

a.image:link {
	padding: 0;
	color:#000000;}

a.image:visited {
	padding: 0;
	color:#000000;}

a.image:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	padding: 0;
	color: #000000;
	background-color: transparent;}

table {
	width: 99%;
	margin-left: 0.1em;
	margin-right: auto;
	margin-bottom: 1.5em;
	border: 2px solid #555555;
	border-spacing: 0;
	border-collapse: collapse;
	background-color: #f3f3f3;}
caption {
	caption-side: top;
	color: #ffffff;
	font-size: 1.1rem;
	padding: 5px 0 5px 0;
	background-color: #1F1C52;
	border-top: 2px solid #555555;
	border-left: 2px solid #555555;
	border-right: 2px solid #555555;
	border-bottom: 0;
	font-weight: bold;}
th {
	text-align: left;
	font-weight: bold;
	background-color: #d0d0d0;
	border-top: 1px solid #888888;
	border-bottom: 1px solid #555555;
	border-left: 1px solid #888888;
	padding: 6px 6px 6px 6px;}
td {
	border: 1px solid #888888;
	background: transparent;
	padding: 8px;
	color: #000000;
	vertical-align: top;}

.hidden {display: none;}

.clr {
	clear: both;
	height: 0;
	border: none;
	margin: 0;
	padding: 0;
	background-color: transparent;}

.clr-both {clear: both;}

.center {text-align: center;}

.spn {	lang="es";}
.eng {lang="en";}

/* ============= GRAPHICS ======================= */
/*
.pagewidth {
	-webkit-box-shadow: 4px 4px 12px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 4px 4px 12px -2px rgba(0,0,0,0.75);
	box-shadow: 4px 4px 12px -2px rgba(0,0,0,0.75);
	padding: 2px;
	border: 2px solid #000000;
	max-width: 100%;
	width: 97%;}

.pagewidthnobox {
	margin: 0;
	padding: 0;
	border: 0;
	max-width: 100%;
	width: 100%;}

.pagewidthmain {
	margin: 2em;
	padding: 0;
	border: 0;}

.leftnobox {
	float: left;
	margin: .25em .9em .5em 0em;
	box-shadow: none;
	border: 0px;}

.rightnobox {
	display: block;
	float: right;
	margin: .36em .4em 0em 1em;
	max-width: 100%;}

/* ============= NEW GRAPHICS ======================= */

.figure-left {
	display: block;
    float: left;
    margin: .36em 1em 0em 0em;
    padding: 2px;
    border: 2px solid #000000;
    box-shadow: 4px 4px 12px -2px rgba(0,0,0,0.75);
    max-width: 100%;}

.figure-left-nobox {
	display: block;
    float: left;
    margin: .36em 1em 0em 0em;
    padding: 0;
    border: 2px solid #000000;
    box-shadow: none;
    max-width: 100%;}

.figure-right {
	display: block;
    float: right;
    margin: .36em .4em 0em 1em;
    padding: 2px;
    border: 2px solid #000000;
    box-shadow: 4px 4px 12px -2px rgba(0,0,0,0.75);
    max-width: 100%;}

.figure-right-nobox {
	display: block;
    float: right;
    margin: .36em .4em 0em 1em;
    padding: 0;
    border: 2px solid #000000;
    box-shadow: none;
    max-width: 100%;}

.figure-full {
    display: block;
    width: 99%;
    margin: 1.45em 0;
    padding: 2px;
    border: 2px solid #000000;
    box-shadow: 4px 4px 12px -2px rgba(0,0,0,0.75);
    max-width: 100%;}

.figure-full-nobox {
    display: block;
    width: 99%;
    margin: 1.45em 0;
    padding: 0;
    border: 2px solid #000000;
    box-shadow: none;
    max-width: 100%;}

.img-left {
	display: block;
    float: left;
    margin: .36em 1em 0em 0em;
    padding: 2px;
    border: 2px solid #000000;
    box-shadow: 4px 4px 12px -2px rgba(0,0,0,0.75);
    max-width: 100%;}

.img-left-nobox {
	display: block;
    float: left;
    margin: .36em 1em 0em 0em;
    padding: 0;
    border: 0;
    box-shadow: none;
    max-width: 100%;}

.img-right {
	display: block;
    float: right;
    margin: .36em .4em 0em 1em;
    padding: 2px;
    border: 2px solid #000000;
    box-shadow: 4px 4px 12px -2px rgba(0,0,0,0.75);
    max-width: 100%;}

.img-right-nobox {
	display: block;
    float: right;
    margin: .36em .4em 0em 1em;
    padding: 0;
    border: 0;
    box-shadow: none;
    max-width: 100%;}

.img-full {
    display: block;
    width: 99%;
    margin: 1.45em 0;
    padding: 2px;
    border: 2px solid #000000;
    box-shadow: 4px 4px 12px -2px rgba(0,0,0,0.75);
    max-width: 100%;}

.img-full-nobox {
    display: block;
    width: 99%;
    margin: 1.45em 0;
    padding: 0;
    border: 0;
    box-shadow: none;
    max-width: 100%;}
*/
/* ------------------------------------------------------- Ultimate Display Settings */

.w20 {width: 20%;}
.w25 {width: 25%;}
.w30 {width: 30%;}
.w35 {width: 35%;}
.w40 {width: 40%;}
.w45 {width: 45%;}
.w50 {width: 50%;}
.w55 {width: 55%;}
.w60 {width: 60%;}
.w65 {width: 65%;}
.w70 {width: 70%;}
.w75 {width: 75%;}
.w80 {width: 80%;}
.w85 {width: 85%;}
.w90 {width: 90%;}
.w95 {width: 95%;}

.imgcntr {
	display: block;
	float: none;
	margin: 1.7em auto 1.5em auto;}

figure {
	display: block;
    background: #e2e1d8;
    margin: 0;
    padding: 0;}
figure img {
    width: 100%;}
figcaption {
	caption-side: bottom;
	padding: .15em .2em;
	text-align: center;
	font-size: .85rem;
	font-weight: 600;
	font-style: italic;}

.left {
	display: block;
	float: left;
	margin: .36em 1em 0em 0em;
	padding: 2px;
	border: 2px solid #000000;
	box-shadow: 4px 4px 12px -2px rgba(0,0,0,0.75);
	max-width: 100%;}

.right {
	display: block;
	float: right;
	margin: .36em .4em 0em 1em;
	padding: 2px;
	border: 2px solid #000000;
	box-shadow: 4px 4px 12px -2px rgba(0,0,0,0.75);
	max-width: 100%;}

.full {
	display: block;
	width: 99%;
	margin: 1.5em 0;
	padding: 2px;
	border: 2px solid #000000;
	box-shadow: 4px 4px 12px -2px rgba(0,0,0,0.75);
	max-width: 100%;}

.left-full {
	display: block;
	float: left;
	margin: 1.5em 1em 1.5em 0em;
	padding: 2px;
	border: 2px solid #000000;
	box-shadow: 4px 4px 12px -2px rgba(0,0,0,0.75);
	max-width: 100%;}

.fig-nobox {
	padding: 0;
	box-shadow: none;}

.img-nobox {
	padding: 0;
	border: 0;
	box-shadow: none;}

.nowrap {
	float: none;}

.adj {margin-bottom: 2.4em;}

.adj-top {margin-top: 1.8em;}
.adj-bot {margin-bottom: 2.2em;}

/* ----- Special Graphics --------- */

.collageframe {
	float: right;
	width: 55%;
	max-width: 96%;
	margin: 1em .9em 1em 1em;
	-webkit-box-shadow: 4px 4px 12px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 4px 4px 12px -2px rgba(0,0,0,0.75);
	box-shadow: 4px 4px 12px -2px rgba(0,0,0,0.75);
	padding: 2px;
	border: 2px solid #000000;}

.collageframe2 {
	float: right;
	width: 40%;
	max-width: 40%;
	margin: 1em .9em 1em 1em;
	-webkit-box-shadow: 4px 4px 12px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 4px 4px 12px -2px rgba(0,0,0,0.75);
	box-shadow: 4px 4px 12px -2px rgba(0,0,0,0.75);
	padding: 2px;
	border: 2px solid #000000;}

.collageimg {
	float: left;
	margin: 0;
	padding: 0;
	box-shadow: none;
	border: 0;}

/* ============   PAGE STRUCTURE   =================================*/

header, footer, nav, section, div {
	display: block;}

body {
	max-width: 1440px;
	margin: 0 auto;
	background: #f5f4ed;}

/* ============   PAGE HEADER   =====================================*/

.header-flex-container {
	background: #ebe8dd;
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;}

#header-left {
	width: 40%;}

#header-left img {
	box-shadow: none;
	border: none;
	padding: 0;
	width: 100%;
	margin: 8px 0px 5px 8px;}

#header-right {width: 60%;}

#search {
	vertical-align: bottom;
  	float: right;
	position: relative; 
	margin: 0.4em 0.75em 0 0;
	padding: 0;}

#header-right label {
	line-height: 1.65em;
	margin: 0;
	color: #1F1C52;
	font-size: .9rem; 
	font-weight: bold;}

#header-right input {
	background-color: #f0f0f0;
	font-size: .9rem; 
	vertical-align: bottom;
	padding: .15em .2em;
	margin: 0 0 0 .3em;
	border: 1px solid #888888;}

#inputField {
	width: 10.75rem;}

#header-right Button, #btnG.MyButton {
	margin: 0 0 0 1em;
	padding: 0.14em .6em 0.14em 0.6em;
	font-size: .9rem; 
	float: right;
	border: 1px solid black;
	background: #dddddd;
	background: -webkit-linear-gradient(top, #e1e0d7, #a7a69d);
	background: -moz-linear-gradient(top, #e1e0d7, #a7a69d);
	background: -ms-linear-gradient(top, #e1e0d7, #a7a69d);
	background: -o-linear-gradient(top, #e1e0d7, #a7a69d);
	background: linear-gradient(top, #e1e0d7, #a7a69d);
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
	-ms-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
	-o-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
	color: #000000;
	text-decoration: none;
	vertical-align: bottom;}

#header-right Button:hover, #btnG.MyButton:hover {
	background: -webkit-linear-gradient(top, #87867d, #e1e0d7);
	background: -moz-linear-gradient(top, #87867d, #e1e0d7);
	background: -ms-linear-gradient(top, #87867d, #e1e0d7);
	background: -o-linear-gradient(top, #87867d, #e1e0d7);
	background: linear-gradient(top, #87867d, #e1e0d7);
}

#header-right Button:active, #btnG.MyButton:active {
	-webkit-box-shadow: inset 2px 2px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 2px 2px 5px 0px rgba(0,0,0,0.75);
	-ms-box-shadow: inset 2px 2px 5px 0px rgba(0,0,0,0.75);
	-o-box-shadow: inset 2px 2px 5px 0px rgba(0,0,0,0.75);
	box-shadow: inset 2px 2px 5px 0px rgba(0,0,0,0.75);
}


#top-menu {
	margin: 1em 0 0.2em 0.8em;
	float: right;}

#top-menu ul {
	list-style: none;
	margin: 0;
  	float: right;
	position: relative;
	width: 100%;}

#top-menu li {
	float: left;
	margin: 0;
	padding: 0;
	border-left: 1px solid #888888;
	position: relative; }

#top-menu a:link {
	display: block;
	padding: .1em .71em;
	color: #1F1C52;
	text-decoration: none;
	font-size: .9rem; 
	font-weight: bold;}

#top-menu a:visited {
	color: #1F1C52;
	background: #ffffff;}

#top-menu a:hover {
	color: #ffffff;
	background: #1F1C52;}

#top-menu a:active {
	color: #ffffff;
	background: #990000;}

/* ============   BREADCRUMB   =====================================*/

#breadcrumb {
	clear: both;
	border-top: 2px solid #000000;
	width: 100%;
	padding: 0;
	background: linear-gradient(to bottom, #1F1C52 2%, #3668B2);}

#breadcrumb p {
	font-size: .95rem;
	color: #ffffff;
	margin: 0 0 0 .7em;}

#breadcrumb a:link {
	color: #ffffff;
	background: transparent;
	text-decoration: none;
	font-size: .95rem;
	font-weight: bold;}

#breadcrumb a:visited {
	background: transparent;
	text-decoration: none;
	color: #ffffff;}

#breadcrumb a:hover {
	background: transparent;
	color: #ffffff;
	text-decoration: underline;}

#breadcrumb a:active {
	background: transparent;
	color: #ff0000;}

/* ============ MOBILE MENU ===================== */

#menu-open {
	display: none;
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 0;
	text-align: center;
	width: 100%;
	border-top: 1px solid #444444;
	border-bottom: 1px solid #444444;
	background: #ebe8dd;
	overflow: hidden;
	padding: 0.5em 0 0.25em 0.25em;
	margin: 0 auto;}

#menu-open ul {
	text-align: center;
	list-style: none;
	margin: 0;}

#menu-open ul li {
	line-height: 0.5rem;
	font-size: .7rem;
	display: inline-block;
	margin: 0;
	padding: 0 1.5em;}

#menu-close {
	display: none;
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 0;
	text-align: center;
	width: 100%;
	border-top: 1px solid #444444;
	border-bottom: 1px solid #444444;
	background: #ebe8dd;
	overflow: hidden;
	padding: 0.5em 0 0.25em 0.25em;
	margin: 0;}

#menu-close ul {
	list-style: none;
	margin: 0;}

#menu-close ul li {
	line-height: 0.5rem;
	font-size: .7rem;
	display: inline-block;
	margin: 0;
	padding: 0 1.5em;}

#menu-open span, #menu-close span {
	line-height: 0.5rem;
	font-size: .7rem;}

#menu-open a:link, #menu-close a:link {
	background: transparent;}


/* ============ PAGE MIDDLE ===================== */

.page-flex-container {
	background: transparent;
	width: 100%;
	display: flex;
	flex-direction: row;}

#side-menu {
	border-right: 1px solid #888888;
	background: #ebe8dd;
	font-size: .95rem;
	width: 23%;
	overflow: hidden;
	padding: 0;
	margin: 0;}

#menuname {
	border: 0;
	color: #1F1C52;
	margin: .87em 0.2em 1em 0.3em;
	font-size: 1.6rem;
	font-weight: bold;}

#submenuname {
	border: 0;
	color: #1F1C52;
	margin: 1.2em 0 0.6em 0.32em;
	font-size: 1.3rem;
	font-weight: bold;}

#side-menu ul {
	background: transparent;
	border-top: 1px solid #888888;
	list-style-type: none;
	text-align: left;
	margin: 0;
	padding: 0;}

#side-menu li {
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #888888;}

#side-menu li a:link {
	display: block;
	font-weight: bold;
	font-size: .95rem;
	text-decoration: none;
	color: #1F1C52;
	padding: .3em 0 .3em .5em;
	margin: 0;}

#side-menu li a:visited {
	color: #1F1C52;}

#side-menu li a:hover {
	color: #ffffff;
	background-color: #1F1C52;
	text-decoration: none;}

#side-menu li a:active {
	color: #ffffff;
	background: #990000;}

body.menu01 li.menu01,
body.menu02 li.menu02,
body.menu03 li.menu03,
body.menu04 li.menu04,
body.menu05 li.menu05,
body.menu06 li.menu06,
body.menu07 li.menu07,
body.menu08 li.menu08,
body.menu09 li.menu09,
body.menu10 li.menu10,
body.menu11 li.menu11,
body.menu12 li.menu12,
body.menu13 li.menu13,
body.menu14 li.menu14,
body.menu15 li.menu15,
body.menu16 li.menu16,
body.menu17 li.menu17,
body.menu18 li.menu18,
body.menu19 li.menu19,
body.menu20 li.menu20,
body.menu21 li.menu21,
body.menu22 li.menu22,
body.menu23 li.menu23,
body.menu24 li.menu24,
body.menu25 li.menu25,
body.menu26 li.menu26 {
	color: #ffffff;
	background-color: #c5c4bb;}

#content {
	margin: 0;
	width: 77%;
	padding: 0em 0.5em 1.5em 1.5em;
	overflow: hidden;}

#totop {
	background: #eeeeee;
	margin: 1.5em 0 0 0;
	padding: 0.5em 0 0.25em 0;
	border: 1px solid #757575;
	display: none;}

#totop p a:link {
	background: transparent;
	text-decoration: none;
	padding: 0;
	margin: 0;}

#totop p {
	line-height: 1em;
	font-weight: bold;
	font-size: 1.15rem;
	margin: 0;
	padding: 0;
	text-align: center;}

/* =================================================================== */
/* =================================================================== */
/* =================================================================== */
/* =================================================================== */


hr.mainpage {
	clear: both;
	width: 92%;
	height: 2px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
	margin-bottom: 1em;
	background-color: #999999;
	border: 0 none;}

#content.jobs li {
	line-height: 1.2em;
	margin: 1em 0 1em 0;}

#content.jobs ul {
	margin: 1em 0 2.5em 2em;}

#content.jobs h2 {
	line-height: 1.2em;
	font-size: 1.2rem;
	color: #1F1C52;
	font-weight: bold;
	margin: 2em 0 .5em 0;
	padding-bottom: .1em;
	border-bottom: 2px solid #c3922e;}

#content.jobs h3 {
	line-height: 1.2em;
	font-size: 1.1rem;
	color: #1F1C52;
	font-weight: bold;
	margin: 1em 0 .5em 1.5em;
	padding-bottom: .1em;}

#content.jobs p {
	margin: 1em 0 1em 2em;
	line-height: 1.3em;}

.textgreen {
	color: rgb(83,129,53);}

.textred {
	color: rgb(198,55,10);}

/* ============   ASIDES   ===========================================*/

aside {
	border: 1px solid grey;
	background: #d2d1c8;
	padding: 0.1em 0.7em;
	margin: 3em 0.35em 1em 0.35em;}

aside p {
	line-height: 1.2;
	font-size: .9rem;
	font-weight: normal;}

aside hr {
	background: grey;
	display: block;
	height: 1px;
	margin: 0;}

aside img {
	width: 99%;
	height: 99%;
	box-shadow: none;
	border: 0px;
	margin: 1em 0 0 0;}

aside h2 {
	font-size: 1.2rem;
	font-weight: bold;
	color: #1F1C52;
	margin: 1em 0 .5em 0;
	padding-bottom: .1em;
	border-bottom: 1px solid #c3922e;}

aside a:link {
	color: #1F1Cdd;
	text-decoration: underline;
	font-size: .9rem;
	font-weight: normal;}

aside a:visited {
	color: #1F1Cdd;
	background: transparent;}

aside a:hover {
	color: #ffffff;
	background: #1F1C99;
	text-decoration: none;}

aside a:active {
	color: #ffffff;
	background: #990000;
	text-decoration: none;}

/* ============   PAGE FOOTER   =====================================*/

#pagefooter {
	margin: 0;
	border-bottom: 2px solid #bbbbbb;
	width: 100%;
	background: #0F1C52;
	padding: 1em 0em;}

#pagefooter p {
	font-weight: bold;
	margin: 0 0 1.2em 0;
	padding: 0.15em 0;
	border-top: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;}

.footer-flex-container {
	background: transparent;
	width: 100%;
	display: flex;
	flex-direction: row;}

#pagefooter h2 {
	font-size: .90rem;
	font-weight: bold;
	color: #FFCC39;
	text-align: left;
	padding: 0 0 0 0;
	margin: 0 0 0 0.3em;
	text-shadow: none;
	border: none;}

#pagefooter ul {
	margin: 0.5em 0;
	padding: 0;
	list-style: none;}

#pagefooter li {
	color: #ffffff;
	margin: 0;
	padding: 0.1em 0;}

#pagefooter img {
	width: 100%;
	padding: 0;
	margin: 0;
	border: none;}

#pagefooter img:hover {
    opacity: 0.4;
    filter: alpha(opacity=40);}

#pagefooter a:link {
	font-size: .8rem;
	display: block;
	text-decoration: none;
	padding: 0.2em 0 0.2em 0.3em;
	margin: 0;
	background: #0F1C52;
	color: #ffffff;}

#pagefooter a:visited {
	background: #0F1C52;
	color: #ffffff;}

#pagefooter a:hover {
	color: #000000;
	background: #ffffff;}

#pagefooter a:active {
	color: #ffffff;
	background: #990000;}

.pagefooter-col1 {
	width: 10%;
	padding: 0 2% 0 3%;}
.pagefooter-col2,
.pagefooter-col3,
.pagefooter-col4,
.pagefooter-col5 {
	width: 21.75%;
	padding: 0 2% 0 2%;}

#fineprint {
	text-align: center;
	font-weight: bold;
	font-size: .8rem;
	width: 100%;
	margin: 0;
	padding: 1.5em 1.5em 2em 1.5em;
	background: #1F2C62;}

#fineprint ul {
	padding: 0;
	list-style: none;
	margin: 0 0 1em 0;}

#fineprint li {
	display: inline;
	margin: 0 1.5em;
	padding: 0;}

.cpright {
	padding: 0;
	color: #fcf1cc;
	font-size: .8rem;}

#fineprint a:link {
	font-size: .8rem;
	display: inline-block;
	text-decoration: underline;
	padding: 0.2em 0.4em;
	color: #fcf1cc;
	background: inherit;}

#fineprint a:visited {
	background: inherit;
	color: #fcf1cc;}

#fineprint a:hover {
	text-decoration: none;
	color: #000000;
	background: #ffffff;}

#fineprint a:active {
	text-decoration: none;
	color: #fcf1cc;
	background: #990000;}

#fineprint p {
	color: #fcf1cc;
	font-size: .8rem;
	line-height: 1.12rem;
	margin: 0;
	padding: 0;}

/* ============   BBE FOOTER   ======================================*/

#bbefooter {
	width: 100%;
	background: #0F1C52;
	padding: 0.5em 2em;
	margin: 0;}
#bbefooter p.bureau {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 1.8rem;
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;}
#bbefooter p.slogan {
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	color: #FFFFFF;
	font-size: 1rem;
	text-align: center;}

.welcome-flex-container {
	margin: 0;
	padding: 0;
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	background: #dddddd;
	border-top: 3px solid gray;
	border-bottom: 3px solid gray;}

.welcome-left {
	padding: 2em;
	width: 25%;}

.welcome-right {
	padding: 2em;
	width: 75%;}

.welcome-right h1 {
	padding: 0;
	margin: 0;
	text-align: center;}

#menu-flex-container {
	padding: 3em 2em 1em 3em;
	background: #f5f4ed;
	display: flex;
	width: 100%;
	flex-direction: row;}

#menu1, #menu2, #menu3 {
	width: 33.33%;
	padding: 1em;
	background: transparent;}

.shadow {
	float: none;
	-webkit-box-shadow: 7px 7px 30px -3px rgba(0,0,0,0.75);
	-moz-box-shadow: 7px 7px 30px -3px rgba(0,0,0,0.75);
	box-shadow: 7px 7px 30px -3px rgba(0,0,0,0.75);}

#menu-flex-container h2 {
	font-size: 1.15rem;
	font-variant: small-caps;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	padding: .4em 0;
	margin: 0 0 1em 0;
	text-shadow: none;
	border: none;}

.green {background: #8ca62c;}
.brown {background: #ce782c;}
.ltblue {background: #3668B2;}
.dkblue {background: #1F1C52;}
.gold {background: #c3922e;}
.purple {background: #412B49;}
.teal {background: #00a88d;}
.ltgold {background: #FFCC39;}
.red {background: #990000;}

#menu-flex-container ul {
	margin: 0 0 2em 1.5em;
	list-style: disc;}

#menu-flex-container ul li {
	margin: 0;
	color: #1F1C52;
	padding: 0;}

#menu-flex-container a:link {
	display: block;
	text-decoration: none;
	padding: .2em .1em;
	color: #1F1C52;
	background: #inherited;}
#menu-flex-container a:visited {
	color: #1F1C52;
	background: #inherited;}
#menu-flex-container a:hover {
	color: #ffffff;
	background: #1F1C52;}
#menu-flex-container a:active {
	color: #ffffff;
	background: #990000;}

/* ================ NOTICE MAIN PAGE ================== */

#notice {
	width: 100%;
	background: #000077;
	border-bottom: 2px solid black;}
#notice p {
	margin: 0;
	color: #ffffff;
	padding: .75em;
	line-height: 1.2em;
	text-align: center;
	font-weight: bold;
	font-size: 1.2rem;}

#notice hr {
	display: block;
	background-color: #000000;
	height: .1em;
	margin: 1em 0;}

#notice a:link {
	color: #ffffff;
	font-size: 1.3rem;
	font-weight: bold;
	text-decoration: none;
	text-align: center;}
#notice a:visited {
	color: #ffffff;
	font-size: 1.3rem;
	font-weight: bold;
	text-decoration: none;
	text-align: center;}

#notice a:hover {
	text-decoration: underline;
	color: #ffffff;
	background: #000000;}

.speech-only {
	position: absolute !important;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;}

/* ============   CONTENT SPECIFIC DEFINITIONS   =====================*/

.meeting p {
	text-align: left;
	margin: .15em 0;
	line-height: 1.5em;}

/* ============   Voc Rehab Pages   ==================================== */

#words {
  border: 3px solid black;
  display: grid;
  grid-auto-columns: minmax(1rem, auto);
  grid-template-columns: repeat(auto-fill, minmax(8.2rem, 1fr));
  grid-gap: 0.1rem; 
  margin: 2em 0;
  padding: 0.1em;}

#words div {
  border: 1px solid black;
  padding: 1rem;
  text-align: center;}


/* ============   CONTACT PAGE   ==================================== */

#content.contact tr:nth-child(even) {
	background-color: #f0f0f0;}

#content.contact option {
	color: #000000;
	background-color: #f3f3f3;}

.gobutton {
	margin: 0 0 0 .5em;
	padding: 0.1em .6em 0.1em 0.6em;
	font-size: .95rem;
	font-weight: bold;
	border: 1px solid black;
	background: #dddddd;
	background: -webkit-linear-gradient(top, #e1e0d7, #a7a69d);
	background: -moz-linear-gradient(top, #e1e0d7, #a7a69d);
	background: -ms-linear-gradient(top, #e1e0d7, #a7a69d);
	background: -o-linear-gradient(top, #e1e0d7, #a7a69d);
	background: linear-gradient(top, #e1e0d7, #a7a69d);
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
	-ms-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
	-o-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
	color: #000000;
	text-decoration: none;}

.gobutton:hover {
	background: -webkit-linear-gradient(top, #87867d, #e1e0d7);
	background: -moz-linear-gradient(top, #87867d, #e1e0d7);
	background: -ms-linear-gradient(top, #87867d, #e1e0d7);
	background: -o-linear-gradient(top, #87867d, #e1e0d7);
	background: linear-gradient(top, #87867d, #e1e0d7);
}

.gobutton:active {
	-webkit-box-shadow: inset 2px 2px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 2px 2px 5px 0px rgba(0,0,0,0.75);
	-ms-box-shadow: inset 2px 2px 5px 0px rgba(0,0,0,0.75);
	-o-box-shadow: inset 2px 2px 5px 0px rgba(0,0,0,0.75);
	box-shadow: inset 2px 2px 5px 0px rgba(0,0,0,0.75);
}



/* ============   ACCORDION   ======================================= */

.accordion-container {
	width: 100%;
	margin: 0 0 1.5em 0;}


.accordion-container dl {margin: 1em 0;}

.accordion-container dt {font-weight: bold; font-size: 1.1rem; margin: 0.5em 0 0 0;}

.accordion-container dd {margin: 0.2em 0 0.2em 2em; line-height: 1.1em;}

.accordion-container h2 {
	margin: .75em 0 0 0;
	border: none;}

.accordion-container h3 {
	margin: .5em 0 0 0;}

h2 button {
	color: inherit;
	font-weight: inherit;
	font-size: 1.3rem;
	padding: 2px 2px 2px 30px;
	margin: 0;
	background: #f5f4ed url(/Imgs/Accordian/nav-highlight02.png) left top no-repeat;
	cursor: pointer;
	width: 100%;
	text-align: left;}

h3 button {
	color: inherit;
	font-weight: inherit;
	font-size: 1.16rem;
	padding: 2px 2px 2px 30px;
	margin: 0;
	background: #f5f4ed url(/Imgs/Accordian/nav-highlight02.png) left top no-repeat;
	cursor: pointer;
	width: 100%;
	text-align: left;}

h2 button:hover, h2 button:focus {
	background-color:#c5c5c5;}

h3 button:hover, h3 button:focus {
	background-color:#c5c5c5;}

h2 button[aria-expanded="true"] {
	background-image: url(/Imgs/Accordian/nav-highlight03.png);}

h3 button[aria-expanded="true"] {
	background-image: url(/Imgs/Accordian/nav-highlight03.png);}

.accordion-panel {
	margin: 0.25em 0 0.5em 1.75em;
	padding: 0 1em 0 1em;
	border: 1px solid #f5f4ed;}

.accordion-panel:focus {
    outline:none;
    -webkit-animation-name: animation;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-play-state: running;
    animation-name: animation;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    animation-play-state: running;
    border: 0px solid #f5f4ed;}

@-webkit-keyframes animation {
    0%     {border-color:#f5f4ed;}
    100.0%  {border-color:#f5f4ed;}
}

@keyframes animation {
    0%     {border-color:#f5f4ed;}
    100.0%  {border-color:#f5f4ed;}
}

/* ============   LIBRARY MAIN PAGE   ============================= */

.subregional dl {
	margin: 1em 0 2em 0;}

.subregional dt {
	font-weight: bold;
	font-size: 1rem;
	margin: 1em 0 0 2em;}

.subregional dd {
	margin: 0 0 0 2em;}

/* ============   LIBRARY SUMMER READING   ============================= */

.menu-banner {
	display: block;
	margin: 0 0 0 0.6em;
	padding: 0;
	border: 0;
	max-width: 92%;
	width: 92%;}

.submenuname {
	border: 0;
	color: #1F1C52;
	margin: 0 0 0.6em 0.32em;
	font-size: 1.3rem;
	font-weight: bold;}

#content.reading h1 {
	margin: 0.91em 0 1.5em 0;
	line-height: 1.25;}

.chapter {
	text-shadow: none;
	color: #1F1C52;
	font-weight: bold;
	font-size: 1.3rem;}

.reading-banner {
	margin: 0;
	padding: 0;
	border: 0;
	max-width: 100%;
	width: 100%;}

#content.reading ul>li {
	margin: 0 0 .5em 0;}

#content.reading ol>li {
	margin: 0 0 .5em 0;}

#content.reading ul.datechap {
	margin: 4.5em 0 0 2em;}

.menu-image {
	box-shadow: none;
	border: 0px;
	margin: 7em 0;
	width: 75%;
	height: 100%;}

.menu-image-1 {
	box-shadow: none;
	border: 0px;
	margin: 0 0 4em 0;
	width: 90%;
	height: 100%;}

.grad-aba {
	background-color: #ebe8dd; 
	background-image: linear-gradient(#ebe8dd, #A38574, #ebe8dd);
	width: 100%;
	text-align: center;	}

#content.reading hr {
	border: 0;
	padding: 0;
	display: block;
	background-color: #b3821e;
	height: 2px;
	margin: 2em 0;}

p.soon {
	font-size: 1.7rem;
	font-weight: bold;}

.summer-fig {
	clear: both;
	padding: 0;
	margin: 0;}


/* ============   LIBRARY HISTORY PAGE   ============================= */

#library-history {
	display: flex;
	flex-wrap: wrap;}

#library-history figure {
	width: 31.3%;
	display: block;
	padding: 2px;
	border: 2px solid #000000;
	box-shadow: 4px 4px 12px -2px rgba(0,0,0,0.75);
	background: #d2d1c8;
	margin: 1em 1em 1em 0;
	max-width: 100%;}

#library-history figcaption {
	color: black;}

#library-history img {
	border: 2px solid #black;
	width: 100%;
	max-width: 100%;}

/* ============   SENIOR MANAGEMENT PAGE   ======================== */

#senior-management {
	display: flex;
	flex-wrap: wrap;}

#senior-management figure {
	width: 22.2%;
	display: block;
	box-shadow: 4px 4px 12px -2px rgba(0,0,0,0.75);
	background: #0F1C52;
	margin: 1em 1em 1em 0;}

#senior-management figcaption {
	padding: 0.5em;}

#senior-management img {
	border: 10px solid #ffffff;
	width: 100%;
	max-width: 100%;}

.sms-name {color: #FFFFFF; font-size: 1.2rem; font-weight: bold;}
.sms-title {color: gold;}
.sms-bureau {color: #FFFFFF;}

#senior-management figure.doyle {
	width: 35%;
	margin: 1em .5em 1em 11.8%;}

#senior-management figure.travis {
	width: 35%;
	margin: 1em 11.8% 1em .5em;}

/* ============   BLOG PAGE   =============================== */

#content.blog h2 {
	border: none;
	-webkit-box-shadow: 7px 7px 30px -3px rgba(0,0,0,0.75);
	-moz-box-shadow: 7px 7px 30px -3px rgba(0,0,0,0.75);
	box-shadow: 7px 7px 30px -3px rgba(0,0,0,0.75);
	font-size: 1.1rem;
	line-height: 1.4em;
	color: #ffffff;
	margin: 2em 0.6em 0em 0;
	padding: 0.2em 0 0.2em 0.35em;
	font-weight: bold;
	background: #1F1C52;}

#content.blog h3 {
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	background: #e5e5e5;
	line-height: 1.5em;
	font-size: 1rem;
	color: #000000;
	font-weight: bold;
	margin: 3em 0.5em 0.5em 0;
	padding-bottom: .1em;}

/* ============   BBE POLICIES PAGE   =============================== */

#content.bbepolicies h2 {
	border: 0px none;}

/* ============   LIBRARY NEWSLETTER   ============================= */

p.title-library {
	padding: 0;
	margin: 0.5em 0 .3em 0;
	text-align: left;
	font-size: 2.5rem;
	font-weight: bold;}

p.subtitle-library {
	padding: 0;
	margin: 0 0 0 0;
	font-style: italic;
	font-size: 1.5rem;
	text-align: left;
	font-weight: bold;}

p.date-library {
	padding: 0;
	margin: .9em 0 0 0;
	font-size: 1.6rem;
	text-align: left;
	font-weight: bold;}

.libnews {
	font-size: 1.4rem;
	border-bottom: 2px dotted #7accc8;
	margin-left: .75em;}

.lib {
	float: left;
	margin-left: .5em;
	margin-bottom: 1.5em;}

.dl-library {
	padding-left: 0;
	margin-left: 0;}

#content.library h3 {
	background: #f5f4ed;
	font-style: italic;
	font-size: 1.4rem;
	font-weight: bold;}

#books dt {
	font-weight: bold;
	font-size: 1.05rem;}

#books dd {
	margin: 0.2em 0 1em 2em;}

/*============   SUBSCRIPTION PAGE STYLES   ========================*/


#subscribe form {
	vertical-align: bottom;
	margin: 1.6em 1.75em 1.6em 0;
	padding: 0;}

#subscribe fieldset {
	display: inline-block;
/*	width: 100%;  */
	border: 1px solid black;
	padding: 1em;}

#subscribe legend {
	vertical-align: bottom;
	font-weight: bold;
	padding: 0 0.3em;}	

#subscribe label {
	vertical-align: bottom;
	font-weight: bold;}

#subscribe input[type="checkbox"] + label {
	vertical-align: bottom;
	font-weight: normal;}

#subscribe input, textarea {
	margin: .25em 0 0 0;
	padding: 0 0 0 .27em;
	background-color: #eeeeee;
	vertical-align: bottom;
	border: 1px solid #000077;}

#subscribe select {
	padding: 0;
	background-color: #eeeeee;
	vertical-align: bottom;
	border: 1px solid #000077;}

#subscribe option {
	color: #000000;
	background-color: #eeeeee;}

#subscribe input.SubButton {
	margin-left: 1.15em;
	background: #eeeeee;
	background: -webkit-gradient(linear, left top, left bottom, from(#bbbbbb), to(#eeeeee));
	background: -webkit-linear-gradient(top, #bbbbbb, #eeeeee);
	background: -moz-linear-gradient(top, #bbbbbb, #eeeeee);
	background: -ms-linear-gradient(top, #bbbbbb, #eeeeee);
	background: -o-linear-gradient(top, #bbbbbb, #eeeeee);
	padding: 0.14em 0.3em 0.14em 0.3em;
	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
	-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	box-shadow: rgba(0,0,0,1) 0 1px 0;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: #000000;
	text-decoration: none;
	vertical-align: bottom;}

#subscribe input.SubButton:hover {
	background: #1F1C52;
	color: #ffffff;}

#subscribe input.SubButton:active {
	background: #990000;
	color: #ffffff;}

/* ============   BUSINESS OPPORTUNITIES   ===========================*/

#content.opportunity h3 {
	line-height: 1.2em;
	font-size: 1.1rem;
	color: #1F1C52;
	font-weight: bold;
	margin: 1em 0 0 0;
	padding: 0;}

#content.opportunity p {
	text-align: left;
	margin: 1em 0 1em 1.5em;
	line-height: 1.3em;}

#content.opportunity ul {
	margin: 0 0 0 1.5em;}

/* ============   ACTIVE VENDOR REGIONS   ===========================*/

#h-menu p {
    font-size: 1.2em;
    font-weight: bold;}

#h-menu ul {
	display: inline-block;
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;}

#h-menu ul li {
	margin: 0.2em;
	padding: 0;
	float: left; 
	background-color: #222222;}

#h-menu ul li a {
	display: block;
	color: #f5f4ed;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: .5em 1.2em;
	text-decoration: none;}

#h-menu ul li a:hover {
	color: #1F1C52;
	background-color: #cccccc;}

#v-menu p {
    font-size: 1.2em;
    font-weight: bold;}

#v-menu ul {
	display: inline-block;
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;}

#v-menu ul li {
	margin: 0.2em;
	padding: 0;
	background-color: #222222;}

#v-menu ul li a {
	display: block;
	color: #f5f4ed;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: .5em 1.2em;
	text-decoration: none;}

#v-menu ul li a:hover {
	color: #1F1C52;
	background-color: #cccccc;}

#vending p {
	margin: 0;
	padding: 0 0 0 2rem;
	line-height: 1.3rem;
	margin-left: 2rem;
	text-indent: -2rem;}

/* ============   CURRENT EVENTS   ==============================*/

#event-link {
	background: #ebe8dd;
	width: 99%;
	margin: 0 0 0 4px;
	padding: 0.5em 0;
	border-top: 3px solid #1F1C52;
	border-bottom: 3px solid #1F1C52; }

#event-link p {
	margin: 0.25em;
	text-align: center;}

#event-link a:link {
	display: block;
	color: #1F1C99;
	font-size: 1.2rem;
	font-weight: bold;
	text-decoration: none;
	text-align: center;}
#event-link a:visited {
	display: block;
	color: #1F1C99;
	font-size: 1.2rem;
	font-weight: bold;
	text-decoration: none;
	text-align: center;}
#event-link a:hover {
	text-decoration: none;
	color: #ffffff;
	background: #000000;}

#content.spotlight h2 {
	font-size: 1.15rem;
	border: 0;
	margin: 1.3em 0 1em 0;
	padding: 0;
	font-weight: bold;}

/* ============= TESTING ======================== */

#florida h3 a:link {
	margin-left: 1.7em; 
	font-weight: bold;
	font-size: 1.1rem;}
#florida h3 a:visited {
	margin-left: 1.7em; 
	font-weight: bold;
	font-size: 1.1rem;}
#florida h3 a:hover {
	margin-left: 1.7em; 
	font-weight: bold;
	font-size: 1.1rem;}
#florida h3 a:active {
	margin-left: 1.7em; 
	font-weight: bold;
	font-size: 1.1rem;}
#florida p {
	margin: 1em 0 1em 3.5em;
	line-height: 1.2em;}
#florida h2 {
	border-bottom: 2px solid #c3922e;}
 
.fbook {
	display:block;
	float: left;
	width: 46%;
	margin: 0 1em 2em 0;}
 
/* STACKED CAPTCHA */

.capbox {
	width: 100%;
	max-width: 220px;
	background-color: #BBBBBB;
	background-image: linear-gradient(#BBBBBB, #9E9E9E);
	border: #2A7D05 0px solid;
	border-width: 2px 2px 2px 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: inline-block;
	padding: 5px 15px 5px 15px;
	border-radius: 4px 4px 4px 4px;
	}

.capbox-inner {
	font: bold 12px arial, sans-serif;
	color: #000000;
	background-color: #E3E3E3;
	margin: 8px auto 0px auto;
	padding: 5px 10px 5px 10px;
	border-radius: 4px;
	}

#CaptchaDiv {
	font: normal 25px Impact, Charcoal, arial, sans-serif;
	font-style: italic;
	color: #000000;
	background-color: #FFFFFF;
	user-select: none;
	padding: 4px 10px 4px 4px;
	border-radius: 4px;
	}

#CaptchaInput { border: #38B000 2px solid; margin: 3px 0px 1px 0px; width: 98%; }

.visually-hidden {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap; /* added line */
      border: 0;

/* ============   MEDIA DECLARATIONS   ==============================*/
/*
@media all and (max-width: 1440px) {
	body {font-size: 20px;}
}

@media all and (max-width: 1280px) {
	body {font-size: 18px;}
}

@media all and (max-width: 1024px) {
	body {font-size: 16px;}
}
*/
@media all and (max-width: 800px) {
	body {font-size: 14px;}
}

@media all and (max-width: 720px) {
	header, nav, .col1, .col2, .col3, footer {
		width: 90% !important;
		display: block !important;
		padding: 0 5% !important;
		margin: 0 auto !important;
		border: none;
		box-shadow: none;}
}

@media all and (max-width: 500px) {
	* {
	margin: 0 0; padding: 0 0;}
	header, nav, .col1, .col2, .col3, .hnavbar, .hnavbar li ul, footer {
		width: 90% !important;
		display: block !important;
		padding: 0 5% !important;
		margin: 0 auto !important;
		border: none;
		box-shadow: none;}
	.hnavbar {
		font-size: 18px;}
	.hnavbar li {
		width: 100%;
		text-align: center;
		margin: 1px 0;}
	.hnavbar li a:link {
		padding: 5% 0;}
}