@import"reset.css";@import"grid.css";@import"forms.css";@import"prettyPhoto.css";@import"galleryfic.css";@import"kwicks.css";
@import url('https://fonts.googleapis.com/css?family=Oswald:400,700');
/* version=1.0.1*/
/* original background color was #666 before Conni changed it to dark slate gray 2F4F4F */
body{font:12px/20px Oswald, Georgia, "Times New Roman", Times, serif;color:#2F4F4F;position:relative;width:100%;height:100%}


html,body{height:100%;}
/****state map****/
#map {height:700px; width:960px;}

/* Global Structure---------------------------------------- */
.main{margin:0 auto;max-width:960px;}
.container{background:url(../images/texture.gif) 50% 0;min-height:90vh;}
body>span{display:block;width:100%;height:7px;overflow:hidden;line-height:0;font-size:0;}
.hide{display:none;}

    /*----- txt,links,lines,titles -----*/
.title {COLOR:#646253; FONT: 18px arial, sans-serif; font-weight:bold; word-spacing:3px;}
.title2{color:Maroon;font-size:20px;}
.subtitle {font-weight:bold; word-spacing:3px; color:#996600;}
a{color:#662108;outline:none;cursor:pointer;text-decoration:none;}/* Conni added for the links on the index to remove the underscore and the need to hard code the font color */
.self-refer{cursor:default;}
.column-label{display:inline-block; width:14%;}
.column-label1{display:inline-block; width:23%; font-size:1.2em;}
.column-label2{display:inline-block; width:37%; font-size:1.1em;}
.column-label3{display:inline-block; width:25%; font-size:.9em;}
.column-label4{display:inline-block; width:12%; font-size:.9em;}
.column-label5{color:#662108; text-decoration:none; font-style:italic; display:inline-block; width:33%; font-size:1.35em; margin-bottom:15px;}
.column-label6{display:inline-block; width:45%; font-size:1.2em;}
.column-textbox{display:inline-block; width:35%; margin:0 15px 20px 35%;}
.column-textbox1{display:inline-block; width:27%; margin-left:1%;}
.column-textbox2{display:inline-block; width:27%; margin-right:10%;margin-bottom:30px}
.column-textbox3{display:inline-block; width:22%; margin-right:2%;margin-bottom:30px}
.column-textbox4{display:inline-block; width:40%; margin:0 0 30px 43%;font-size:1.1em;}
span.column-textbox input{width:100%}
.emphasize{font-weight:bold; font-size:1.2em;}
.indentLeft{margin-left:4%}
.indentLeft1{margin-left:5%}
.readable{font-size:1.3em;}
/*a{color:#94bf00;outline:none;cursor:pointer;text-decoration:underline;} */
a:focus{outline:none;}
a:hover{text-decoration:none;}
.clear{clear:both;line-height:0;font-size:0;overflow:hidden;height:0;width:100%;}
.wrapper{width:100%;overflow:hidden;}
.extra-wrap{overflow:hidden;display:block;}
p{margin-bottom:20px}
.p0{margin-bottom:0 !important}
.p1{margin-bottom:8px !important}
.p2{margin-bottom:15px !important}
.p3{margin-bottom:30px !important}
.p4{margin-bottom:40px !important}
.p5{margin-bottom:50px}
.p6{margin-bottom:60px !important;}
.p7{margin-bottom:70px}
p.search{font-size:16px}
.reg{text-transform:uppercase}
.fleft{float:left}
.fright{float:right}
.alignright{text-align:right}
.aligncenter{text-align:center}
.alignmiddle *{vertical-align:middle}
.it{font-style:italic}
.letter{letter-spacing:-1px}
.color-1{color:#fff}
.color-2{color:#000}
.color-3{color:#94bf00}
.invisible{display:none;}
    /**PPIS**/
.ppisreportspan {color:#996600; padding:0;}
.ppisreportspanprodname {color:#996600; font-weight:bold; font-size:1.1em;}
.ppisreportingred {color:#662108;}
.ppis_li {color:#996600;}
.ppisProd{margin-left: 2%;}
.break{display:none;}
.inputbox{Border-Color:#dad9d3; width:40%;height:20px;}
.inputbox1{Border-Color:#dad9d3; width:11%;height:20px;}
.report{border-width:2px; border-color:black; border-style:solid;}
.crosshatch[readonly=""]
 {
    background: repeating-linear-gradient(135deg, rgba(255,255,255, .3),rgba(255,255,255, .3) 9px,rgba(150,150,150, .3) 9px,rgba(150,150,150, .3) 10px),
            repeating-linear-gradient(45deg, rgba(255,255,255, .3),rgba(255,255,255, .3) 9px,rgba(150,150,150, .3) 9px,rgba(150,150,150, .3) 10px);
    background-size:14.14px 14.14px;
  }

 /*Conni Begin */
.back{background:url(../images/back.png);width:11px;height:16px;display:inline-block;vertical-align:middle;line-height:0;font-size:0;overflow:hidden;}
.back:hover{background:url(../images/back.png) -11px 0;}
.col-dq{max-width:850px;float:left;}
.col-dq1{margin-right:20px;}
.col-dq2{margin-right:100px;}
/* used to extend list at bottom of Outreach page */
.col-out{margin-right:5px;}

/* Table styling - original settings */

table thead th{background:#9cbf40;color:#fff;border:1px solid #f7f6f1;padding:5px 0;}
table tbody td{width:20%; border:1px; padding:0; text-align:left; font-size:1.1em; line-height:1.4em;}
table tbody > tr > th{width:35%;border-bottom:1px solid black;padding:5px 0;}
table.search{width:95%}
table.search > td{font-size:1.3em;}
table.search tbody td{width:24%; border:1px; padding:20px 0; text-align:left; font-size:1.3em; line-height:1.4em;}


table.pub thead th{background:#9cbf40;color:#fff;border:1px solid #f7f6f1;padding:5px 0;}
table.pub tbody td{background:#838b07;width:350px;text-align:center;border:1px solid #f7f6f1;padding:5px 0;color:#fff;}
 
table_npform thead th{background:#662108;color:#000000;border:0px;padding:15px 0;}
.table_npform tbody td{background:transparent;color:#000000;width:80px;text-align:left; font-size:12px;}
.state-table{display:none;}
/*.map{display:inline-block;}*/
#tooltipHolder:not(.popupColumn1) { column-count: 4; display:none;}
#tooltipHolder p:not(.nouppercase) {font-size:1.7em; text-transform:uppercase; cursor:pointer;}
#tooltipHolder p.nouppercase {font-size:1.7em;}
#tooltipHolder div {font-size:1.5em;}
#tooltipHolder .closetooltipp {float:right; font-size:2em;cursor:pointer; width:30px; height:30px; text-align:center;position:relative;right:65%;bottom:20px;}
#tooltipHolder .closetooltip {cursor:pointer;}
.popupColumn1 {column-count:1;}
#arrowAnim {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border:1px solid black;
  padding: 0 10px;
  background:linear-gradient(#eee, #d6d6d6);
  margin-bottom:20px;
  margin-top:-50px;
}
#arrowAnim:hover {
  background:linear-gradient(#d6d6d6, #eee);
}

.arrow {
  width: 8px;
  height: 8px;
  border: 3px solid;
  border-color: black transparent transparent black;
  transform: rotate(-45deg);
}


.arrowSliding {
  position: absolute;
  -webkit-animation: slide 2.5s linear infinite; 
  -moz-animation: slide 2.5s linear infinite; 
          animation: slide 2.5s linear infinite;
}

.delay1 {
  -moz-animation-delay: 1s;
    animation-delay: 1s;
}
.delay2 {
  -moz-animation-delay: 2s;
    animation-delay: 2s;
}
.delay3 {
  -moz-animation-delay: 3s;
    animation-delay: 3s;
}

@-webkit-keyframes slide {
    0% { opacity:0; transform: translateX(15px); }	
   20% { opacity:1; transform: translateX(9px); }	
   80% { opacity:1; transform: translateX(-9px); }	
  100% { opacity:0; transform: translateX(-15px); }	
}
@-moz-keyframes slide {
    0% { opacity:0; transform: translateX(15px); }	
   20% { opacity:1; transform: translateX(9px); }	
   80% { opacity:1; transform: translateX(-9px); }	
  100% { opacity:0; transform: translateX(-15px); }	
}
@keyframes slide {
    0% { opacity:0; transform: translateX(15px); }	
   20% { opacity:1; transform: translateX(9px); }	
   80% { opacity:1; transform: translateX(-9px); }	
  100% { opacity:0; transform: translateX(-15px); }	
}

 /*Conni End */

/*********************************boxes**********************************/
.margin-bot{margin-bottom:35px !important}
.margin-bot1{margin-bottom:5px !important}
.spacing{margin-right:30px;}
.spacing1{margin-right:5%;}
.spacing2{margin-right:6px}
.spacing3{margin-right:60px}
.indent-bot{margin-bottom:20px !important}
.indent-bot2{margin-bottom:30px}
.indent-bot3{margin-bottom:45px}
.img-indent-bot{margin-bottom:25px !important}
.img-indent-l10{margin-left:10%;}
.img-indent{float:left;margin:0 20px 0px 0}
.img-indent2{float:left;margin:0 10px 0px 0}
.img-indent3{float:left;margin:0 10px 0px 0px}
.img-indent-r{float:right;margin:0 0px 0px 30px}
.prev-indent-bot{margin-bottom:10px !important}
.prev-indent{float:left;margin:0 17px 0px 0}
.padding-top{padding-top:10px}
.padding-top1{padding-top:30px}
.padding-top2{padding-top:25px}
/*********************************header*************************************/
header{padding:16px 0 0;}
header h1{float:left;margin:0px;padding:0 0 21px}
header h1 a{background:url(../images/logo.png) 0 0 no-repeat;width:220px;height:61px;text-indent:-5000px;overflow:hidden;display:block;}
header nav{position:relative; z-index:999; float:right; padding:14px 0 0 0;}
.slider{background:url(../images/slider_bg.png);padding:16px;max-width:1100px;height:470px;margin:0 auto;}
.smallslider{background:url(../images/slider_bg.png);padding:16px;max-width:1100px;height:auto;margin:auto;}

.blocks{overflow:hidden;margin:-55px auto 0;max-width:960px;position:relative;padding:0 0 40px;z-index:100;}
.blocks li{float:left;margin:0 5px;border:6px solid #dad9d3;font:italic 16px/24px Oswald, "Times New Roman", Times, serif;width:218px;background:url(../images/block1_border_hover.gif) 100% 100% no-repeat;}
.blocks li a{display:block;background:#fffefb;color:#2f2924;text-decoration:none;}
.blocks li a div{background:url(../images/blocks_border.gif) 0 0 repeat-x;padding:36px 21px 37px 21px;}
.blocks li a strong{display:block;margin:29px auto 0;width:73px;color:#fffefb;font-size:14px;line-height:1.2em;border-radius:42px;padding:19px 0;text-align:center;box-shadow:0 0 0 5px #dad9d3,0 0 0 1px rgba(0,0,0,.3) inset;}
.blocks li a h4{color:#fff;margin:0;font-size:22px;padding:19px 0 19px 20px;word-spacing:6px;}

.blocks li:first-child a h4{background:url(../images/block1_title.jpg);}
.blocks li:first-child a strong{background:url(../images/block1_more.jpg);}
.blocks li:first-child a:hover{color:#ecebe6;background:#662108}
.blocks li:first-child a:hover div{background:url(../images/block1_border_hover.gif) 0 0 repeat-x;}
.blocks li:first-child a:hover h4{background:url(../images/block1_title.jpg) 0 -64px}
.blocks li:first-child a strong.hover{color:#662108;box-shadow:0 0 0 5px #dad9d3,0 0 0 1px #662108 inset;background:#ecebe6;}

.blocks li:first-child+li{background:url(../images/block2_border_hover.gif) 100% 100% no-repeat;}
.blocks li:first-child+li a:hover{background:#4a5202;color:#ecebe6;}
.blocks li:first-child+li a h4{background:url(../images/block2_title.jpg)}
.blocks li:first-child+li a:hover h4{background:url(../images/block2_title.jpg) 0 -64px}
.blocks li:first-child+li a strong{background:url(../images/block2_more.jpg);}
.blocks li:first-child+li a strong.hover{color:#4a5202;background:#ecebe6;box-shadow:0 0 0 5px #dad9d3,0 0 0 1px #4a5202 inset;}
.blocks li:first-child+li a:hover div{background:url(../images/block2_border_hover.gif) 0 0 repeat-x;}

.blocks li:first-child+li+li{background:url(../images/block3_border_hover.gif) 100% 100% no-repeat;}
.blocks li:first-child+li+li a:hover{background:#3c5564;color:#ecebe6;}
.blocks li:first-child+li+li a h4{background:url(../images/block3_title.jpg)}
.blocks li:first-child+li+li a:hover h4{background:url(../images/block3_title.jpg) 0 -64px}
.blocks li:first-child+li+li a strong{background:url(../images/block3_more.jpg);}
.blocks li:first-child+li+li a strong.hover{color:#3c5564;background:#ecebe6;box-shadow:0 0 0 5px #dad9d3,0 0 0 1px #3c5564 inset;}
.blocks li:first-child+li+li a:hover div{background:url(../images/block3_border_hover.gif) 0 0 repeat-x;}

.blocks li:first-child+li+li+li{background:url(../images/block4_border_hover.gif) 100% 100% no-repeat;}
.blocks li:first-child+li+li+li a:hover{background:#8e4918;color:#ecebe6;}
.blocks li:first-child+li+li+li a h4{background:url(../images/block4_title.jpg)}
.blocks li:first-child+li+li+li a:hover h4{background:url(../images/block4_title.jpg) 0 -64px}
.blocks li:first-child+li+li+li a strong{background:url(../images/block4_more.jpg);}
.blocks li:first-child+li+li+li a strong.hover{color:#8e4918;background:#ecebe6;box-shadow:0 0 0 5px #dad9d3,0 0 0 1px #8e4918 inset;}
.blocks li:first-child+li+li+li a:hover div{background:url(../images/block4_border_hover.gif) 0 0 repeat-x;}
/********************** Content ************************/
section#content{padding:50px 0 37px;max-width:960px;margin:0 auto;background:url(../images/border.png) repeat-x}
/*  Header styles */
h1,h2,h3,h4,h5,h6{margin:0 0 31px;line-height:1.2em;color:#3d3732;word-spacing:6px;}
h1{font-size:32px;}
h2{font-size:30px;}
h3{font-size:28px;}
h4{font-size:24px;}
h5{font-size:20px;}
h6{font-size:18px;}
h4.search, h3.search, h6.search{margin-bottom:15px;}



h1 em{color:#823c16;}
h1 strong{display:block;font-size:60px;line-height:1.2em;color:#23231c}
.padding-right{padding-right:30px}
.radio input{width:18px; height:18px;margin-top:-1px;}
.radio label{font-size:18px; font-weight:bold;}
.radioP{font-size:14px;margin-left:3%;margin-top:10px;position:relative;}
.hyphen{font-size:40px;margin:-1px 5px 0px 5px; position:relative; bottom:4px;}
.col-1,.col-2{max-width:281px;float:left;}
.col-1{margin-right:19px;}
.error{color:red; font-weight:bold;position:absolute;}
.error1{color:red; font-weight:bold; font-size:1.5em;}
.error2{color:red; font-weight:bold; font-size:1.2em;}
.relative{position:relative;z-index:4}
figcaption{position:absolute;bottom:5px;z-index:5;left:5px;right:5px;background:#1f1f1f;color:#fff;padding:7px 0;font:bold 13px/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;text-align:center;}
.border-bot{padding:0 0 51px;margin:0 0 25px;background:url(../images/border.png) 0 100% repeat-x;}
.border-bot1{background:url(../images/border_1.png) 0 0100% repeat-x;padding-bottom:11px;margin-bottom:9px;}
.border-bot2{padding-top:20px;margin-bottom:30px;background:url(../images/border.png) 0 100% repeat-x;padding-bottom:13px}

/*  Buttons */
.button{color:#662108;display:inline-block;text-decoration:none;font-style:italic;font-size:16px;}
.button2{color:#662108;display:inline-block;text-decoration:none;font-size:13px;} /*Conni added for the link in the index */
.button3{color:#662108;display:inline-block;text-decoration:none;font-style:italic;font-size:18px;}
.button4{color:#662108;display:inline-block;font-size:20px;line-height:1.4;}
.button5{color:#662108;display:block;font-style:italic;font-size:22px;text-align:center;}
.button6{color: #2F4F4F;display:block;font-size:18px;font-weight:bold;text-align:center;padding:8px 8px 8px 8px}
.button7{color:#662108;font-size:20px;line-height:1.4;}
.button:hover{color:#3d3732;text-decoration:underline;}
.link{text-decoration:none;color:#e50011;}
.link:hover{text-decoration:underline;}
.link-1{color:#0071ba;font-style:italic;}
.link-2{color:#0071ba;font-style:italic;text-decoration:none;}
.link-2:hover{text-decoration:underline;}
.more{background:url(../images/more.png);width:11px;height:16px;display:inline-block;vertical-align:middle;line-height:0;font-size:0;overflow:hidden;}
.more:hover{background:url(../images/more.png) -11px 0;}

/* ********** Lists ********** */
.list-1 li{padding:0px 0 10px 10px;}
.list-1 li a{text-decoration:none;}
.list-1 li a:hover{text-decoration:underline;}

.list-2 li{padding:5px 0 4px;border-bottom:1px solid #d5d5d5;line-height:30px}
.list-2 li a{text-decoration:none;}
.list-2 li a:hover{color:#666}
.list-2 li img{vertical-align:middle;margin-right:8px;}

/* Conni created this list to use on the training, npirs, and nspirs pages. */
.list-3 li{padding:0px 0 5px 8px;background:url(../images/block1_border_hover.gif) 0 8px no-repeat;}
.list-3 li a{text-decoration:none;}
.list-3 li a:hover{text-decoration:underline;}
.list-4 li{margin-left:20px;}

#ContentPlaceHolder1_Comments{width:88%; height:200px; resize:none; margin-top:25px;}
ol li{list-style:decimal-leading-zero inside;padding:0 0 10px}
ol li a{color:#666;text-decoration:none;}
ol li a:hover{color:#94bf00;}

.banners{overflow:hidden;}
.banners li{float:left;margin:0 50px 20px 0;}
.banners li:first-child+li{margin:0 0px 20px 0;}
.banners li:first-child+li+li{clear:left;margin:10px 50px 0 0;}
.banners li:first-child+li+li+li{margin:0;}

time{display:inline-block;font-style:italic;background:url(../images/time.gif) 0 3px no-repeat;padding:0 0 0 20px;}
time a{text-decoration:none;}
time a:hover{text-decoration:underline;}

.text1{font:italic 20px/24px Georgia, "Times New Roman", Times, serif;color:#8d8d8d;}
.text2{line-height:26px;color:#535353;}
.text2 a{color:#535353;}
.text3{font:italic 18px/24px Georgia, "Times New Roman", Times, serif;color:#8d8d8d;}
.text4{line-height:24px}

/*#map_canvas{width:380px;height:238px;border:5px solid #dad9d3;margin:0 0 15px;}*/

aside{background:url(../images/border.png) repeat-x;max-width:960px;margin:0 auto;padding:50px 0;}
aside h6{color:#8d8d8d;margin:0 0 25px}
aside a{color:#666;text-decoration:none;}
aside a:hover{text-decoration:underline;}

.icons{overflow:hidden;}
.icons li{float:left;margin:0 7px 0 0;position:relative;}
.icons li a{display:block;}
.icons li a img{position:relative;}
.icons li a img+img{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease}
.icons li a:hover img+img{opacity:1;}

/******************** Footer ******************/
footer{background:url(../images/body_texture.jpg) 50% 0 #000; width:100%;}
footer div{ padding:18px 0px;max-width:950px; margin:0 auto; color:#d4d1c9;}
footer a{color:#d4d1c9;text-decoration:none;}
footer a:hover{text-decoration:underline;}

/* Left & Right alignment */
blockquote{display:block;margin:0 5px 45px 0px;quotes:none;padding:0 0 0 34px;position:relative;}
blockquote > div::before{ content:"\201c"; color: yellowgreen; position:absolute; top: 30px; left: 8px; font-size:84px; font-family: serif;}
blockquote div{border-radius:20px;box-shadow:1px 1px 3px #b7b9b2;color:#7d7672;font-style:italic;line-height:22px;padding:20px 25px 20px 25px;}
blockquote div span{background:url(../images/blockquote.jpg);width:46px;height:32px;position:absolute;top:100%;left:123px;display:block;}
blockquote div p{margin:0 0 10px;}
.checkbox-spacer{margin-left:13%}
.top1{background:url(../images/top.gif) 0 60% no-repeat;padding:0 0 0px 14px;display:inline-block;text-decoration:none;color:#9cbf40;font:11px/1.2em Arial, Helvetica, sans-serif;text-transform:uppercase;}
.top1:hover{color:#000;}
.box,.box1,.box2 {float:right;margin-right:25%;display:inline;}
.box3 {margin-left: 11%;}
.box3 .hyphen {font-size:20px; font-weight:bolder; bottom:0;}
.box3 .inputbox {vertical-align:initial;}
ins{background:#9cbf40;padding:0 5px;color:#fff;text-decoration:none;}
del{text-decoration:line-through;}
abbr{cursor:help;}
dfn{letter-spacing:2px;color:#1f1f1f;}
sub{vertical-align:bottom}
sub,sup{font-size:.8em;color:#1f1f1f;font-family:Arial, Helvetica, sans-serif;}
.elements-list small{font-size:10px;font-family:Verdana,Geneva,sans-serif;} 
.elements-list big{font-size:24px;color:#1f1f1f;}
.elements-list q{font-family:"Courier New",Courier,monospace;}
abbr,acronym{text-transform:uppercase;}
pre,code,tt{font:1em 'andale mono','lucida console',monospace;line-height:1.5;display:block}
code{background-color:#f6f6f6;display:block;color:#333;padding:3px 2px 3px 5px;line-height:1.67em;border:1px dotted #333}
pre{white-space:pre}
/* Layouts navigation */
.layouts-nav{width:100%;overflow:hidden;padding-bottom:30px !important}
	.layouts-nav li{float:left;margin-right:20px;background:none !important;padding:0 !important}
		.layouts-nav li a{float:left;background:#333;padding:2px 10px;color:#fff;position:relative;margin-right:10px;cursor:pointer;text-decoration:none;}
		.layouts-nav li a:hover{background:#aaa}
/* Definition list style */
dl dt{margin:0 0 20px;}
dl dd span{width:105px;display:inline-block;}


/* Information box */
.info-box,.download-box,.notification-box,.error-box{padding:20px 30px 20px 110px;margin-bottom:15px;position:relative;height:1%;font-size:13px;}
.info-box{color:#64757f;background:#e1f2fc;border:1px solid #68a2cf}
.download-box{color:#697a58;background:#eeffdd;border:1px solid #a3c159}
.notification-box{color:#79725b;background:#fef7e0;border:1px solid #e6c555}
.error-box{color:#7e6c6c;background:#feebeb;border:1px solid #ff9999}
.info-box p.icon,.download-box p.icon,.notification-box p.icon,.error-box p.icon{position:absolute;left:34px;top:16px;margin:0}
/* Pages
---------------------------------------- */
/* 404 page */
/* Under Construction page =====*/
#constuction-box{width:800px;height:500px;position:absolute;left:50%;top:50%;margin-left:-400px;margin-top:-250px;background:#fff;text-align:center}
	#constuction-box .inside{padding:40px 40px 40px 40px}
		#constuction-box .button{position:relative}
		#constuction-box h1{text-align:center;font-size:4em;margin-bottom:.2em;line-height:1.2em;letter-spacing:2px;border-bottom:1px solid #ddd;padding-bottom:10px;}
	/* Countdown */
	#countdown_dashboard{height:110px;padding:30px 0 40px 0;width:650px;margin:0 auto;position:relative}
	.dash{width:110px;height:114px;background:transparent url('../images/dash.png') 0 0 no-repeat;float:left;margin-left:20px;position:relative}	
	.dash .digit{font-size:75px;line-height:92px;font-weight:bold;float:left;width:55px;text-align:center;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;color:#555;position:relative}
		.dash .digit .bottom{font-size:75px;line-height:92px}	
	.dash_title{position:absolute;display:block;bottom:0px;left:0;font-size:12px;color:#555;letter-spacing:2px;width:110px}	
/* Intro page */
#intro-box{width:600px;height:400px;position:relative;left:50%;top:50%;margin-left:-300px;margin-top:-200px;background:#fff;text-align:center;float:left}
	#intro-box .inside{padding:40px 40px 40px 40px}
		#intro-box h1{text-align:center;font-size:4em;margin-bottom:.2em;line-height:1.2em;position:absolute;left:0;top:-90px;width:600px;overflow:hidden;height:100px;border:none;color:#fff}
		#intro-box .button{position:absolute;right:40px;bottom:10px;float:right;white-space:nowrap}
		.intro-buttons{width:500px;padding:0 50px;position:absolute;left:0;bottom:50px}
		#flash-intro{margin-bottom:20px;position:absolute;left:23px;top:20px}
.example-pager {position:absolute; bottom:5px;z-index:100; font-size:50px; color:rgba(238,238,238,.1);text-shadow:1px 0 #ccc, 0 1px #ccc, 0 -1px #ccc, -1px 0 #ccc;padding-left:31%;}
.example-pager span {cursor:pointer;}
.cycle-pager-active {color:#fff;}
.example-pager span:hover {color:#fff;}
/* Content
---------------------------------------- */		
/* Lightbox image */

.lightbox-image{display:inline-block;padding:5px;background:#dad9d3;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease}
.lightbox-image:hover{background:#3d3732;}
.hover-image2{display:inline-block;position:relative;}
.hover-image2 img{position:relative;}
.hover-image2 span{position:absolute;width:100%;height:100%;left:0;top:0;background:url(../images/magnify.png) 50% 50% no-repeat #fff;display:block;margin:0;padding:0;}
/* SlideDown element */
	.slideDown dt{background-color:#333132;background-image:url(../images/arrow1.gif);background-repeat:no-repeat;background-position:100% 16px;box-shadow:1px 1px 1px #d1d1d1;-moz-box-shadow:1px 1px 0 #d1d1d1;-webkit-box-shadow:1px 1px 0 #d1d1d1;color:#fff;padding:9px 0 9px 21px;margin-bottom:4px;font-weight:bold;display:block;font-size:12px;cursor:pointer;margin-bottom:10px}
	.slideDown dt:hover,.slideDown dt.active{background-color:#bbb;color:#fff;text-shadow:0 0 5px #fff}
	.slideDown dt.active{background-image:url(../images/arrow2.gif)}
	.slideDown dd{display:none;padding:10px 20px 20px 20px;line-height:20px;}
	#block dd{display:block}
	.slideDown.absolute{position:relative;}
	.slideDown.absolute dd{position:absolute;z-index:999;background:url(../images/texture.gif);}
/* Accordion */
dl#accordion{list-style-type:none;margin:0;padding:0 2px 0 0;height:auto !important}
	dl#accordion .indent{padding-top:7px !important;padding-bottom:5px !important}
	dl#accordion a{display:block;}
	dl#accordion dt{margin:0px}
		dl#accordion dt a{background-color:#333132;background-image:url(../images/arrow1.gif);background-repeat:no-repeat;background-position:100% 16px;box-shadow:1px 1px 1px #d1d1d1;-moz-box-shadow:1px 1px 0 #d1d1d1;-webkit-box-shadow:1px 1px 0 #d1d1d1;color:#7f7f7f;padding:9px 0 9px 21px;margin-bottom:4px;font-weight:bold;display:block;font-size:12px;text-decoration:none;}
		dl#accordion dt a:hover{background-color:#8e8d8b;color:#fff}
		dl#accordion dt.active a{background-color:#ccc;background-image:url(../images/arrow2.gif);color:#333}
	dl#accordion dd{display:none;margin-bottom:0;padding-left:0}
		dl#accordion dd .indent{padding:10px 30px 14px 20px !important}
		dl#accordion dd a{display:inline;background:none;padding:0;width:auto;text-decoration:none}
		dl#accordion dd a:hover{background:none}
		dl#accordion dd .sub_menu  li{list-style:none;line-height:30px!important;padding-left:12px;}
		.sub_menu{font-size:12px;line-height:16px;}
		.sub_menu li a{line-height:30px !important;text-decoration:underline !important;}
		.sub_menu li a:hover{text-decoration:none !important;}
/* Tooltips */
#aToolTip{border:2px solid #444;background:#555;color:#fff;margin:0;padding:2px 8px;font-size:11px;position:absolute;display:none;z-index:50000}
#aToolTip .aToolTipContent{position:relative;margin:0;padding:0}
a#aToolTipCloseBtn{display:block;height:20px;width:20px;overflow:hidden;background:url(../images/close.gif) no-repeat;text-indent:-9999px;outline:none;position:absolute;top:-15px;right:-20px}
/* Elements list */
.elements-list li{background:none !important;padding:0 0 0px 0 !important;position:relative;line-height:28px}
.elements-list li code{position:absolute;right:0;top:-3px;padding:2px 3px 1px 3px;border:1px dotted #333}
/* Tabs */
.tabs{padding:10px 0}
	.tabs ol{list-style-type:decimal;margin:0 0 0 5px}
		.tabs ol li{display:list-item;float:none;padding-bottom:5px !important;font-size:12px;color:#6b6a6a}
	.tabs ul{list-style:none;padding:0 0 0 0 !important;overflow:hidden}
		.tabs li{display:block;float:left;margin:0 5px 5px 0;background:none;padding:0 0 0 0 !important}
		.tabs .selected{margin-bottom:0px;position:relative}
		.tabs .selected a{background:#bbb;color:#000;padding-bottom:10px}
		.tabs li a:hover{background:#bbb;color:#000}
		.tabs li a{background:#000;color:#fff;display:block;padding:5px 10px;text-decoration:none}
	.tabs .tab-content{background:#bbb;clear:both;width:auto;overflow:auto}
		.tabs .tab-content .inner{padding:10px}
	.tabs p{margin-bottom:5px}
	.tabs .tab-content strong{color:#000}
	.tabs code{overflow:auto}
	*+html .tabs code{overflow:visible}
/* Twitter */
#twitter p{margin:0;}
	#twitter h2{margin:0 0 5px 0;padding:.5em 1em;font-size:1.5em;color:#fff;background-color:#888;letter-spacing:0;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px}
	#preloader{margin:0;padding:1em 1em 1em 3em;text-indent:10px;background:transparent url(../images/loader.gif) 1em center no-repeat}
	ul#twitter_update_list{margin:0;padding:0 0 0.5em 0;list-style-type:none}
		ul#twitter_update_list li{margin:0;padding:0.8em 0 1em 1em !important;background:#f0f0f0;margin-bottom:7px}
		ul#twitter_update_list li:hover{background-color:#ccc;color:#fff}
			ul#twitter_update_list li:hover a{color:#000}
			ul#twitter_update_list li a{color:#000}			
				ul#twitter_update_list li span{display:block}				
				ul#twitter_update_list li span a{color:#000}
			ul#twitter_update_list li.lastTweet{border-bottom:none}			
			a#profileLink{display:block;padding:0.3em 1em;color:#fff;background-color:#000}
			a#profileLink{display:block;padding:0.3em 1em;color:#fff;background-color:#000}
/* Code grabber */
.code{padding:30px 0 10px 0}
.code a.code-icon{margin-bottom:10px}
.code a.code-icon i{padding-right:6px;font-style:normal}
.code div.grabber{display:none}
.code code{padding:0 10px 0 10px;background:#f6f6f6;color:#333;border:1px solid #dfdfdf;white-space:pre;overflow:auto}

/****Navigation****/
nav { top: 0px; left: 0px; width: 100%;}
nav::after { content: ""; display: block; clear: both;}
nav ul { list-style: none; margin:0; padding:0px;}
nav ul li:hover { background-color: #eee;}
nav ul li:hover  > ul { display: block;}
nav ul li a { display: inline-block; padding:5px 15px; text-decoration: none; width:125px; position: relative; font-size:1.2em; font-style:italic;}
nav ul li a:visited { color:#3d3732;}
nav ul li a:hover { background-color:#ccc;}
nav ul ul{ position: absolute; top: 70%; background-color: #eee; display:none;}
nav ul ul li{ position: relative;}
nav ul ul ul{ left: 100%; top: 0px;}

/****top-level****/
nav > ul { padding-top: 12px;padding-left:34%;}
nav > ul > li { float: left;}
nav > ul > li > a{ width: auto; padding: 10px 20px 15px 20px;}
nav a[aria-haspopup="true"]::after {
	content: ""; 
	width: 0px; height: 0px; 
	position: absolute; 
	top: 10px; right: 15px;
	border-top: 4px solid transparent; 
	border-bottom: 4px solid transparent; 
	border-left: 4px solid #662108;}
nav > ul> li > a[aria-haspopup="true"]::after{ position:relative;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #662108;
	left: 10px; right: auto;
	bottom: 6px; top:13px;}
li h4 {font-family: 'Oswald', sans-serif !important; font-size:14px; font-weight: 400; font-style:normal;}
h1 {font-family: 'Oswald', sans-serif !important; font-size:32px; font-weight: 700; font-style:normal; padding-bottom:15px}
h5, h6 {font-family: 'Oswald', sans-serif !important; font-size:20px; font-weight: 400; font-style:normal; text-transform:uppercase;}
.Hamburger{display:none;}
/****Media Queries****/
@media screen and (max-width:1000px) {
    h1 {font-size: 30px;}
    #content1{padding:0 30px;}
    footer > div{padding:10px 30px;}
    .column-label{width:14%}
       /*blocks*/
    .blocks li a h4 {
        color: #fff;
        margin: 0;
        font-size: 20px;
        padding: 15px 0 10px 16px;
        word-spacing: 4px;
    }
    .blocks li{margin:0 3px;border:4px solid #dad9d3;width:23%;}
    .blocks li a div{padding:30px 14px;}

    /**Header**/
    nav > ul { padding-top: 8px; padding-left:28%;}
    header h1 {
        float: left;
        margin: 0px;
        padding: 0 0 18px;
    }
    header h1 a{margin-left:20%; background:url(../images/logo-med.png) 0 0 no-repeat;width:175px;height:49px;text-indent:-5000px;overflow:hidden;display:block;}
    /**Section-Slider**/
    .slider{background:url(../images/slider_bg.png);padding:16px;max-width:900px;height:380px;margin:0 auto;overflow:hidden;}

}
@media screen and (max-width:918px) {
     .prefix_1{padding-left:0; padding-right: 60px;}

}
@media screen and (max-width:880px){
    /*Header*/
    nav > ul{padding-top:6px; padding-left:28%}
    nav > ul > li > a{ padding: 10px 15px 15px 15px;}
        /*Blocks*/
    .blocks li:first-child{margin-left:7%;}
    .blocks li{margin:0 3px;border:4px solid #dad9d3;width:20%;}
    .blocks li a div{padding:20px 10px;font-size:12px;}
    .grid_10{max-width:none !important;padding-right:20px !important;}
    h5.second{margin:15px 0 15px 0;line-height:1.2em;color:#3d3732;word-spacing:6px;}
    .container_24 .grid_8{max-width:550px;}
    #quotes::before{content:"";display:block; width:100%; height:30px; margin-bottom:20px; background:url(../images/border.png) 0 100% repeat-x}
    .img-indent-l10{margin-left:auto;}
}
@media screen and (max-width:750px){
    /*Nav*/
    nav{margin-bottom:10px;}
    nav > ul{padding-top: 0;}
    nav ul li a { display: inline-block; padding:5px 15px; text-decoration: none; width:125px; position: relative; font-size:1.2em; font-style:italic;}
    nav > ul > li { float: none;}
    nav > ul > li:first-child {padding-top:30px;}
    nav > ul > li:last-child {margin-bottom:30px;}
    nav a[aria-haspopup="true"]::after {content: none; }
    nav ul ul{ position: relative; display:block; margin-left:10%; background-color:transparent;}
    nav ul ul ul{ left: auto; top: 0px;}
    header h1 a{margin-left:20%; margin-top:-15px;}
 
    /* MAP*/
    #viewDiv, #mapLoaderIcon{display:none !important;}
	.map #tooltipHolder {display:block !important;}
    .state-table{display:inline-block; width:95%;}
	#tooltipHolder:not(.popupColumn1) {display:inline-block; width:95%;column-count: 2;}
    #stateList {display:none !important}
    .stBoxLabel {display:none !important}
    /*Blocks*/
    .blocks li:first-child{margin-left:15%;}
    .blocks li:nth-child(3){margin-left:15%;}
    .blocks li{width:35%; margin-top:5px;}
    .blocks li a div{padding:20px 10px;font-size:16px;}
     /**Section-Slider**/
    .slider{padding:16px;width:auto;height:auto;margin:0 auto;overflow:hidden;}
    .slider img{width:100%;height:auto;}
    .smallslider img{width:100%; height:auto;}
    .example-pager {font-size:25px; padding-left:38%;}
    /*Section-content*/
    section#content{padding:30px 0 37px;max-width:740px;background:none;}
    .button3{margin: 6px 0;}
    .border-bot{padding:0 0 20px;}
    .column-label{width:35%;}
    .column-label1{width:40%}
    .column-label2{display:block; width:70%;}
    .column-label3{display:block; width:40%;margin-bottom:5px;}
    .column-label4{display:block; width:40%;font-size:1.1em; margin-bottom:5px;}
    .column-label5{display:block; width:90%; margin-bottom:20px;}
    .column-textbox{width:55%; margin-left:0; margin-bottom:20px;}
    .column-textbox1{display:block; width:35%; margin-left:0;}
    .column-textbox2{display:block; width:35%;margin-bottom:20px;}
    .column-textbox3{display:inline-block; width:60%;margin-bottom:20px;}
    .column-textbox4{display:inline-block; width:39%; margin:0 0 30px 29px;font-size:1.1em;}
    span.column-textbox input{width:207px}
    .col-dq2{margin-right:0px;}
    .inputbox{width:80%}
    .checkbox-spacer{margin-left:0;}
    .box3{display:block;margin:2% 0 0 5%;}
    .box, .box1, .box2 {float:none;margin:2% 0 0 5%;}
    .inputbox1{Border-Color:#dad9d3; width:23%;height:20px;}

    /*hamburger*/
    .Hamburger{display:inline-block; }
    #burger, #burger + label {
        position: fixed;
        top: 20px;
        right: 20px;
        height: 10px;
        width: 20px;
        z-index: 5;
    }
    #burger{opacity:0;}
    #burger + label span {
        position: absolute;
        width: 100%;
        height: 2px;
        top: 50%;
        margin-top: -1px;
        left: 0;
        display: block;
        background: #000;
        transition: .5s;
     }
     #burger + label span:first-child {
        top: 0; 
     }
     #burger + label span:last-child {
        top: 10px; 
     }
     label {
      cursor: pointer;
     }
     #burger:checked + label span {
        opacity: 0;
        top: 50%;
     }
     #burger:checked + label span:first-child {
        opacity: 1;
        transform: rotate(405deg);
     }
     #burger:checked + label span:last-child {
        opacity: 1;
        transform: rotate(-405deg);
     }
    #burger:checked ~ ul {
        height: 100%;
        transition-delay: 0s;
    }
    #burger ~ ul {
        background: white;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 0px;
        z-index: 3;
        transition: .5s;
        transition-delay: .5s;
        overflow-y: scroll;
    }
     #burger:checked ~ ul  > ul >li{
          opacity: 1;
          transition-delay: .5s;
        }
     .grid_24{float:none;}
     .container_24 .prefix_3{padding-left:0;}
     footer p{padding: 0 10px 0 15px;}
}
@media screen and (max-width:550px){
    #dvCaptcha{transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
    .blocks{padding:0;}
    .blocks li{width:42%; margin-top:5px;}
    .blocks li a div{padding:15px 4px;font-size:12px;}
    .blocks li:first-child{margin-left:5%;}
    .blocks li:nth-child(3){margin-left:5%;}
    .blocks li a strong{margin-top:18px;}
    .button2{width:85%;}
    .rc-anchor{width:82% !important;}
    span.line-break:before {content: "\A"; white-space: pre;} 
    .ppisProd{margin-left: 0;}
    .img-indent{float:none;}
    #ContentPlaceHolder1_Comments{margin-top:40px;}
    table tbody td{ font-size:1.05em;}

}
@media screen and (max-width:450px) {
    .column-label, .column-label1{display:block;}
    .column-textbox4{width:90%; margin-left:0;}
}
@media screen and (max-width:370px){
    #content1{padding:0 20px 0 30px;}
    #ContentPlaceHolder1_Comments{width:85%;}
    .blocks li{width:60%; margin-top:5px; margin-left:20%;}
    .blocks li a div{padding:15px 4px;font-size:14px;}
    .blocks li:first-child{margin-left:20%;}
    .blocks li:nth-child(3){margin-left:20%;}
    .blocks li a strong{margin-top:18px;}
    h5{font-size:1.5em;}
}
@media print {
    /* All your print styles go here */
    header, nav, img, .noprint, a ~ br, .subtitle ~ br {
        display: none !important;
    }

    hr, h1, h2, h3, h4 {
        margin:0;
    }

    #stateprod:first-child::after{
        content:"\2605 denotes ALSTAR label is available";
        float:right;
        font-size:10px;
    } 

    * {
        background:none !important;

    }

    .ppisProd + .ppisreportspan {
        margin-right: 10px;
    }

    .ppisProd > a {
        margin-right: 10px;
    }
	
	.ppisProd > a::after {
		content: "\2605";
		font-size:1.25em;
	}

    .ppisreportspanprodname, .ppisreportspan, .subtitle, a, ppisprod {
        font-size: .95em !important;
        color: #A9A9A9 !important;
    }

    table tbody td {
        font-size: .95em;
    }

    #ctl00_ContentPlaceHolder1_lblprodcnt {
        display: block;
    }

    .nopgbrk, tr, footer {
        page-break-inside: avoid;
    }

    .invisible {
        display: block;
        background: none;
        position: fixed;
        right: 0;
        bottom: -23px;
        font-size: .8em;
        color: black;
    }
    p {color:black !important;}
    td > .subtitle:nth-child(4)::after {content:" ";display:block;}
    #viewDiv {
        height: 85% !important; 
    }
    .esri-ui-top-left {display:none !important;}
}