@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;
background-image: url(graphics/background-hi-lite.png);   /*sm-screen delete */
background-repeat: repeat-x;   /*sm-screen delete */
background-position: 0px 0px;   /*sm-screen delete */
}

#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: 730px;     /*sm-screen     min-width:320px;  */
max-width: 1200px;     /*sm-screen     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: 10px auto 0px auto;   /*sm-screen     margin: 5px auto 0px auto; */
padding: 0px;
border: 0;
min-width: 730px;     /*sm-screen     min-width:320px;  */
max-width: 1200px;     /*sm-screen     max-width:420px;  */
background-color: #ffffff;
}

h1 {
color: #024A8B;
font-family:'open-sans-semi', sans-serif;
font-weight: bold;
font-size: 28px;     /*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;
}

a:hover {
color: #97ac8f;
text-decoration: none;
}

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 0px 10px 0px;     /*sm-screen     margin: 0px auto 10px auto; */
padding: 0px 7% 0px 7%;     /*sm-screen     padding: 0px 1% 0px 1%; */
width:35%;     /*sm-screen     width:98%; */
}

.flex-3-to-1 {
display:inline-block;
vertical-align: top;
margin: 0px 0px 10px 0px;     /*sm-screen     margin: 0px auto 10px auto; */
padding: 0px 2% 0px 2%;     /*sm-screen     padding: 0px 1% 0px 1%; */
width:28%;     /*sm-screen     width:98%; */
}


.sm-screen-only {
display: none;     /*sm-screen    display: block; */
}

.lg-screen-only {
display:block;     /*sm-screen     display:none */
}

.dd-sm-screen-only {
	display: none;  /*sm-screen  display: inline-block;  */
}

.dd-lg-screen-only {
	display:inline-block;  /*sm-screen  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: 35px;
}

.header-branding {
	display:relative;
	width:100%;
height:100px;
}

.home-seal {
position:absolute;
top:0px;
left:3px;
background-image:url(graphics/state-seal-20perc.png);
background-position:0px -35px;
background-repeat:no-repeat;
width:290px;
height:262px;
z-index:4;
}

.official-nh {
position: absolute;     /*sm-screen     display:none;  */
width: 50%;     /*sm-screen     delete  */
height: 35px;     /*sm-screen     delete  */
background-image: url(graphics/official-nh.png);
background-repeat:no-repeat;
background-position: right top;
right: -20px;     /*sm-screen     delete  */
top: 3px; 
}

.websiteid {
position:absolute;
top:50px;
left:8%;
width:72%;
text-align: left;
z-index:13;
	vertical-align: top;
}

.websiteid2 {
position:absolute;
top:50px;
left:4%;
width:72%;
text-align: left;
z-index:13;
	vertical-align: top;
}

.websiteid2 img, .websiteid img {
margin:5px 3% 5px 0%;
z-index:13;
}

.websiteid2 h1 {
display:inline-block;
font-family: 'open-sans2';
    font-weight: normal;
	font-size: 36px;
	font-style: normal;
	color: rgba(0,0,0,0.60); 
    border: none;
	letter-spacing: .5px;
	white-space: nowrap;
	margin:0px;
	padding:0px;
	vertical-align: 20px;
}

.livefree {
position:absolute;
top:50px;
right:0px;
width:30%;
text-align:right;
	padding:0px 5% 0px 0px;
/*	background-color: rgba(177,21,23,1.00);*/
}

.livefree2 {
position:absolute;
top:50px;
right:0px;
width:30%;
text-align:right;
	/*background-color: rgba(177,21,23,1.00);*/
}

.livefree img, .livefree2 img {
margin:5px 15% 5px 5%;
}

.menu {
	position:relative;
	padding:3px 0px 0px 0px;
	text-align: center;
	height:29px;
	/*background-color: rgba(88,98,35,1.00);*/
	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;
	padding: 0px .5% 0px .5%;
	color: #000000; 
	text-decoration: none;
	/*height:26px;*/
    border: none;
	letter-spacing: .5px;
	white-space: nowrap;
	border-top:rgba(255,255,255,0.00) 3px solid;
	border-bottom:rgba(255,255,255,0.00) 6px solid;
	margin-bottom:0px;
	/*background-color: rgba(81,118,88,1.00);*/
}


