@charset "utf-8";

* {
margin: 0px;
padding: 0px;
}

@font-face {
	font-family: 'open-sans2';
	src:url(https://www.app-support.nh.gov/nhgov-fonts/open-sans/opensans.woff) format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'open-sans2';
	src:url(https://www.app-support.nh.gov/nhgov-fonts/open-sans/opensans-bold.woff) format('woff');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'open-sans2';
	src:url(https://www.app-support.nh.gov/nhgov-fonts/open-sans/opensans-italic.woff) format('woff');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'open-sans2';
	src:url(https://www.app-support.nh.gov/nhgov-fonts/open-sans/opensans-bold-italic.woff) format('woff');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'open-sans-semi';
	src:url(https://www.app-support.nh.gov/nhgov-fonts/open-sans/opensans-semibold.woff) format('woff');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'open-sans-semi';
	src:url(https://www.app-support.nh.gov/nhgov-fonts/open-sans/opensans-semibold-italic.woff) format('woff');
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: 'open-sans-extra';
	src:url(https://www.app-support.nh.gov/nhgov-fonts/open-sans/opensans-extrabold.woff) format('woff');
	font-weight:bolder;
	font-style: normal;
}

@font-face {
	font-family: 'Trirong';
	src:url(https://www.app-support.nh.gov/nhgov-fonts/trirong/trirong-regular.woff) format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Trirong';
	src:url(https://www.app-support.nh.gov/nhgov-fonts/trirong/trirong-bold.woff) format('woff');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Trirong';
	src:url(https://www.app-support.nh.gov/nhgov-fonts/trirong/trirong-italic.woff) format('woff');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Trirong';
	src:url(https://www.app-support.nh.gov/nhgov-fonts/trirong/trirong-bold-italic.woff) format('woff');
	font-weight: bold;
	font-style: italic;
}

body {
color: #000000;
font-family: 'open-sans2', sans-serif;
font-size: 14px;   /*sm-screen font-size:13px; */
background-color: #2d3236;
}

#high-profile {
	margin:20px auto 10px auto;
	text-align:center;
	border:rgba(2,74,139,1.00) 1px solid;
	padding:5px 0px 5px 0px;
	background-color:#ffffff;
	min-width:320px;
max-width:420px;
}

#high-profile h1 {
color: #024a8b;
font-family:'Trirong', serif;
font-weight: bold;
font-size: 18px;     /*sm-screen     font-size: 20px;  */
margin: 0px 0px 0px 0px;     /*sm-screen     margin:5px 0px 10px 0px;  */
padding: 0px;
}

#high-profile p {
	margin:0px 0px 0px 0px;
	padding:5px 4% 5px 4%;
	text-align:left;
	color:#000000;
}

#pagecontainer {
position:relative;
text-align: left;
margin: 5px auto 0px auto;
padding: 0px;
border: 0;
min-width:320px;
max-width:420px;
background-color: #ffffff;
}

h1 {
color: #024A8B;
font-family:'open-sans-semi', sans-serif;
font-weight: bold;
font-size: 24px;     /*sm-screen     font-size: 20px;  */
margin: 0px 0px 5px 0px;     /*sm-screen     margin:5px 0px 10px 0px;  */
padding: 0px;
}

h2 {
color: #000000;
margin: 0px 0px 25px 0px;     /*sm-screen     margin:5px 0px 25px 0px;  */
font-size: 15px;     /*sm-screen     font-size: 14px;  */
font-weight: 300;
font-style: italic;
}

h3 {
color: #000000;
font-family:'Trirong', serif;
font-weight: bold;
font-size: 17px;     /*sm-screen     font-size: 16px;  */
margin: 5px 0px 5px 0px;
line-height: 20px;
}

h4 {
color: #1f244d;
font-size: 14px;
font-weight: bold;
margin: 5px 0px 5px 0px;
}

h5 {
font-weight: bold;
font-size: 13px;
}

small {
font-size:10px;
}

a {
color: #024A8B;
text-decoration: underline;
text-decoration-skip-ink:auto;
}

a:hover {
color: #97ac8f;
}

a img {
border-collapse: collapse;
border-style: none;
border-width: 0px;
}

p {
margin: 0px 0px 10px 0px;
}

form {
margin: 0px;
}

div {
margin: 0px;
}

video {
max-width:100%;
height:auto;
padding:0px;
margin:0px 0px 20px 0px;     /*sm-screen     margin:0px 0px 10px 0px;  */
}

ul {
padding: 0px 0px 6px 20px;
}

ul ul {
padding: 5px 0px 0px 30px;
}

li {
margin: 0px 0px 6px 10px;     /*sm-screen     margin:0px 0px 6px 7px;  */
}

ol {
list-style: outside decimal;
padding: 0px 0px 6px 30px;
}

ol ol {
list-style: outside lower-alpha;
padding: 5px 0px 0px 15px;
}

ol ol ol {
list-style: outside decimal;
padding: 5px 0px 0px 15px;
}

.flex-2-to-1 {
display:inline-block;
vertical-align: top;
margin: 0px auto 10px auto;
padding: 0px 1% 0px 1%;
width:98%;
}

.flex-3-to-1 {
display:inline-block;
vertical-align: top;
margin: 0px auto 10px auto;
padding: 0px 1% 0px 1%;
width:98%;
}


.sm-screen-only {
display: block;
}

.lg-screen-only {
display:none;
}

.dd-sm-screen-only {
	display: inline-block;
}

.dd-lg-screen-only {
	display:none;
}

.hide {
display: none;
}

.center-div {
	margin:0px auto 0px auto;
}

img {
border-collapse: collapse;
border-style: none;
border-width: 0px;
}

img.moveDown {
vertical-align: -3px;
}

.float-right {
float: right;
}

.float-left {
float: left;
}

/* Begin all banner related items */

#portal-header {
position: relative;
background-color:rgba(2,74,139,1.00);
height: 25px;
}

.home-seal {
position:absolute;
top:0px;
left:3px;
background-image:url(graphics/state-seal-13perc.png);
background-position:0px -35px;
background-repeat:no-repeat;
width:290px;
height:262px;
z-index:4;
}

.official-nh {
position: relative;     /*sm-screen     display:none;  */
width: 100%;     /*sm-screen     delete  */
height: 25px;     /*sm-screen     delete  */
background-image: url(graphics/official-nh.png);
background-repeat:no-repeat;
background-position: center top;
	z-index:5;
/*right: -20px; 
top: 3px;*/ 
}

.fontsizer {
	display:none;
}
	
.translate {
position: relative;
width: 84px;
height: 20px;
margin:0px auto 0px auto;
background-image: url(graphics/flags-translate-transp.png);
background-repeat: no-repeat;
background-position: center center;
border-bottom:1px solid transparent;
z-index:5;
}

.translate:hover {
background-image: url(graphics/flags-translate.png);
border-bottom:1px solid #000000;     /*sm-screen     border-bottom:1px solid #000000;*/
}

.translate-selected {
background-image: url(graphics/flags-translate.png);
border-bottom:1px solid #000000;     /*sm-screen     border-bottom:1px solid #000000;*/
}

.header-branding {
	display:relative;
	width:100%;
/*height:100px;*/
	/*background-color: rgba(79,21,91,1.00);*/
}

.websiteid {
display:inline-block;
/*top:50px;
left:8%;*/
width:40%;
	height:auto;
text-align: left;
	margin:30px 0px 0px 10%;
z-index:13;
	vertical-align: top;
	/*background-color: rgba(38,154,73,1.00);*/
}

.websiteid img {
margin:0px;
z-index:13;
	width:100%;
	height:auto;
}

.websiteid2 {
display:inline-block;
/*top:50px;
left:4%;*/
width:40%;
text-align: left;
margin:30px 0px 0px 7%;
	
z-index:13;
	vertical-align: top;
}

.websiteid2 img {
margin:0px;
z-index:13;
	width:75%;
	height:auto;
}

.websiteid2 h1 {
display:inline-block;
font-family: 'open-sans2';
    font-weight: bold;
	font-size: 20px;
	font-style: normal;
	color: rgba(2,74,139,1.00);
    border: none;
	letter-spacing: .5px;
	white-space: nowrap;
	margin:0px;
	padding:0px;
	vertical-align: 0px;
	line-height: 0px;
}

.livefree {
display:inline-block;
width:40%;
text-align: right;
	padding:20px 5% 0px 0px;
z-index:13;
	vertical-align: top;
	/*background-color: rgba(177,21,23,1.00);*/
}

.livefree2 {
display:inline-block;
/*top:50px;
left:4%;*/
width:47%;
text-align: right;
	margin:30px 4% 0px 0px;
z-index:13;
	vertical-align: top;
	/*background-color: rgba(177,21,23,1.00);*/
}

.livefree img, .livefree2 img {
margin:0px;
z-index:13;
	width:65%;
	height:auto;
}

.menu {
	position:relative;
	margin:20px 0px 10px 0px;
	text-align: center;
	width:100%;
	z-index:5;
}

label.drop-title, label.drop-title-tri {
	font-family: 'open-sans2';
    font-weight: bold;
	font-size: 16.5px;
	font-style: normal;
	color: #000000; 
	text-decoration: none;
	white-space: nowrap;
	display:block;
	border-top:rgba(2,74,139,0.30) 1px solid;
	margin:0px 0px 0px 0px;
	background-color: rgba(2,74,139,0.20);  
	width:100%;  
	cursor: pointer;  
	padding:6px 0px 6px 0px;  
}


.menu .dropdown:first-child label.drop-title {
	border-top:rgba(2,74,139,0.00) 1px solid;
}

label.drop-title-tri::after {
	content: url(graphics/menu-triangle.png);
}

label.drop-title:hover {
	background-color: rgba(2,74,139,0.40);
	text-decoration:underline;
}

label.drop-title a {
	color: #000000;
	text-decoration: none;
}

.dropdown:hover label.drop-title {
    /*border-top:rgba(168,38,38,1.00) 3px solid;
	border-bottom:rgba(168,38,38,1.00) 6px solid;*/
}

.triangle {
	vertical-align: 0px;
}

.diamond {
	vertical-align: -2px;
	color:rgba(168,38,38,1.00);
	font-size: 150%;
	margin:0px 4px 0px 0px;
}

.drop-content {
	text-align: center;
	max-height:0px;
	overflow: hidden;
    position: absolute;
	top: 32px;
    background-color:rgba(2,74,139,1.00);
    min-width: calc(100% - 20px);
	padding: 10px 10px 10px 10px;
    /*z-index: 10;*/
	list-style: none;
	list-style-type: none;
	white-space: nowrap;
	border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px;
   	visibility:hidden;
	opacity:0;
	box-shadow: 0px 10px 5px rgba(0,0,0,0.50);
	transition: visibility 10ms ease, opacity 100ms ease, max-height 500ms ease;
}

.menu .dropdown:first-child .drop-content {
	z-index:15;
}
.menu .dropdown:nth-child(2) .drop-content {
	z-index:14;
}
.menu .dropdown:nth-child(3) .drop-content {
	z-index:13;
}
.menu .dropdown:nth-child(4) .drop-content {
	z-index:12;
}
.menu .dropdown:nth-child(5) .drop-content {
	z-index:11;
}
.menu .dropdown:nth-child(6) .drop-content {
	z-index:10;
}
.menu .dropdown:nth-child(7) .drop-content {
	z-index:9;
}
.menu .dropdown:nth-child(8) .drop-content {
	z-index:8;
}
.menu .dropdown:nth-child(9) .drop-content {
	z-index:7;
}

/*@media only screen and (max-width: 1000px) {
.menu .dropdown:last-child .drop-content:last-child {
min-width:160px;
	width: 100%;
	white-space:normal;
}
}*/

.dropdown input:not(checked) {
	display:none;

}

.dropdown input:checked ~ .drop-content {
	display: block;
	visibility:visible;
	opacity:1;
	max-height:400px;
}

.dropdown input:not(checked) ~ .drop-content {
	display: block;
	/*visibility:visible;*/
	opacity:0;
	max-height:0px;
}


.dropdown:hover .drop-content {
/*    display: block;
	visibility:visible;*/
}

.drop-title a:focus + .drop-content {
/*    display: block;
	visibility:visible;*/
}

section.dropdown {
    position: relative;
	vertical-align: top;
	margin:0px 0px 0px 0px;
}


/*.dropdown-content li {*/
.dropdown ul li {
    color: #ffffff;
    /*padding: 8px 5px;*/
    text-decoration: none;
	border-bottom:1px rgba(255,255,255,0.30) solid;
	margin:0px;
}

/*.dropdown-content li:last-child {*/
.dropdown ul li:last-child {
	border-bottom:1px #ffffff none;
	/*padding-left:10px;*/
	font-weight:bold;
	text-align: center;
	
}

/*.dropdown-content li a {*/
.dropdown ul li a {
	color:#ffffff;
	text-decoration: none;
	padding: 8px 5px;
     display: block;
     width: calc(100% - 10px);
     height: 100%;
}

/*.dropdown-content li a:hover {*/

.dropdown ul li a:hover {
	background-color: rgba(0,0,0,0.4);
	text-decoration: underline;
}

.dropdown ul li:last-child a {
	border-radius: 0px 0px 7px 7px;
}


#bodycontainer {
position:relative;     /*sm-screen     delete  */
width: 100%;
}

#photo-and-search {
position:relative;     /*sm-screen     delete  */
width: 100%;
	padding:0px;
	/*background-color: rgba(39,73,45,1.00);*/
	
}

#main-photo {
	/*position:relative;
	width:calc(100% - 30px);
	margin:0px 15px 10px 15px;
	padding:0px;
	overflow: hidden;*/
	display:none;
}

img.big-photo {
/*	position:absolute;
	top:0px;
	right:0px;*/
	border-radius: 10px;
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;
}

/*Needed for Search */

.search-div {     /*sm-screen delete all  */
/*position:absolute;
	bottom:20px;
	left:calc(100%-200px);
clear:both;*/
width: 100%;
padding: 0px 0px 0px 0px;
	margin:20px auto 0px auto;
	/*background-color: rgba(70,80,163,1.00);*/
}

.mno-search-div {
position: relative;  /*sm-screen  display:none;*/  
margin: 0px auto 5px auto;  /*sm-screen  delete*/  
padding: 0px 0px 0px 0px;  /*sm-screen  delete*/  
width:100%;
text-align:center;
}

.mno-search-div label {
display:none;
}

.mno-search-div .mno-inputs {
vertical-align:middle;
margin:0px auto 0px auto;
}

input[type=search] {
display:inline-block;
border-radius: 5px 5px 5px 5px;
border:rgba(2,74,139,1.00) 1px solid;
padding:0px 0px 0px 0px;
width:50%;
height:30px;
margin:0px;
text-align: center;
background-color:rgba(255,255,255,0.80);
/*background-color:rgba(2,74,139,.1);*/
}

.search-width input[type=text] {
display:inline-block;
border-radius: 5px 5px 5px 5px;
border:rgba(2,74,139,1.00) 1px solid;
padding:0px 0px 0px 0px;
width:70%;
height:30px;
margin:0px;
text-align: center;
background-color:rgba(255,255,255,0.80);
/*background-color:rgba(2,74,139,.1);*/
}


.mno-inputs input[type=search]::placeholder {
	color:rgba(0,0,0,1.00);
	opacity: .8;
}

.mno-inputs input[type=search]:-ms-input-placeholder, .mno-inputs input[type=search]::-ms-input-placeholder {
	color:rgba(2,74,139,1.00);
}

input[type=submit] {
	display:inline-block;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:36px;
	height:30px;
	background-image:url(graphics/portal-search-btn.png);
	background-repeat: no-repeat;
	background-position: top left;
	border:0px solid #ffffff;
	vertical-align: top;
	background-color:transparent;

}

.search-width table.default input[value="Search!"] { 
	color:rgba(0,0,0,0.00);
}

.mno-center {
	/*background-color: rgba(31,132,36,1.00);*/
	padding:0px 0px 20px 0px;
	margin:0px 0px 10px 0px;
	border-bottom:1px solid rgba(2,74,139,0.50);
}

.mno-center form table.default {
	margin:0 auto 0 auto;
	/*background-color: rgba(33,119,104,1.00);*/
	width:100%;
}

table.blue {
	margin:0px 0px 15px 0px;
}

.search-width dl {
	border-bottom:1px solid rgba(2,74,139,0.30);
	padding:10px 10px 0px 15px;
	margin:0px;
}

div.search-width dl:nth-child(odd) {
	background-color:rgba(2,74,139,0.10);
}

.search-width ul {
	list-style: inside;
	padding:0px;
	margin:0px;
}

.search-width li {
	padding:0px 0px 0px 0px;
	margin:0px;
}

.search-width li span {
	font-size: 11px;
}

.search-width dd {
	margin:0px;
}


/* End of Needed for Search */

main {
	margin:20px 0px 0px 0px;
}

.full-width {
	width:90%;
	padding:0px 5% 0px 5%;
}

.wide-width {
	width:90%;
	padding:0px 5% 0px 5%;
}

.search-width {
	width:90%;
	padding:0px 5% 0px 5%;
}

.three-col {
padding:0px 6% 0px 6%;
width:88%;
/*column-count: 3;
column-gap: 80px;
column-rule: 1px solid rgba(0,0,0,0.2);
border-left: 1px solid rgba(0,0,0,0.2);*/
}

.three-col section {
break-inside: avoid;
page-break-inside: avoid; /* needed for Firefox */
}


.left-side {
	display:block;
	width:92%;
	/*padding:10px 2% 20px 2%;*/
	margin:20px 4% 20px 4%;
	/*background-color: rgba(85,94,18,1.00);*/
}

.looking-for {
	display:inline-block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 15px 0px;
	background-color:rgba(2,74,139,0.12);
	border: 1px solid rgba(2,74,139,0.30);
	border-radius: 10px;
}

.looking-for h2 {
	font-size: 24px;
	padding:10px 1% 0px 8%;
	font-style: normal;
	color:rgba(2,74,139,1.00)
}

.looking-for a {
	color:rgba(0,0,0,1.00);
	text-decoration: none;
}

.looking-for a:hover {
	text-decoration: underline;
	color:rgba(0,0,0,0.50);
}

.looking-for ul {
	font-size: 16px;
	font-style: normal;
	list-style: none;
	list-style-type: none;
	margin:0px 0px 0px 0px;
	padding:0px;
}

.looking-for li {
	margin:17px 2% 0px 12%;
}

.governor {
	position:relative;
	width:98%;
/*	max-width:384px;*/
	height:90px;
	margin:20px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	background-color:rgba(255,255,255,1.00);
	border: 1px solid rgba(2,74,139,0.30);
	border-radius: 10px;
	background-image:url(graphics/gov-and-dome2.png);
	background-size:cover;
	background-position:right top;
	background-repeat:no-repeat;
}

.governor h1 {
	font-size: 30px;
	padding:20px 10px 20px 10%;
	font-style: normal;
	line-height: 28px;
	text-align: left;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.50);
}

.governor h1 a {
	color:rgba(255,255,255,1.00);
	text-decoration: none;
}

.governor h1 span {
	color:rgba(227,169,26,1.00);
	font-size: 24px;
}

.governor h1 a:hover {
	text-decoration: underline;
}


.nh-question {
	display:inline-block;
	width:96%;
	padding:10px 2% 20px 2%;
	margin:20px 0px 0px 0px;
	background-color:rgba(2,74,139,1.00);
	border: 1px solid rgba(2,74,139,1.00);
	border-radius: 10px;
	color:#ffffff;
}

.nh-question h1 {
	font-size: 24px;
	font-style: normal;
	color:rgba(255,255,255,1.00);
	padding-left:10px;
}

.nh-question a {
	color:rgba(213,178,89,1.00);
	text-decoration: underline;
	font-weight: bold;
}

.nh-question a:hover {
	text-decoration: none;
	color:rgba(255,255,255,1.00);
}

ul.news-list {
	vertical-align: top;
	list-style: none;
	list-style-type: none;
	border-top:1px solid rgba(2,74,139,.40);
	border-bottom:1px solid rgba(2,74,139,.40);
	padding:10px 0px 0px 0px;
	margin:10px 0px 0px 0px;
}

.news-list li {
	margin:0px;
}

.news-list li:nth-child(2n+2) {
	background-color:rgba(2,74,139,.00);
}

.news-list li:nth-child(2n+1) {
	background-color:rgba(2,74,139,0.20);
}


.news-text {
	display:inline-block;
	vertical-align: top;
	padding:5px 1% 10px 1%;
	width:calc(96% - 50px);
/*	background-color: rgba(77,107,70,1.00);*/
}
.news-list h3 {
	display:inline-block;
	vertical-align: top;
	padding:0px 1% 0px 0%;
	margin:0px;
	width:100%;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color:#000000;
	font-family: 'open-sans2', sans-serif;
	/*background-color: rgba(77,107,70,1.00);*/
}

.news-date {
	display:inline-block;
	vertical-align: middle;
	padding:4px 0px 0px 0px;
	text-align: center;
	width:50px;
	/*background-color:rgba(2,74,139,1.00);*/
	margin:0px 0px 0px 0px;
}

.spacer {
	text-align: right;
	
}

.spacer a {
	color: rgba(0,0,0,0.70);
	font-size: 12px;
	text-decoration: underline;
	margin:0px 20px 0px 0px;
}

.spacer a:hover {
	text-decoration: none;
}

.anchor-text {
	text-align: center;
	font-size: 12px;
	margin:5px 0px 20px 0px;
}

.home-right-side {
	display:block;
	width:92%;
	margin:20px 4% 20px 4%;
	vertical-align: top;
	/*background-color: rgba(111,213,110,1.00);*/
}

.news-events-home {
	padding:10px 2% 20px 4%;
	/*background-color:rgba(2,74,139,1.00);*/
	border: 1px solid rgba(2,74,139,0.30);
	border-radius: 10px;
	vertical-align: top;
}

.news-events-home h2 {
	font-size: 24px;
	font-style: normal;
	color:rgba(0,0,0,1.00);
}

.news-events-home a h2 {
	display: inline-block;
	font-size: 24px;
	font-style: normal;
	color:rgba(0,0,0,1.00);
	text-decoration: none;
}

.news-events-home a:hover h2 {
	text-decoration: underline;
}

.news-events-home a small {
	float:right;
	margin:15px 8% 0px 8%;
	font-style: normal;
	color:rgba(0,0,0,1.00);
	text-decoration: none;
}

.news-events-home a:hover small {
	font-style: normal;
	color:rgba(0,0,0,1.00);
	text-decoration: underline;
}
.news-events-home ul {
	font-size: 16px;
	font-style: normal;
	list-style: none;
	list-style-type: none;
	margin:0px 0px 0px 0px;
	padding:0px;
}

.news-events-home li {
	margin:10px 2% 0px 6%;
	border-bottom:1px solid rgba(2,74,139,0.30);
}

.news-events-home li:last-child {
	border-bottom:0px solid rgba(2,74,139,0.30);
}

.news-month-home, .news-month {
font-family: 'open-sans2', sans-serif;
font-weight:normal;
font-size: 17px;
letter-spacing: -1px;
color:rgba(168,38,38,1.00);
		/*background-color:rgba(7,139,2,1.00);*/
	padding:0px;
}

.news-day-home, .news-day {
display:block;
font-family: 'open-sans2', sans-serif;
font-weight:normal;
font-size: 15px;
line-height: 8px;
color:#000000;
		/*background-color:rgba(33,2,139,1.00);*/
}

.news-date-home {
	display:inline-block;
	vertical-align: middle;
	padding:4px 0px 10px 0px;
	text-align: center;
	width:15%;
	/*background-color:rgba(2,74,139,1.00);*/
	margin:0px 0px 0px 0px;
}
.news-text-home {
	display:inline-block;
	vertical-align: top;
	padding:5px .5% 10px 1%;
	width:83%;
/*	background-color: rgba(77,107,70,1.00);*/
}

.news-text-home p {
	color:rgba(2,74,139,1.00);
	text-decoration: none;
}

.news-text-home a {
	color:rgba(2,74,139,1.00);
	text-decoration: none;
}

.news-text-home a:hover {
	text-decoration: underline;
	color:rgba(2,74,139,0.50);
}

.news-agency-home {
	display:block;
	font-family: 'open-sans2', sans-serif;
font-weight:bold;
	font-size: 11px;
}

.news-title-home {
	display:inline-block;
}

.at-a-glance { 
	width:94%;
	padding:10px 1% 20px 2%;
	margin:0px 0 20px 0;
	background-color:rgba(2,74,139,0.60);
	border: 1px solid rgba(2,74,139,0.30);
	border-radius: 10px;
}

.at-a-glance div {
	column-count: 2;
	column-rule: 1px solid rgba(255,255,255,0.30); 
}

.at-a-glance h2 {
	font-size: 24px;
	font-style: normal;
	color:rgba(255,255,255,1.00);
}

.at-a-glance a h2 {
	display: inline-block;
	font-size: 24px;
	font-style: normal;
	color:rgba(255,255,255,1.00);
	text-decoration: none;
}

.at-a-glance a:hover h2 {
	text-decoration: underline;
}

.at-a-glance a small {
	float:right;
	margin:15px 4% 0px 2%;
	font-style: normal;
	color:rgba(255,255,255,1.00);
	text-decoration: none;
}

.at-a-glance a:hover small {
	font-style: normal;
	color:rgba(255,255,255,1.00);
	text-decoration: underline;
}

.at-a-glance a {
	color:rgba(0,0,0,1.00);
	text-decoration: none;
}

.at-a-glance a:hover {
	text-decoration: underline;
	color:rgba(0,0,0,0.50);
}

.at-a-glance ul {
	font-size: 16px;
	font-style: normal;
	list-style: none;
	list-style-type: none;
	margin:0px 0px 0px 0px;
	padding:0px;
}

.at-a-glance li {
	margin:10px 2% 0px 12%;
}

.at-a-glance li:first-child {
	margin:0px 2% 0px 12%;
}

.portal-icons2 {
	width:100%;
	position:relative;
	text-align:center;
	vertical-align:top;
	margin:40px 0px 10px 0px;
}

.sm-icon2 {
	display:inline-block;
	margin:0px .75% 20px .75%;
	width:28%;
	height:auto;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
}

.sm-icon2 img {
	width:100%;
	height:auto;
	max-height:50px;
	border-radius:5px;
}




/*---------------Social Media ----------------*/

.social-btns {
position: absolute;     /*sm-screen     display:inline-block;  */
text-align: left;     /*sm-screen     float:right;  */
bottom: 25px;     /*sm-screen     vertical-align:top;  */
height: 114px;     /*sm-screen     height:21px;  */
width: 94px;     /*sm-screen     width:45%;  */
left: 12px;     /*sm-screen     delete  */
}

.social-btns img {
/*sm-screen    max-width:50%;  */
/*sm-screen    max-height:auto;*/
}

.social-btn1 {
position: absolute;  /*sm-screen  display:inline-block;  */
bottom: 10px;  /*sm-screen  margin:0px 4% 2px 4%;  */
left: 0px;  /*sm-screen  background-size:21px 21px;  */
width: 42px;  /*sm-screen  width:21px;  */
height: 42px;  /*sm-screen  height:21px;  */
background-image: url(graphics/twitter-btn-transp.png);
background-repeat: no-repeat;
background-position: 0px 0px;
border-bottom:1px solid transparent;
/*sm-screen    padding-bottom:2px;*/
}

.social-btn1:hover {
background-image: url(graphics/twitter-btn.png);
border-bottom:1px solid #ffffff;     /*sm-screen    border-bottom:1px solid #000000;*/
}

.social-btn2 {
position: absolute;     /*sm-screen     display:inline-block;  */
top: 10px;     /*sm-screen     margin:0px 4% 2px 4%;  */
left: 0px;     /*sm-screen     background-size:21px 21px;  */
width: 42px;     /*sm-screen     width:21px;  */
height: 42px;     /*sm-screen     height:21px;  */
background-image: url(graphics/facebook-btn-transp.png);
background-repeat: no-repeat;
background-position: 0px 0px;
border-bottom:1px solid transparent;
/*sm-screen    padding-bottom:2px;*/
}

.social-btn2:hover {
background-image: url(graphics/facebook-btn.png);
border-bottom:1px solid #ffffff;     /*sm-screen    border-bottom:1px solid #000000;*/
}

.social-btn3 {
position: absolute;     /*sm-screen     display:inline-block;  */
bottom: 10px;     /*sm-screen     margin:0px 4% 2px 4%;  */
right: 0px;     /*sm-screen     background-size:21px 21px;  */
width: 42px;  /*sm-screen  width:21px;  */
height: 42px;  /*sm-screen  height:21px;  */
background-image: url(graphics/linkedin-btn-transp.png);
background-repeat: no-repeat;
background-position: 0px 0px;
border-bottom:1px solid transparent;
/*sm-screen    padding-bottom:2px;*/
}

.social-btn3:hover {
background-image: url(graphics/linkedin-btn.png);
border-bottom:1px solid #ffffff;     /*sm-screen    border-bottom:1px solid #000000;*/
}

.social-btn4 {
position: absolute;     /*sm-screen     display:inline-block;  */
top: 10px;     /*sm-screen     margin:0px 4% 2px 4%;  */
right: 0px;     /*sm-screen     background-size:21px 21px;  */
width: 42px;  /*sm-screen  width:21px;  */
height: 42px;  /*sm-screen  height:21px;  */
background-image: url(graphics/you-tube-btn-transp.png);
background-repeat: no-repeat;
background-position: 0px 0px;
border-bottom:1px solid transparent;
/*sm-screen    padding-bottom:2px;*/
}


.social-btn4:hover {
background-image: url(graphics/you-tube-btn.png);
border-bottom:1px solid #ffffff;     /*sm-screen    border-bottom:1px solid #000000;*/
}

/*---------------Social Media ----------------*/

.skip-link {
position: absolute;
left: calc(50% - 75px);
text-align: center;
width:150px;     /*sm-screen     width:150px;  */
top: 5px;     /*sm-screen     top:15px;  */
/*margin-left: -105px;*/     /*sm-screen     margin-left: -75px;  */
}

.skip-link a {
display: inline-block;
*zoom: 1;
filter: alpha(opacity=0);     /* For IE8 to IE 11 */
opacity: 0;
color: #ffffff;
background-color:#000000;
padding:5px 5px 5px 5px;
}

.skip-link a:focus, .skip-link a:active {
opacity: 1.0;
*zoom: 1;
filter: alpha(opacity=100);      /* For IE8 to IE 11 */
}

#headerdate {
position: absolute;     /*sm-screen     display:none;  */
bottom: 0px;     /*sm-screen     delete  */
left: 0px;     /*sm-screen     delete  */
width: 28.5%;     /*sm-screen     delete  */
text-align: left;     /*sm-screen     delete  */
font-size: 12px;     /*sm-screen     delete  */
padding: 5px 0px 5px 1.5%;     /*sm-screen     delete  */
color:#ffffff;     /*sm-screen     delete  */
}

.date {
color: #770000;     /*sm-screen     delete  */
}



/*  -------------------- Begin Show/Hide Menu --------------------  */

.sm-scrn-menu-label {
display: none;     /*sm-screen     position:absolute;  */
 /*sm-screen     top:91px;  */
 /*sm-screen     left:50%;  */
 /*sm-screen     transform: translateX(-65%);  */
 /*sm-screen     font-size: 9px;  */
 /*sm-screen     padding: 2px 1% 2px 1%;  */
 /*sm-screen     cursor: pointer;  */
 /*sm-screen     margin:0px 0px 0px 0px;  */
 /*sm-screen     text-align:center;  */
 /*sm-screen     background: transparent;  */
 /*sm-screen     color: #1e254b;  */
 /*sm-screen     border-radius:3px 3px 3px 3px / 3px 3px 3px 3px ;  */
 /*sm-screen     border-top:1px solid #e0e2ed;  */
 /*sm-screen     border-left:1px solid #e0e2ed;  */
 /*sm-screen     border-bottom:1px solid #a2a8c6;  */
 /*sm-screen     border-right:1px solid #a2a8c6;  */
 /*sm-screen     vertical-align:middle;  */
}

.sm-scrn-menu-label:hover {
 /*sm-screen     color: #6b7297;  */
 /*sm-screen     background-color:#e0e2ed;  */
 /*sm-screen     text-decoration:underline;  */
}

.sm-scrn-menu-input {
 /*sm-screen     display: none;  */
}

.sm-scrn-menu-input:not(checked) ~ #leftsidebar {
 /*sm-screen     display:none;  */
}

