/* css reset starts */
html, body, p, table, section, hgroup, header, footer, nav, article, figure, div, span, form, img, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: none;
}

ul, li {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

section, header, footer, nav, article, hgroup {
  display: block;
}

body {
  background-color: #F2F2F2;
  font-family: Roboto, "Avenir Next", "Helvetica Neue", Arial, sans-serif;
  font-size: 12pt;
  color:#000;
}
/* css reset ends */

html, body {
  min-height: 100%;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Montserrat, "Avenir Next", "Helvetica Neue", Arial, sans-serif;
  font-weight: 700; margin:0;padding:0; text-transform:uppercase;
}
#navSub, a.button, input.button, button, ul.dates .day, table.date1st .day, footer {
  font-family: Montserrat, "Avenir Next", "Helvetica Neue", Arial, sans-serif;
}


a:link, a:visited, span.link {
  color: #000; text-decoration:underline; cursor:pointer;
}

a:hover, span.link:hover {
  color: #01BABC;
}
a > i.fa {margin-right:10px;}
.teal a:hover { color:#FFF; }
a.mini, span.mini { font-size:10pt;text-decoration:underline; }

.ib {
  display: inline-block;
  vertical-align: top;
}
.nw {white-space:nowrap;}
b.req {font-weight:bold;color:#C00;margin-left:6px;}

#skip a {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

input[type='text'], input[type='password'], select {
  border: none;
  border-radius: 0.5em;
  padding:0.75em 2em;
  background-color:#FFF;
}
.form td, form td { padding-bottom:10px; }

select::-ms-expand {display: none;}
select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, #333 50%),
    linear-gradient(135deg, #333 50%, transparent 50%);
  background-position:
    calc(100% - 15px) calc(1.1em),
    calc(100% - 7px) calc(1.1em);
  background-size:8px 8px,8px 8px;
  background-repeat: no-repeat;
  padding: 0.75em 3em 0.75em 1em;
}
form input.err {border-color:#C00;}

input.address {
background:#FFF url('/CmsItem/image/768') no-repeat;
background-position:1em 0.6em;
text-indent:1em;
}

img.map { width:95%;margin:0 2%; border-radius:25px;border:2px solid #999; }
.bright { color:#01BABC; font-weight:bold;}
.shade {background-color:#EEE;padding:20px;}
.shade hr {background-color:#FFF;}
.halo {
  border-radius: 50%;
  display: inline-block;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
}
h1 {
  margin: 15px 0;
  font-size: 23pt;
}
h2 {
  margin: 10px 0 15px 0;
  font-size: 18pt;
  line-height:23pt;
  font-weight:900;
}
h3 {
  margin: 0 0 20px 0;
  font-size: 16pt;
  line-height:20pt;
}

h4 {
  font-size: 14pt;
  line-height:18pt;
}
h5 {
  font-size: 12pt;
  line-height:16pt;
}
h6 {
  font-size: 10pt;
  line-height:13pt;
}

.tablet, .desktop {visibility:collapse !important;}
.container { text-align: left;margin:0; padding:0 10px;}

header {
  background-color: #F2F2F2;
}
hr { background-color:#EAEAEA; height:5px; border:none;margin:30px 0; }
span.err {font-weight:bold;display:block;margin-top:20px;color:#B00;}


#navTop { display:block;background: linear-gradient(#04CACB,#00AFB0);height:80px; padding-top:10px; }
#navTop img.logo { height:60px; }

#navTop > ul { display: table; width:100%; }

#liMobile { display:table-cell;width:30%; text-align:center;vertical-align:bottom;font-size:30pt; }
#liLogo { display:table-cell;width:40%; text-align:center; } 
#liLang { display:table-cell;width:30%; text-align:center;vertical-align:middle;padding-top:1em; }
#liSearch { display:none;  }
#liMobile > span { cursor:pointer; }


#navSub, #spMclose {display:none;}

#navTop a { color: #000;display: inline-block;font-size: 12pt; text-decoration:none; }
#navTop a.lang.active { display:none; }

#divSearch { width:85%; height:2.5em; background-color:#FFF; border:1px solid #FFF; display:flex; border-radius: 0.75em; padding:0 1em; margin:30px auto 0 auto; }
#divSearch > * { border:none;outline:none;background-color:#FFF; }

#divSearch > i { line-height:2.5em; }
#txtCCEC { flex-grow:10; }
#divTopics { flex-grow:3; border-left:1px solid #CCC; padding:0.75em 2em 0 1em; position:relative; }
#divTopics > a { display:block; }
#divTopics > ul { display:none; background-color:#FFF; margin-left:-1em;padding:1em 0; border-radius:10px; z-index:1000; position:absolute; width:calc(100% + 1em); }
#divTopics > ul > li { display:block; }
#divTopics > ul > li > a { display:block; padding:0.5em 1em; }
#divTopics > ul > li > a:hover { background-color:#EEE; }
#divTopics a > i.fa-solid { float:right; }
#divTopics i.fa-chevron-down { display:inline; }
#divTopics i.fa-chevron-up { display:none; }

#divTopics:focus-within > ul { display:inline-block; }
#divTopics:focus-within i.fa-chevron-down { display:none; }
#divTopics:focus-within i.fa-chevron-up { display:inline; }

.filter-pill {
height:2.5em; background-color:#FFF; border:1px solid #FFF; display:flex; border-radius: 0.75em; padding:0 1em; 
}
.filter-pill > span { display:inline-block; border-right:1px solid #CCC; line-height:2.5em; padding:0 2em 0 0.5em;}
.filter-pill > select { box-shadow:none !important; border:none !important; padding:0 2em 0 1em; font-size:11pt; }

#navSub {background-color:#F2F2F2;min-height:100%;}
#navSub > ul > li { padding:15px 0 15px 2em; text-transform:uppercase;font-weight: bold;font-size:12pt; 
background-color:#E6E6E6; border-radius:15px; margin:0.25em 1em;
}
#navSub > ul > li > a { color:#000;text-decoration: none; }
#navSub > ul > li.nope { background:none; }

#navSub i.fa {color:#000;margin-right:1em;float:right;}

#navSub section.drop {display:none;margin-top:20px;}

#navSub section.drop > ul > li { margin-bottom:20px;color:#000;text-decoration:none;white-space:normal;font-family:Montserrat;cursor:default; text-transform:none; }
#navSub section.drop > ul > li > ul { border-top:1px solid #999; margin-top:0.3em; }
#navSub section.drop > ul > li > ul > li {display:block;text-align:left;margin-top:15px;font-family: Roboto;}
#navSub section.drop > ul > li > ul > li > a {display:block;color:#000;text-decoration:none;text-transform:none;font-weight:normal;white-space:normal;}
#navSub > ul > li:hover section.drop {visibility: visible; transition-delay:0.25s;}


#content {
 margin:0 1em 2em 1em;
}
#content p { line-height:1.5em;margin-bottom:1.5em; }

.table { width:100%; }

.crumb {
color:#565656;background-color:#FFF;padding:5px 0 5px 1em;font-size:10pt;margin-top:-4px;
}
.crumb a { color:#565656; }
.crumb a:first-child { text-decoration:none; }
.crumb i.fa-house { margin-right:0.5em; }
.crumb i.fa-chevron-right { margin:0 0.5em; font-size:8pt; }


footer {
  background-color: #333;
  margin-top: 40px;
  min-height: 180px;
  color: #FFF;
}


footer > section { width:100%; }
footer > section > div:first-child { text-align:center; }
footer .footlogo { width:40%; }


#flinks ul { margin-bottom:1em; text-align:center; }
 #flinks ul > li > a {
color: #FFF;
font-weight:bold;
text-decoration: none;
font-size: 12pt;
display:block;
vertical-align:top;
text-transform:uppercase;
line-height:3em;
  }

#fsocial { text-align:center; }
#fsocial > a {
color: #FFF;
font-weight: bold;
font-size: 18pt;
margin:0 1em 1em 1em;
display:inline-block;
  }

#fcopy { text-align:center;margin-top:1em; padding-bottom:1em; }
#fcopy > a { color: #FFF; }


.box {
border-radius:30px;
padding: 10px 15px 25px 15px;
background-color:#FFF;
text-align:center;
margin:1em 0;
min-width:12em;
}
.box a:hover {
  color: #01BABC;
}

.box.pink {
background-color:#DB0077;
color:#FFF;
}
.box.blue {
background-color:#014E74;
color:#FFF;
}
.box.blue a { color:#FFF; }

.box.teal {
background-color:#00BBBC;
}

.box.yellow {
background-color:#F6CC46;
}


.box.shadow {
box-shadow:0 0 0.5em 0em #CCC;
}
.box input[type='text'], .box select { border: 1px solid #999; box-shadow:0 0 1em 0em #DDD; }


a.button, input.button, button {
display:inline-block;
padding:0.75em 1.5em;
color:#000; background-color:#FFF;
border-radius:0.5em;
border:none;
text-transform:uppercase;
text-decoration:none;
font-weight:bold;
box-shadow:0 0 0.5em 0em #CCC;
cursor:pointer;
}
a.button.dark, input.button.dark, button.dark {
color:#FFF !important; background-color:#000;
}
a.button.yellow, input.button.yellow, button.yellow {
color:#000 !important; background-color:#F6CC46;
}
a.button:hover, input.button:hover, button:hover {
background-color:#CCC;
}
a.button.dark:hover, input.button.dark:hover, button.dark:hover {
background-color:#333; 
}
a.button.yellow:hover, input.button.yellow:hover, button.yellow:hover {
background-color:#FBD55A;
}

a.button + a.button { margin-top: 1em; }

details { text-align:left; }

details > summary {
background-color:#F2F2F2;
font-size:12pt;
padding:0.75em 0 0.75em 2em;
border-radius:5px;
cursor:pointer;
}

details[open] > summary {
background-color:#014E74;
color:#FFF;
}
details > div, details > p {
padding-left:1em;margin:1em;
}

details + details {
margin-top:1em;
}


div.flip {
position:relative;
cursor:pointer;
flex:0 0 20em;
}
div.flip > img:first-child { border-radius:25px; width:100%; max-height:20em; }
img.flip {
cursor:pointer; width:3em;position:absolute;bottom:15px;right:10px;
}
div.flip > h2 { margin-top:2em; }
div.flip > a.button { margin:1em 0; }


article.flip {
  background-color: transparent;
  height: 20em;
}

/* This container is needed to position the front and back side */
.flip-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
article.flip:hover .flip-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-front, .flip-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}
.flip-front h2, .flip-back h2 { margin-top:1.5em; }
.flip-back {
  transform: rotateY(180deg);
  background-color:#FFF;
  border-radius:25px;
}



/* List Styles */
ul.dot, ul.dot > li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type: disc;
	margin: 3px 5px;
	padding:0 5px;
}

ol, ol > li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type: decimal;
	margin: 3px 10px 1em 10px;
	padding:0 5px;
}

/* Interactive Tools */

ul.people > li { 
position:relative;
margin-bottom:2em;
}
ul.people > li > .pic {
width:100%; border-radius:25px;
}
ul.people > li > .viewmore {
position:absolute; top:10px; right:10px; width:15%; cursor:pointer;
}
ul.people > li > div {
position:absolute; bottom:0; left:0; width:100%; 
background-image:url('/CmsItem/Image/764');
background-size:cover; background-repeat: no-repeat;
border-bottom-left-radius: 25px;
border-bottom-right-radius: 25px;
padding:2em 0 1em 0;
}
ul.people > li > div > * {
display:block; text-align:center; line-height:1.5em;
}

article.person { font-size:11pt; margin-top:2em; }
article.person h4 {margin-bottom:0.5em;}
article.person figure { float:left;margin:0 20px 20px 0;width:100% }
article.person figure > img {width:100%; border-radius:20px;}
article.person > p {margin-bottom:8px;word-wrap:break-word;text-align:justify;}
article.person .social > a { font-size:18pt;margin-right:1em; }
.popup {
background-color: #FFF;
border-radius:25px;
opacity:1;
position: absolute;
display:none;
padding:1em 0.5em;
margin:0 10px;
z-index: 1500 !important;
width:calc(100% - 20px - 1em);
}
.popup > i.fa-circle-xmark { margin:-10px 0; color:#000; cursor:pointer; float:right; font-size:20pt;}
.popup > i.fa-circle-xmark:hover { color:#D00; }
.popup .close { margin:1em 0 0.5em 1em;display:block;}
#divModal { background-color: #373637;height:100%; width:100%;position: fixed;display: none;top:0; left:0;opacity:0.8;z-index: 1490 !important; }
#divVideo iframe, #divVideo video { border-radius:15px; }

div.location {background-color:#004E74;padding:20px 40px;color:#FFF;line-height:20pt;display:none;border-radius:25px;}
div.location a {margin-left:20px;color:#FFF;} div.location > b {margin-right:6px;}
div.location > b:nth-of-type(n+3) {margin-left:20px;}
span.wait {display:none;margin-left:40px;font-size:16pt;}
span.wait > i.fa {margin-right:10px;}

div.ballot {margin-bottom:20px;}

div.ballot a {display:block;margin-bottom:10px;}

#divEIaddr button { margin:2em 0 1em 0; }

/* Grid Styles for Tables */
table.grid {
width:100%;
border-collapse:collapse;
}

table.grid > thead > tr > th {
background-color:#004E74;
color:#FFF;
padding:5px 10px;
font-family:Montserrat;
}
table.grid > thead > tr > th:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
table.grid > thead > tr > th:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }

table.grid > tbody > tr > td {
background-color:#FFF;
font-size:12pt;
padding:5px 10px;
border-bottom:5px solid #EEE;
}
table.grid > tbody > tr > td:first-child {
font-weight:bold;
}

.important-dates { text-align:center; }
.dates-wrapper { display:flex; justify-content:space-between; align-items:center; }
.dates-scroll  { overflow-x:hidden; }

.dates-wrapper > i { font-size:23pt; padding:0 0.25em; cursor:pointer; }
.dates-wrapper > i:hover { font-weight:bold; }

.important-dates .mini i.fa-thin { font-size:12pt; vertical-align:top;margin-right:0.5em; cursor:pointer; }
.important-dates .mini:first-child { float:left; }
.important-dates .mini:last-child { float:right; }

ul.items { border-radius:25px; }
ul.items > li { line-height: 25pt; border-bottom: 1px solid #CFCFCF; padding: 10px 0;}
ul.items > li:last-child { border-bottom: none; }

ul.dates { display:flex; }
ul.dates > li {
background-color:#FFF;
border-radius:20px;
padding:1em;
margin-right:1em;
text-align:center;
min-width:12em;
position:relative;
}
ul.dates.share > li { 
padding-bottom:2em;
}
table.date1st tbody tr > td:first-child { 
padding:1em 2em;
text-align:center;
vertical-align:top;
 }

ul.dates > li > *, table.date1st tbody tr > td:first-child > * { display:block; }
ul.dates span.day, table.date1st span.day { font-size:50pt;color:#DB0077;font-weight:bold;white-space:nowrap; }
ul.dates > li > div { position:absolute;bottom:10px; width:85%;}
ul.dates > li i.fa-info-circle { margin-left:1em; }

div.info-wrapper .info-scroll { overflow-x:hidden; }
div.info-wrapper i.fa-thin { font-size:20pt;margin:1em 2em 0 2em; cursor:pointer;}
div.info-wrapper i.fa-thin:hover { font-weight:bold; }

ul.info-circles { display:grid;grid-template-columns:repeat(4,minmax(100%,1fr));}
ul.info-circles > li {  }
ul.info-circles > li > div { margin: 2em 2em 1em 2em; }
ul.info-circles > li img { width:80%; }
ul.info-circles > li a.button { white-space:nowrap; }


#divMyInfo > div { padding:0 1em 1em 1em; line-height:1.4em; border-top:1px solid #333;}
#divMyInfo > div:first-child { border-top:none; }
#divMyInfo > div > span { line-height:2em; }
#divMyInfo h3 { text-transform:none; }
#divMyInfo a { font-size:11pt; font-weight:bold; }
#divMyInfo i.fa-circle-info { cursor:pointer; margin-left:1em; font-size:9pt; }
#spVDaddr {display:block;}
#divElecButtons > a { margin:0.5em; display:block; }

/* Styles for Tab Lists */
.tabList > ul > li { display:inline-block; padding:15px 20px 10px 20px;text-decoration:underline; color:#007DAD;cursor:pointer; }
.tabList > div {display:none;border:20px solid #DDD;padding:25px 30px;}


.tabList > ul > li.active { background-color:#DDD; font-weight:bold; text-decoration:none;color:#000; border-top-left-radius:10px;border-top-right-radius:10px; }
.tabList > div.active {display:block;}


ul.tab-pill { display:inline; background-color:#176163;color:#FFF;border-radius:1.2em; padding:0.5em 0; border:4px solid #176163; }
ul.tab-pill.yellow { color:#000;background-color:#F8A213;border-color:#F8A213; }
ul.tab-pill > li { display:inline-block; border-radius:1em; padding:0.5em 1em; cursor:pointer; }
ul.tab-pill > li.active { background-color:#FFF;color:#000; }

ul.tab-pill.wide { display:block;padding:0; }
ul.tab-pill.wide > li { display:block; }

.tab-panel { display:none; }
.tab-panel.active { display:block; }


/* Styles for Home Page */



/* End Styles for Home Page */

#frmSignup { line-height:1.5em;margin:20px 0;background-color:#EEE;}
#frmSignup p { margin-bottom:10px; }
#frmSignup p > b:first-child { margin-left:10px; }

.election-top {
background-image:url('/cmscontent/image/en/767');background-size:cover;text-align:center;min-height:190px;padding:2em;
}
.election-top h1 {font-weight:bold;margin-bottom:2em;}
.election-top p {font-size:14pt;}


/*  Propositions Page */
ul.props > li {display:inline-block;width:40%;padding:15px 4%;vertical-align:top;}
ul.props > li > div {background-color:#FFF;text-align:center;margin-bottom:10px;}
ul.props > li > div > span {font-weight:bold; color:#01BABC;font-size:14pt;margin:10px 0;}
ul.props > li > div > b {display:block;font-size:20pt;line-height:normal;font-family:"Montserrat";border-top:5px solid #EEE;margin:0 30px;padding:0.5em 0;}
ul.props > li > b, ul.props > li > a { line-height:2em; }

@media (min-width:730px) {

.mobile {display:none !important;}
.tablet {visibility:visible !important;}


img.map { width:auto;margin:0; }

.padsides { padding-left:4%;padding-right:4%; }


#navTop { height:100px; }
#navTop img.logo { height:80px; }

#liMobile {display:none;}
#liLogo { width:20%; text-align:right; } 
#liLang { width:20%; text-align:left; }
#liSearch { display:table-cell;width:60%; vertical-align:top;  }


#navSub {
  display:block;
  position: relative;
  z-index: 100;
}

#navSub > ul { display: flex; width:100%; }
#navSub > ul > li { flex-grow:2;background:none; margin:0;border-radius:initial;text-align:center;padding-left:0; }
#navSub > ul > li:first-child, #navSub > ul > li:last-child { flex-grow:3; }

#navSub > ul > li > a {display:block;color: #000;padding:0;}

#navSub > ul > li:hover {background-color:#DDD;}
#navSub > ul > li:first-child:hover, #navSub > ul > li:last-child:hover { background:none; }


#navSub section.drop {display:block;margin-top:0;visibility:collapse; background-color:#DDD;position:absolute;left:0;width:100%;z-index:50;text-align:left;transition:0.25s 0.25s;overflow:hidden;padding:20px 0 1em 0;
box-shadow:0 15px 20px -20px #999;}

#navSub section.drop > ul > li {display:inline-block;vertical-align:top;width:20%;margin-right:1%;}

#navSub section.drop > ul > li:first-child {margin-left:150px;}

#navSub i.fa-chevron-right { display:none; }

.table { display:table; border-spacing:1em;}
.table > * { display:table-cell;vertical-align:top;}

.crumb { padding-left:2em; }



footer > section > div:first-child { width:20%; }
footer > section > div:last-child { padding-top:2em; }
footer div.table > * { vertical-align:top;text-align:center; }
footer img.footlogo {width:200px;}

#flinks ul > li { display:inline-block;padding-right:3em; }
#flinks ul > li > a { line-height:30pt; }

#fcopy { text-align:left;margin-top:0;margin-left:1em; }

#fsocial { text-align:left; }

.dates-wrapper > i { padding:0 0.5em; }
ul.dates > li > span { margin-bottom:10px; }

a.button + a.button { margin-top: 0; margin-left: 2em; }

ul.info-circles { grid-template-columns:repeat(4,minmax(50%,1fr));}
ul.info-circles > li { margin-bottom:2em; }
ul.info-circles > li img { width:200px; }

.flex { display:flex;flex-flow:row; justify-content:space-between; }
.flex > * { flex:1 1 auto; }
.w1of2 { width:50%; flex-basis:45%; }
.w1of3 { width:30%; flex-basis:30%; } .w2of3 { width:65%; flex-basis:60%; }
.w1of4 { width:25%; flex-basis:20%; } .w2of4 { width:50%; flex-basis:45%; } .w3of4 { width:75%; flex-basis:70%; }

.box { 
padding: 20px 30px; 
margin:1em;
}

ul.tab-pill.wide { display:inline;padding:0.5em 0; }
ul.tab-pill.wide > li { display:inline-block; }

#divMyInfo { display:flex;margin:2em 0 0 0; }
#divMyInfo > div { flex:1 1 auto; text-align:left; border-left:1px solid #333;border-top:none; padding:0 2em 1em 2em;}
#divMyInfo > div:first-child { border-left:none; }
#spVDaddr {display:inline-block;margin-right:20px;}
#divElecButtons > a { margin:2em 1em 1em 1em; display:inline-block; }


/* Interactive Tools */
ul.people {
  display:flex;flex-flow:row wrap; justify-content:space-evenly;column-gap:1em;
}
ul.people > li { width:43%;margin-bottom:2em; max-width:400px;}
ul.people > li > div { padding:3em 0 2em 0; }
article.person { max-height:600px;overflow-y:auto;margin:20px 0; }
article.person figure { float:left;margin:0 20px 20px 0; width:200px; }
article.person > p {text-align:left;}

.popup { width:75%; padding:1.5em 2em;margin:0; }
.popup > i.fa-circle-xmark { margin:-10px -15px; font-size:30pt;}
.popup a.close { display:none;}

#divEIaddr button { margin:0 0 2em 0; }

/* Styles for Home Page */
article.flip {
  width: 20em;
  height: 17em;
}

.election-top {
background-image:url('/cmscontent/image/en/699');background-size:cover;min-height:250px;padding:1em;
}
.election-top h1 { margin-bottom:1em;}


}

@media (min-width:1200px) {

.tablet {visibility:collapse !important;}
.desktop {visibility:visible !important;}

h1 {
  margin: 15px 0;
  font-size: 25pt;
}
h2 {
  margin: 10px 0 15px 0;
  font-size: 20pt;
  line-height:25pt;
}
h3 {
  margin: 0 0 20px 0;
  font-size: 18pt;
  line-height:22pt;
}

h4 {
  font-size: 16pt;
  line-height:20pt;
}
h5 {
  font-size: 14pt;
  line-height:18pt;
}
h6 {
  font-size: 12pt;
  line-height:15pt;
}


#content {
 margin:0 2em 2em 2em;
}
.padsides { padding-left:8%;padding-right:8%; }


#navSub > ul > li { white-space:nowrap;}

#navSub section.drop {padding:20px 0 0 0;}
#navSub section.drop > ul > li { width:15%;margin-right:3%;}
#navSub section.drop > ul > li:first-child {margin-left:240px;}
#navSub section.drop > ul > li > ul > li {margin-top:20px;}

.crumb { padding-left:3em; }

div.info-wrapper i.fa-thin { display:none;}
ul.info-circles { grid-template-columns:repeat(4,1fr); }
ul.info-circles > li img { width:250px; }

.dates-wrapper > i { padding:0 1em; }

#divMyInfo { margin:2em 2em 0 2em; }

/* Interactive Tools */
ul.people > li { width:30%; margin-bottom:3em;}
article.person figure {width:250px; }
.popup { width:700px; }
#divVideo { width:1000px; }



/* Grid Styles for Tables */
table.grid {
width:100%;
border-collapse:collapse;
}

table.grid > thead > tr > th {
padding:1em 2em;
}

table.grid > tbody > tr > td {
font-size:12pt;
padding:1em 2em;
}

/* Styles for Home Page */


}