label.drop-title a, label.drop-title-tri a {
	color: #000000;
	text-decoration: none;
	padding:0px 0px 3px 0px;
}

.dropdown:hover label.drop-title, .dropdown:hover label.drop-title-tri {
    border-top:rgba(168,38,38,1.00) 3px solid;
	border-bottom:rgba(168,38,38,1.00) 6px solid;
}

.dropdown input {
	display:none;
}

label.drop-title-tri::after {
	content: url(graphics/menu-triangle.png);
}

.triangle {
	vertical-align: -2px;
}

.diamond {
	vertical-align: -2px;
	color:rgba(168,38,38,1.00);
	font-size: 150%;
	margin:0px 4px 0px 0px;
}

.drop-content {
	text-align: left;
    /*display: none;*/
	visibility: hidden;
	/*opacity:0;
	height:20px;*/
    position: absolute;
	top: 29px;
    background-color:rgba(2,74,139,0.8);
    min-width: 160px;
	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;
    /*transition: opacity 1s ease, height 2s ease;*/
}

@media only screen and (max-width: 1000px) {
.menu .dropdown:last-child .drop-content:last-child {
min-width:160px;
	width: 100%;
	white-space:normal;
}
}

.dropdown:hover .drop-content {
    display: block;
	visibility:visible;
	/*opacity:1;
	height:200px;*/
}

.drop-title a:focus ~ .drop-content {
    display: block;
	visibility:visible;
	/*opacity:1;*/
}

.dropdown {
    position: relative;
    display: inline-block;
	vertical-align: top;
	margin:0px .5% 0px .5%;
	/*background-color: rgba(82,76,19,1.00);*/
	
}

/*.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:0px 0px 0px 0px;
}

.dropdown ul li:hover a {
	text-decoration: underline;
}

.dropdown ul li:hover {
	background-color: rgba(0,0,0,0.4);
}

#photo-and-search {
position:relative;     /*sm-screen     delete  */
width: 100%;
	padding:0px;
	
}

#main-photo {
	position:relative;
	width:calc(100% - 30px);
	margin:0px 15px 10px 15px;
	padding:0px;
	overflow: hidden;
}

#main-photo small {
	position:absolute;
	bottom:8px;
	left:20px;
	padding:2px 8px 2px 8px;
	background-color: rgba(255,255,255,0.70);
	border-radius: 5px;
	color:#000000;
	font-weight: bold;
	letter-spacing: .5px;
}

img.big-photo {
	border-radius: 10px;
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;
}

.full-width {
	width:76%;
	padding:0px 12% 0px 12%;
}

.wide-width {
	width:88%;
	padding:0px 6% 0px 6%;
}

.search-width {
	width:88%;
	padding:0px 6% 0px 6%;
}

.three-col {
	padding:0px 0% 0px 4%;
	width:96%;
	column-gap: 80px;
	column-rule: 1px solid rgba(0,0,0,0.2);
	border-left: 1px solid rgba(0,0,0,0.2);
	line-height: 18px;
	}

.three-col li, .two-col li {
	line-height: 24px;
}

@media only screen and (min-width: 901px) {
.three-col {
column-count: 3;
}}

@media only screen and (max-width: 900px) {
.three-col {
column-count: 2;
}}

.three-col section {
break-inside:avoid-column;
page-break-inside: avoid; /* needed for Firefox */
}

.two-col {
	padding:0px 12% 0px 12%;
	width:76%;
	column-count: 2;
	column-gap: 80px;
	column-rule: 1px solid rgba(0,0,0,0.2);
	line-height: 18px;
}

.two-col section {
break-inside:avoid;
page-break-inside:avoid; /* needed for Firefox */
}