.sm-scrn-menu-input:checked ~ #leftsidebar {
 /*sm-screen     display:block;  */
 /*sm-screen     animation: hide .75s 1 linear;  */
 /*sm-screen     animation-fill-mode: forwards;  */
}

.sm-scrn-menu-input:not(checked) ~ .sm-scrn-menu-label::after {
 /*sm-screen     content: "Show ";  */
}

.sm-scrn-menu-input:checked ~ .sm-scrn-menu-label::after {
 /*sm-screen     content: "Hide ";  */
}

.nav-show-hide:target {
 /*sm-screen     display: block;  */
}

#show-hide-menu {
display: none;
}

#nav-show-hide {
display: none;      /*sm-screen     delete */
}

.nav-show-hide:target {
display: none;     /*sm-screen     display: block;  */
}

/*  -------------------- End Show/Hide Menu --------------------  */



#rightsidebar {
position: relative;  /*sm-screen  delete  */
float: right;  /*sm-screen  delete  */
top: 0px;  /*sm-screen  delete  */
width: 26.5%;  /*sm-screen  delete  */
text-align: right;  /*sm-screen  text-align:center;  */
padding: 10px 0px 0px 0px;  /*sm-screen  padding: 5px 10px 5px 10px;  */
}




/* Portal Boxes  */




