/*RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} body {line-height: 1;}ol, ul{list-style:none;} blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;} :focus{outline:0;} ins{text-decoration:none;} del{text-decoration:line-through;} table{border-collapse:collapse; border-spacing:0;}
/* --------- within articles ALL screens--------- */
body  {font: 100% Arial, Verdana, Helvetica, sans-serif; -webkit-text-size-adjust: none; -ms-text-size-adjust: 100%; background: #FFFFFF; margin: 0; padding: 0; color: #000000;}
.twoColLiqRtHdr #container { width: 95%; background-color: #FFFFFF; margin-left:auto; margin-right:auto; margin-top:0; margin-bottom:0;  } 
.twoColLiqRtHdr #header { width: 100%; background: #000704a; margin-left:auto; margin-right:auto;  padding: 0 0;}
.twoColLiqRtHdr #mainContent a.mainarticle:link {font-size: 1.2em; text-decoration: none; border: 0; color:#00704a; font-weight:normal; text-align:left; white-space:normal;  }
.twoColLiqRtHdr #mainContent a.mainarticle:visited {font-size: 1.2em; text-decoration: none; border: 0; color:#00704a; font-weight:normal; text-align:left; white-space:normal;}
.twoColLiqRtHdr #mainContent a.mainarticle:active {font-size: 1.2em; text-decoration: none; border: 0; color:#00704a; font-weight:normal; text-align:left; white-space:normal;}
.twoColLiqRtHdr #mainContent a.mainarticle:hover {font-size: 1.2em;	text-decoration: underline; border: 0; color:#006699; font-weight:normal; text-align:left; white-space:normal;}
.twoColLiqRtHdr #mainContent p.inline {font-size: 1.1em; margin-top:30px; margin-bottom:30px; margin-left:15px;  }
.twoColLiqRtHdr #mainContent p.inline a:link { color:#00704a; padding:0; text-decoration:none; font-weight:bold; }
.twoColLiqRtHdr #mainContent p.inline a:visited { color:#00704a; padding:0; text-decoration:none; font-weight:bold; }
.twoColLiqRtHdr #mainContent p.inline a:hover {color:#00704a; padding:0; text-decoration:none; font-weight:bold; }
.twoColLiqRtHdr #mainContent p.inline a:active { color:#00704a; padding:0; text-decoration:none; font-weight:bold; }
.twoColLiqRtHdr #mainContent p.articleteaser {margin-left:155px; margin-top:5px; text-align:left; white-space:normal;}
.twoColLiqRtHdr #mainContent p.seemoreteaser {margin-top:5px; text-align:left; white-space:normal;}
.twoColLiqRtHdr #mainContent span.articletype {font-size: .75em; color:#333333;}
.inlineblock { display:inline-block; min-height:130px; text-align:left;}
/*CATEGORIES*/
.twoColLiqRtHdr #mainContent ul.articlelinks {list-style:circle; margin-left:10px; text-align:left;}
.twoColLiqRtHdr #mainContent ul.articlelinks li {margin-bottom: .7em; text-align:left; margin-left:5px;}
.twoColLiqRtHdr #mainContent ul.articlelinks A:link {color:#003366; text-decoration:none; font-weight:normal; border: 0; white-space:normal;}
.twoColLiqRtHdr #mainContent ul.articlelinks A:visited {color:#003366; text-decoration:none; font-weight:normal; border: 0; white-space:normal;}
.twoColLiqRtHdr #mainContent ul.articlelinks A:active {color:#003366; text-decoration:none; font-weight:normal; border: 0; white-space:normal;}
.twoColLiqRtHdr #mainContent ul.articlelinks A:hover {color:#006699; text-decoration:underline; font-weight:normal; border: 0; white-space:normal;}
.twoColLiqRtHdr #mainContent ul.articlelinks A.more:link {color:#00704a; text-decoration:none; font-weight:normal; border: 0; white-space:normal;}
.twoColLiqRtHdr #mainContent ul.articlelinks A.more:visited {color:#00704a; text-decoration:none; font-weight:normal; border: 0; white-space:normal;}
.twoColLiqRtHdr #mainContent ul.articlelinks A.more:active {color:#00704a; text-decoration:none; font-weight:normal; border: 0; white-space:normal;}
.twoColLiqRtHdr #mainContent ul.articlelinks A.more:hover {color:#00704a; text-decoration:underline; font-weight:normal; border: 0; white-space:normal;}

.twoColLiqRtHdr #mainContent span.articletype A:link {font-size: 1em; color:#333333; text-decoration:none;}
.twoColLiqRtHdr #mainContent span.articletype A:visited {font-size: 1em; color:#333333; text-decoration:none;}
.twoColLiqRtHdr #mainContent span.articletype A:active {font-size: 1em; color:#333333; text-decoration:none;}
.twoColLiqRtHdr #mainContent span.articletype A:hover {font-size: 1em; color:#333333; font-weight:bold; text-decoration:none;}

.twoColLiqRtHdr #mainContent h2.frontpagesubtopicheader {font-family:Arial, Helvetica, sans-serif; text-align:left; color: #003366; border-bottom-width:1px;  border-top-width:1px; border-left-width:0px; border-right-width:0px; border-style:solid; border-color:#00704a; margin:0px 0px 10px 0px; padding:10px 2px 10px 0; background-color:#FFFFFF;}
.twoColLiqRtHdr #mainContent .subtopicalpagesection  {background-color:#FFFFFF; text-align:left; margin-right:auto; margin-left:auto; width:95%; }
.twoColLiqRtHdr #mainContent .subtopicalpagesection h2.frontpagesubtopicheader A:link {font-family:Arial, Helvetica, sans-serif; color: #003366; text-decoration:none; text-align:left;}
.twoColLiqRtHdr #mainContent .subtopicalpagesection h2.frontpagesubtopicheader A:visited {font-family:Arial, Helvetica, sans-serif; color: #003366; text-decoration:none; text-align:left;}
.twoColLiqRtHdr #mainContent .subtopicalpagesection h2.frontpagesubtopicheader A:active {font-family:Arial, Helvetica, sans-serif; color: #003366; text-decoration:none; text-align:left;}
.twoColLiqRtHdr #mainContent .subtopicalpagesection h2.frontpagesubtopicheader A:hover {font-family:Arial, Helvetica, sans-serif; color: #006699; text-decoration: underline; text-align:left;}

.twoColLiqRtHdr #socmediaFollow  {border: 1px solid #B8D8B1; background-color: #333333; margin-left:auto; margin-right:auto; }
.twoColLiqRtHdr #socmediaFollow h5 {font-family:"Pontano Sans"; font-size: 2em; margin-top:5px; margin-bottom:5px; font-weight: bold; color:#FFFFFF; text-align:center;}

.middle { text-align: center; width:300px; margin-left:auto; margin-right:auto; }

.twoColLiqRtHdr #mainContent .fplft {display:inline-block; background-color:#FFFFFF; margin-right: auto; margin-left:auto; margin-top:20px; margin-bottom:5px; padding-left:10px; padding-right:10px;}
.twoColLiqRtHdr #mainContent .fprt {display:inline-block; background-color:#FFFFFF; margin-right: auto; margin-left:auto; margin-top:20px; margin-bottom:5px; padding-left:10px; padding-right:10px; }

.center { width:95%; margin-left:auto; margin-right:auto; background-color:#FFFFFF; }

img {border:none; }
img.menuicon {border:none; margin-top: -4px;}
img.floatLeft {float: left; margin-right:5px; }
@-ms-viewport {width: device-width;}




/* --------- all devices bigger than 760 pixels in browsers that do not support webkit IE Firefox--------- */
@media all and (min-device-width: 760px) {
.twoColLiqRtHdr #sidebar1 {	float: right; width: 30%; background: #FFFFFF; padding-top: 35px 0; margin-bottom:10px; margin-top:10px;}
.twoColLiqRtHdr #socmediaFollow  {width:19em; height:90px;}
.twoColLiqRtHdr #mainContent h2.frontpagesubtopicheader {font-size: 1.2em;}
.twoColLiqRtHdr #mainContent .subtopicalpagesection h2.frontpagesubtopicheader A:link {font-size:1.1em;;}
.twoColLiqRtHdr #mainContent .subtopicalpagesection h2.frontpagesubtopicheader A:visited {font-size:1.1em;}
.twoColLiqRtHdr #mainContent .subtopicalpagesection h2.frontpagesubtopicheader A:active {font-size:1.1em;}
.twoColLiqRtHdr #mainContent .subtopicalpagesection h2.frontpagesubtopicheader A:hover {font-size:1.1em;}
.twoColLiqRtHdr #socmediaFollow h5 {font-size: 1.5em;}
.twoColLiqRtHdr #mainContent { float: left; width: 65%; padding-top:0; padding-bottom:10px; background: #FFFFFF;  } 
.twoColLiqRtHdr #mainContent .fplft { float: left; width: 50%;  }
.twoColLiqRtHdr #mainContent .fprt { width: 50%;} 
.twoColLiqRtHdr #mainContent p.articleteaser {font-size: .85em; margin-left:155px; margin-top:5px; text-align:left; white-space:normal;}
.twoColLiqRtHdr #mainContent ul.articlelinks A:link {font-size:.95em;}
.twoColLiqRtHdr #mainContent ul.articlelinks A:visited {font-size:.95em;}
.twoColLiqRtHdr #mainContent ul.articlelinks A:active {font-size:.95em;}
.twoColLiqRtHdr #mainContent ul.articlelinks A:hover {font-size:.95em;}
.twoColLiqRtHdr #mainContent ul.articlelinks A.more:link {font-size:1.2em;}
.twoColLiqRtHdr #mainContent ul.articlelinks A.more:visited {font-size:1.2em;}
.twoColLiqRtHdr #mainContent ul.articlelinks A.more:active {font-size:1.2em;}
.twoColLiqRtHdr #mainContent ul.articlelinks A.more:hover {font-size:1.2em;}
}

/* --------- all devices bigger than 760 pixels AND DESKTOPS SAFARI AND CHROME--------- */
@media all and (min-device-width: 760px) and (-webkit-max-device-pixel-ratio:1.5) {
.twoColLiqRtHdr #sidebar1 {	float: right; width: 30%; padding-top: 0px; margin-bottom:10px; margin-top:10px; margin-right:auto; margin-left:auto;}
.twoColLiqRtHdr #mainContent { float: left; width: 70%; padding-top:0; } 
.twoColLiqRtHdr #mainContent .fplft { float: left; width: 50%;  }
.twoColLiqRtHdr #mainContent .fprt { width: 50%;} 
}

/* --------- all devices bigger than 760 pixels AND higher pixel ration SMART PHONES AND TABLETS--------- */
@media all and (min-device-width: 760px) and (-webkit-min-device-pixel-ratio:1.6) {
.twoColLiqRtHdr #sidebar1 {	float: right; width: 30%; padding-top: 0px; margin-bottom:10px; margin-top:10px; margin-right:auto; margin-left:auto;}
.twoColLiqRtHdr #mainContent .subtopicalpagesection .inlineblock .nomobile  {display:none;}
.twoColLiqRtHdr #mainContent { float: left; width: 70%; padding-top:0; } 
.twoColLiqRtHdr #mainContent .fplft { float: left; width: 100%; margin-left:auto; margin-right:auto;}
.twoColLiqRtHdr #mainContent .fprt { float: none; width: 100%; margin-left:auto; margin-right:auto;}
}

@media all and (max-device-width: 759px) and (-webkit-max-device-pixel-ratio:1.5){
.twoColLiqRtHdr #sidebar1 { float:none; width: 98%; padding-top:0; padding-bottom:10px; padding-left:1%; padding-right:1%; } 
.twoColLiqRtHdr #socmediaFollow  {display:none;}
.twoColLiqRtHdr #menu-container  {display:none;}
.twoColLiqRtHdr #mainContent { float:none; width: 100%; padding-top:0; padding-bottom:10px; padding-left:1%; 	padding-right:1%; margin-right:auto; margin-left:auto; } 
.twoColLiqRtHdr #mainContent .fplft { float: none; width:325px;margin-right:auto; margin-left:auto;  }

.twoColLiqRtHdr #mainContent .fprt {width:325px;margin-right:auto; margin-left:auto;  }
.center { width:350px; margin-left:auto; margin-right:auto; background-color:#FFFFFF; }
.twoColLiqRtHdr #mainContent ul.articlelinks A:link {font-size:1.1em;}
.twoColLiqRtHdr #mainContent ul.articlelinks A:visited {font-size:.1.1em;}
.twoColLiqRtHdr #mainContent ul.articlelinks A:active {font-size:1.1em;}
.twoColLiqRtHdr #mainContent ul.articlelinks A:hover {font-size:1.1em;}
.twoColLiqRtHdr #mainContent .subtopicalpagesection .inlineblock .nomobile  {display:none;}
}

@media all and (max-device-width: 759px) and (-webkit-min-device-pixel-ratio:1.6){
.twoColLiqRtHdr #sidebar1 { float:none; width: 98%; padding-top:0; padding-bottom:10px; padding-left:1%; padding-right:1%; } 
.twoColLiqRtHdr #socmediaFollow  {display:none;}
.twoColLiqRtHdr #menu-container  {display:none;}
.twoColLiqRtHdr #mainContent .subtopicalpagesection .inlineblock .nomobile  {display:none;}

.twoColLiqRtHdr #mainContent { float:none; width: 100%; padding-top:0; padding-bottom:10px; padding-left:1%; 	padding-right:1%; margin-right:auto; margin-left:auto; } 

.twoColLiqRtHdr #mainContent .fplft { float: none; width:325px;margin-right:auto; margin-left:auto;  }

.twoColLiqRtHdr #mainContent .fprt {width:325px;margin-right:auto; margin-left:auto;  }
.center { width:350px; margin-left:auto; margin-right:auto; background-color:#FFFFFF; }
.twoColLiqRtHdr #mainContent ul.articlelinks A:link {font-size:1.1em;}
.twoColLiqRtHdr #mainContent ul.articlelinks A:visited {font-size:.1.1em;}
.twoColLiqRtHdr #mainContent ul.articlelinks A:active {font-size:1.1em;}
.twoColLiqRtHdr #mainContent ul.articlelinks A:hover {font-size:1.1em;}
}






/*RIGHT COLUMN SAME ON ALL DEVICES FOR NOW*/
.frontrightcolumnspecial  {	background-color:#FFFFFF; text-align:left; border-top-width:1px; border-bottom-width:1px; border-left-width:1px; border-right-width:1px; 	border-style:solid; border-color:#b8d8b1; margin-right:auto; margin-left:auto; width:300px;}
.frontrightcolumnspecial h2.frontpagesubtopicheaderright {font-family:"Pontano Sans"; color:#FFFFFF; font-size: 1.3em; text-align:left; text-indent:5px; border-top-width:1px; border-bottom-width:1px; border-left-width:0px; border-right-width:0px; border-style:solid; border-color:#00704a; margin:0px 0px 0px 0px; padding:10px 2px 10px 0; background-color:#00704a;}
.frontrightcolumnspecial h2.frontpagesubtopicheaderright A:link {text-color:#FFFFFF; margin-left:5px; text-decoration:none; text-align:left;}
.frontrightcolumnspecial h2.frontpagesubtopicheaderright A:visited {text-color:#FFFFFF; margin-left:5px; text-decoration:none; text-align:left;}
.frontrightcolumnspecial h2.frontpagesubtopicheaderright A:active {text-color:#FFFFFF; margin-left:5px; text-decoration:none; text-align:left; }
.frontrightcolumnspecial h2.frontpagesubtopicheaderright A:hover {text-color:#FFFFFF; text-decoration: none; margin-left:5px; text-align:left; }
.frontrightcolumnspecial  ul.articlelinks {list-style:circle; margin-left:10px;}
.frontrightcolumnspecial  ul.articlelinks li {margin-bottom: 10px; text-align:left; margin-left:15px;}
.frontrightcolumnspecial  ul.articlelinks A:link {font-size:1em; color:#003366; text-decoration:none; font-weight:normal; border: 0; white-space:normal;}
.frontrightcolumnspecial  ul.articlelinks A:visited {font-size:1em; color:#003366; text-decoration:none; font-weight:normal; border: 0; white-space:normal;}
.frontrightcolumnspecial  ul.articlelinks A:active {font-size:1em; color:#003366; text-decoration:none; font-weight:normal; border: 0; white-space:normal;}
.frontrightcolumnspecial  ul.articlelinks A:hover {font-size:1em; color:#003366; text-decoration:underline; font-weight:normal; border: 0; white-space:normal;}
.frontrightcolumnspecial span.articletype {font-size: .85em; color:#333333;}

/*SUBSCRIBE BOX SAME ON ALL DEVICES FOR NOW*/
#subscribe  {width:300px; border: 1px solid #B8D8B1; background-color: #FFFFFF; margin-left:auto; margin-right:auto; }
#subscribe p.subscribetitle {font-family:"Pontano Sans"; font-size: 1.5em; margin-top:10px; margin-left:8px; margin-right:5px; margin-bottom:0; font-weight: bold; color:#000000; text-align:left; }
#subscribe p.subscribesubtitle {font-family:"Pontano Sans"; font-size: 1.3em; margin-top:10px; margin-left:8px; margin-right:5px; margin-bottom:0; color:#000000; text-align:left; }
#subscribe h5 {font-family:"Pontano Sans"; font-size: 1.7em; margin-top:10px; margin-bottom:0; font-weight: bold; color:#CC0000; text-align:left; }
#subscribe p.newsletters {font-size: 1.2em; font-family:"Pontano Sans"; margin-left:35px; margin-top:0; margin-bottom:0; color:#000000; text-align:left; }
#subscribe p.subscribenum {font-size: 1em; margin-top:0; margin-bottom:0; color:#000000; text-align:left; }
#subscribe p.subscribebox {font-family:"Pontano Sans"; font-size:1.4em; color:#CC0000; text-align:center; margin-bottom:2px; }
#subscribe input.subscribebutton {font-size:20px; font-family:"Pontano Sans"; color:#FFFFFF; background-color:#CC0000; margin-left:95px; margin-top:5px; margin-bottom:5px	}
#subscribe input.email {margin-left:5px; margin-top:0; width:280px;}
#subscribe a.privacypolicy {font-size:10px; text-align:right; color:#000000; text-decoration:none;}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
	
}


.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