.left-side {
	display:inline-block;
	width:32%;
	/*padding:10px 2% 20px 2%;*/
	margin:20px 2% 20px 9%;
	/*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 h1 {
	font-size: 24px;
	padding:10px 1% 0px 4%;
	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: 15px;
	font-style: normal;
	list-style: none;
	list-style-type: none;
	margin:0px 0px 0px 0px;
	padding:0px;
}

.looking-for li {
	margin:13px 2% 0px 9%;
}


.governor {
	position:relative;
	width:100%;
	max-width:565px;
	height:auto;
	margin:20px auto 20px auto;
	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 34%;
	font-style: normal;
	line-height: 28px;
	text-align: left;
}

@media only screen and (max-width: 1000px) {
.governor h1  {
	padding:20px 10px 20px 10%;
}
}

.governor h1 a {
	color:rgba(255,255,255,1.00);
	text-decoration: none;
}

.governor h1 span {
	color:rgba(246,179,10,1.00);
	font-size: 24px;
}

.governor h1 a:hover {
	text-decoration: underline;
}

.nh-question {
	display:inline-block;
	width:96.5%;
	padding:10px 1.5% 10px 2%;
	margin:20px 0px 20px 0px;
	background-color:rgba(2,63,119,1.00);
	border: 1px solid rgba(2,63,119,1.00);
	border-radius: 10px;
	color:#ffffff;
}

.nh-question h1 {
	font-size: 24px;
	font-style: normal;
	padding-left:10px;
	color:#ffffff;
}

.nh-question p {
	font-size:16px;
	margin-left:9%;
}

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

/* News and events page styles   */


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,.20);
}

.news-list li:nth-child(2n+1) {
	background-color:rgba(2,74,139,0.00);
}


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

.home-right-side {
	display:inline-block;
	width:47%;
	margin:20px 0% 20px 2%;
	vertical-align: top;
	/*background-color: rgba(111,213,110,1.00);*/
}

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

.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, .news-text p {
	color:rgba(2,74,139,1.00);
	text-decoration: none;
}

.news-text-home a, .news-text a {
	color:rgba(2,74,139,1.00);
	text-decoration: none;
}

.news-text-home a:hover, .news-text a:hover {
	text-decoration: underline;
	color:rgba(2,74,139,0.50);
}

.news-agency-home, .news-agency {
	display:block;
	font-family: 'open-sans2', sans-serif;
font-weight:bold;
	font-size: 11px;
}

.news-title-home, .news-title {
	display:inline-block;
}

.at-a-glance { 
	width:94%;
	padding:10px 2% 20px 4%;
	margin:0px 0 20px 0;
	background-color:#4f7aa2;
	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 8% 0px 8%;
	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:80%;
	position:relative;
	text-align:center;
	vertical-align:top;
	margin:40px 0px 10px 0px;
	padding:0px 10% 0px 10%;
}

.sm-icon2 {
	display:inline-block;
	margin:5px .75% 5px .75%;
	/*width:10%;*/
	width:120px;
	height:auto;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
}

.sm-icon2 img {
	width:100%;
	height:auto;
	max-height:50px;
	border-radius:5px;
}

.fontsizer {
	position: absolute;
	left:10px;
	top:0px;
width: 100px;     /*sm-screen     delete  */
height: 25px;     /*sm-screen     delete  */
padding-left: 10px;     /*sm-screen     delete  */
padding-top: 5px;     /*sm-screen     delete  */
text-align: left;     /*sm-screen     delete  */
	z-index:5;
}



.fontsizer img, .home-fontsizer img {     /*sm-screen     delete all  */
border-width: 0;
margin: 5px 0px 0px 0px;
}

.translate {
position: absolute;     /*sm-screen     display:inline-block;*/
top: 8px;     /*sm-screen     margin-right:10px;  */
left: 90px;     /*sm-screen     margin-left:20px;  */
background-position: 0px 1px;     /*sm-screen     background-position:center bottom;  */
width: 82px;
height: 20px;
background-image: url(graphics/flags-translate-transp.png);
background-repeat: no-repeat;
border-bottom:1px solid transparent;
	z-index:5;
/*sm-screen     padding:2px 0px 0px 0px;  */
/*sm-screen     float:left;*/
}


.translate:hover {
background-image: url(graphics/flags-translate.png);
border-bottom:1px solid #ffffff;     /*sm-screen     border-bottom:1px solid #000000;*/
}