.alert:hover {
background-color:rgba(0,0,0,.5);
}


/* End all content area items */

#footnote {
margin:30px 0px 0px 0px;	
padding: 0px 3% 10px 3%;     /*sm-screen     padding:0px 10px 0px 10px; */
font-size: 10px;     /*sm-screen     margin:30px 0px 30px 0px; */
}

/* Begin Address area items */

.g-translate {
text-align: center;
margin: 10px 0px 10px 0px;
}

#google_translate_element {
padding:0px 0px 3px 0px;
}

.address {
clear: both;
text-align: center;
padding: 0px 0px 10px 0px;
color: #707070;
font-size: 10px;
}

.address p {
margin:0px;
}

/* Begin all footer area items */

footer {
height: 55px;   /*sm-screen  height:50px; */
background-color: #024a8b;
	font-size:11px;
}

.footerleft {
padding:5px 0px 4px 0px;
text-align:center;
color: #ffffff;
}

.footerleft a:link {
color: #ffffff;
text-decoration: none;
}

.footerleft a:hover, .footerleft a:visited:hover {
color: #658bbb;
text-decoration: underline;
	text-decoration-color: #ffffff;
}

.footerleft a:visited {
color: #ffffff;
}

.footerright {
padding:4px 0px 10px 0px;
text-align:center;
color: #ffffff;
}

.copyright-year:after {
content: "2018";
}

.top-news-box {
border-top:1px solid #999999;
border-bottom:1px solid #999999;
background-color:#e8e8e8;
padding:0px 10px 10px 10px;
}

.top-news-stories h4 {
font-family:'Trirong', serif;
font-weight:bold;
font-size:13px;
}

.top-news-stories h4:link {
text-decoration:underline;
}

.top-news-stories h4:link:hover {
text-decoration:none;
}

.top-news-date {
font-style:italic;
color: #1c4667;
}


ul.media-list {
list-style:none;
padding:0px;
border-top:1px solid #c3c3c3;
margin:0px 0px 10px 0px;
background-color:#e8e8e8;
}

.media-list li {
display:flex;   /*sm-screen  delete */
margin:3px 0px 3px 0px;
border-bottom:1px solid #c3c3c3;
padding:2px 5px 2px 5px;
list-style:none;
}

.media-list li p.media-date {
display:inline-block;   /*sm-screen  display:block; */
color:#000000;
font-style:italic;
/*sm-screen  margin:0px; */
}

.media-list li p.media-title {
display:inline-block;   /*sm-screen  display:block; */
flex:1;   /*sm-screen  delete */
}

/* Press Release related styles */

.pressRight {
position:relative;   /*sm-screen  delete */
float:right;   /*sm-screen  delete */
top:0px;   /*sm-screen  delete */
text-align:right;   /*sm-screen  text-align:center; */
padding:10px 10px 0px 0px;   /*sm-screen  padding:10px 0px 0px 0px; */
}