.translate-selected {
background-image: url(graphics/flags-translate.png);
border-bottom:1px solid #ffffff;     /*sm-screen     border-bottom:1px solid #000000;*/
}



/*---------------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  */
}



/* End all banner related items */

#bodycontainer {
position:relative;     /*sm-screen     delete  */
width: 100%;
}

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

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

.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:80%;
}

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

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 20px;
	margin:0px;
}

.search-width li span {
	font-size: 12px;
}

.mno-searchresults tr:nth-child(2){
	padding-left:20px;
}




/* End of Needed for Search */



/* End all content area items */

#footnote {
clear: both;   /*sm-screen  width:100%; */
padding: 30px 4% 10px 11%;     /*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: 35px;   /*sm-screen  height:50px; */
background-color: #024a8b;
}

.footerleft {
float: left;   /*sm-screen  delete */
background-image: url(graphics/footer_seal.gif);   /*sm-screen  delete */
background-position: 3% 4px;   /*sm-screen  delete */
background-repeat: no-repeat;   /*sm-screen  delete */
height: 25px;   /*sm-screen  delete */
padding-top: 10px;   /*sm-screen  delete */
width: 52%;   /*sm-screen  delete */
padding-left: 50px;   /*sm-screen  padding:5px 0px 4px 0px; */
text-align: left;   /*sm-screen  text-align:center; */
color: #ffffff;
}

.footerleft a:link {
color: #ffffff;
text-decoration: none;
}

.footerleft a:hover {
color: #658bbb;
text-decoration: underline;
}

.footerleft a:visited {
color: #ffffff;
}

.footerright {
float: right;   /*sm-screen  delete */
height: 25px;   /*sm-screen  delete */
width: 38%;   /*sm-screen  delete */
padding-top: 10px;   /*sm-screen  padding:4px 0px 10px 0px; */
padding-right: 2%;   /*sm-screen  font-size:11px; */
text-align: right;   /*sm-screen  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 15px 10px 15px;
	width:calc(33% - 30px);
	min-width:300px;
	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;
}

table.social th {
	padding:10px;
	vertical-align: top;
		border-radius:10px;
}

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(even) {
	background-color:rgba(2,74,139,.20);
	padding:0px;
	border:0px solid rgba(2,74,139,0.50);
}

table.social tr:nth-child(odd) {
	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:70%;
	height:auto;
}

.office-dropdown {
	text-align:left;
	margin:10px 0px 30px 10px;
}

.office-dropdown #DropDownList option.map-option {
/*	background-color: rgba(219,19,23,1.00);
	width:200px;*/
}

#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:500px;
	border-radius:10px;
}

.mapDir img {
	margin:0px 10px 0px 2px;
}

.flag-left {
	display:inline-block;
	width:30%;
	/*height:800px;*/
	vertical-align: top;
}

.flag-left img {
	padding:5px;
	max-width:284px;
	width:100%;
	border:1px solid rgba(2,74,139,0.50);
	margin:0px 20px 10px 0px;
	height:auto;
}

.flag-right {
	display:inline-block;
	width:55%;
	padding:10px 5% 10px 5%;
}

.flag-explanation {
	background-color:rgba(2,74,139,0.12);
	border: 1px solid rgba(2,74,139,0.30);
	border-radius: 10px;
	padding:10px;
}

.flag-explanation h1 {
	color: #000000;
	font-family:'Trirong', serif;
	font-weight: bold;
	font-size: 17px;
	margin: 5px 0px 5px 0px;
}


.directory small {
	font-size:12px;
}

table.almanac {
	width:100%;
	border-collapse: collapse;
	border:1px solid rgba(2,74,139,0.5);
	border-radius:5px;
}

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: 18px;
	text-align: center;
	font-weight: bold;
}

table.almanac th {
	background-color: rgba(2,74,139,1.00);
	color:#ffffff;
	font-weight: normal;
	padding:3px 5px 3px 5px;
	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 5px 3px 5px;
	text-align: center;
}

table.almanac td:first-child {
	padding:3px 5px 3px 25px;
	text-align: left;
}

table.almanac td:last-child {
	padding:3px 25px 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;
}