.pressLeft {
position:relative;   /*sm-screen  delete */
float:left;   /*sm-screen  delete */
top:0px;   /*sm-screen  delete */
text-align:left;   /*sm-screen  text-align:center; */
padding:10px 0px 0px 10px;   /*sm-screen  padding:10px 0px 0px 0px; */
}

.press-title  {
clear:both;   /*sm-screen  delete */
padding:5px 0px 0px 0px;
}

.press-title h2 {
color: #3e682d;
font-style: normal;
font-weight: bold;
margin: 0px 0px 0px 0px;     /*sm-screen     margin:5px 0px 25px 0px;  */
font-size: 15px;     /*sm-screen     font-size: 14px;  */
text-align:left;   /*sm-screen  text-align:center; */
}

.press-subtitle  {
padding:4px 0px 8px 0px;
}

.press-subtitle  h3 {
color: #000000;
font-size: 14px;
text-align:left;   /*sm-screen  text-align:center; */
font-style:italic;
}

/* End Press Release styles */

/*  weather widgets styles  */
.weather {
	display:inline-block;
	position:relative;
	margin:10px auto 10px auto;
	width:100%;
	height:auto;
	/*background-color: rgba(27,114,61,1.00);*/
}

.weather iframe {
	width:100%;
	height:228px;
	border:0px #666666 solid;
	overflow: hidden;
/*	background-color: rgba(27,61,114,1.00);*/
}

.weather p {
	text-align: right;
	font-size: 12px;
}

table.social {
	padding:0px 10px 10px 10px;
	border-collapse: collapse;
	width:300px;
}

table.social th {
	padding:0px;
	vertical-align: top;
	/*transform: translate(-20px, -10px) rotate(45deg);*/

	/*transform-origin: 50% 50% 0;*/
	text-align: right;
	width:40px;
	/*background-color: rgba(90,106,18,1.00);*/
}

table.social th p {
	text-align: left;
	transform: translate(-20px, -10px) rotate(45deg);
	width:100%;
}

table.social th:first-child {
	background-color: rgba(2,74,139,0.00);
}

table.social td {
padding:3px;
	margin:0px;
	border:1px solid #ffffff;
}

table.social tr td:first-child {
	border-left:1px solid rgba(2,74,139,0.20);
	padding-left:10px;
}

table.social tr td:last-child {
	border-right:1px solid rgba(2,74,139,0.20);
	padding-right:10px;
}
	
	
table.social tr:nth-child(2n+2) {
	background-color:rgba(2,74,139,.20);
	padding:0px;
	border:0px solid rgba(2,74,139,0.50);
}

table.social tr:nth-child(2n+1) {
	background-color:rgba(2,74,139,0.00);
	padding:0px;
	border:0px solid rgba(2,74,139,0.50);
}

.office-locator {
	margin:0px auto 0px auto;
	width:100%;
	height:auto;
}

.office-dropdown {
	text-align:center;
	margin:10px 0px 30px 10px;
}

#myForm label {
	text-align:left;
	display:block;
}

.office-map {
	border:1px solid rgba(2,74,139,1.00);
	padding:10px;
	width:calc(100% - 20px);
	height:300px;
	border-radius:10px;
}

.mapDir img {
	margin:0px 10px 0px 2px;
}


.flag-left {
	display:block;
	width:90%;
	vertical-align: top;
}

.flag-left img {
	padding:5px;
	max-width:200px;
	width:70%;
	border:1px solid rgba(2,74,139,0.50);
	margin:0px auto 10px auto;
	height:auto;
}

.flag-right {
	display:block;
	width:96%;
	padding:10px 2% 10px 2%;
}

.flag-explanation {
	background-color:rgba(2,74,139,0.12);
	border: 1px solid rgba(2,74,139,0.30);
	border-radius: 10px;
	padding:5px;
}

.flag-explanation h1 {
	color: #000000;
	font-family:'Trirong', serif;
	font-weight: bold;
	font-size: 15px;
	margin: 5px 0px 5px 0px;
}

.directory small {
	font-size:12px;
}

/*  Almanac styles   */

table.almanac {
	width:100%;
	border-collapse: collapse;
	border:1px solid rgba(2,74,139,0.5);
	border-radius:5px;
	font-size: 10px;
}

table.almanac + small {
	margin:0px 0px 40px 0px;
}

table.almanac + small + p {
	margin:30px 0px 0px 0px;
}


table.almanac caption h3 {
	font-family: 'Trirong';
	font-size: 16px;
	text-align: center;
	font-weight: bold;
}

table.almanac th {
	background-color: rgba(2,74,139,1.00);
	color:#ffffff;
	font-weight: normal;
	padding:3px 2px 3px 2px;
	text-align: center;
	border-right:1px rgba(255,255,255,0.4) solid;
	border-left:1px rgba(255,255,255,0.4) solid;
	border-top:1px solid rgba(2,74,139,1.00);
	letter-spacing: .5px;
}

table.almanac th:last-child {
	border-right:1px solid rgba(2,74,139,1.00);
}

table.almanac th:first-child {
	border-left:1px solid rgba(2,74,139,1.00);
}

table.almanac td {
	padding:3px 2px 3px 2px;
	text-align: center;
}

table.almanac td:first-child {
	padding:3px 5px 3px 5px;
	text-align: left;
}

table.almanac td:last-child {
	padding:3px 5px 3px 5px;
}


table.almanac tr:nth-child(even) {
	background-color:rgba(2,74,139,.20);
	padding:0px;
	border:0px solid rgba(2,74,139,0.50);
}

table.almanac tr:nth-child(odd) {
	background-color:rgba(2,74,139,0.00);
	padding:0px;
	border:0px solid rgba(2,74,139,0.50);
}

.social-page ul {
	list-style:none;
	padding-left:25px;
}

.social-page li {
	margin-left:0px;
	text-indent: -22px;
}

.social-page ul img {
	vertical-align:middle;
}
