/***
* Global Article Styles
***/
/* #page {
    font-size: 0.875em !important;
} */

/* ############ */
/*    BANNER    */
/* ############ */

#page-inner {
    padding-bottom: 5px !important;
}

#ea13banner {	
	background-image: url("images/librarybanner-opt1.png");
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
	margin: 0px auto;
	height: 300px;
	text-align:left;
	overflow: hidden;
}
.banner_head {
	margin: 30px auto 50px auto;
	text-align:left;
	max-width: 70%;
	font-weight:400;
	padding: 0 20px ;
}
#ea13banner h1 {
    color: #2c2c2c;
	font-family: "Roboto",sans-serif;
    margin: 70px auto 0px auto;
    padding: 10px 0;
	line-height: 0.9;
	text-align: left;
	font-size: 3.5em;
	font-weight:400;
}
#ea13banner h2 {
    color: #595959;
	font-family: "Roboto",sans-serif;
    margin: 0px auto 5px auto;
    padding: 10px 0;
	line-height: 1.1;
	text-align: left;
	font-weight:400;
	max-width: 55%;
	float:left;
}

#ea13banner button {
    color: #595959;
	font-family: "Roboto",sans-serif;
    margin: 0px auto 20px auto;
    padding: 10px 0;
	line-height: 1.1;
	text-align: left;
	font-weight:400;
	max-width: 60%;
	float:left;
}

/* Little Button Clear */

/* little-button-clear {
    border-radius: 25px;
    border: 1px solid #666;
    padding: 5px 10px 5px 13px; 
	margin: 10px 5px 10px 0px;
	text-align: center;
} */

#little-button-clear a{
	color: #666;
	font-family: "Roboto",sans-serif;
	font-size: 20px;
	font-weight: 200;
	text-decoration: none;
	padding: 10px 0px 0px 0px;
}

#little-button-clear a:link {
	color: #595959;
	font-weight: 400;
	text-decoration:none; 
}

#little-button-clear a:hover{
	color: #595959;
	font-weight: 570;
	text-decoration:none; 
}

@media all and (max-width: 1800px) { #ea13banner h1 { font-size: 3em;}#ea13banner {	height: auto; } .banner_head {margin-top: 80px;max-width: 75%; }}
@media all and (max-width: 1500px) { #ea13banner h1 { font-size: 3em;} #ea13banner {	height: auto; } .banner_head {margin-top: 70px;max-width: 90%; }}
@media all and (max-width: 1300px) { #ea13banner h1 { font-size: 2.75em;} #ea13banner {	height: auto; } .banner_head {margin-top: 60px;max-width: 95%; }}
@media all and (max-width: 1150px) { #ea13banner h1 { font-size: 2.75em;} #ea13banner {	height: auto; } .banner_head {margin-top: 50px;max-width: 98%; }}
@media all and (max-width:  1000px) { #ea13banner h1 { font-size: 2.675em; } #ea13banner {height: auto; } .banner_head {margin-top: 20px;max-width: 96%; }} 
  
/* From Inline CSS */

 .shelf {
    background-image: url("./images/library-shelf.png") ;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center bottom ;
    height: 360px;
    margin: 0 auto;
    overflow: auto;
    padding: 0px;
    width: auto!important;
	position:relative;
	min-width:450px;
}
.shelf  ul { box-sizing: border-box;padding:0px;position:absolute;bottom:20px;width:100%}
.shelf  ul li{ list-style:none; width:23%;display:inline-block;box-sizing: border-box;padding:0px;align:center; margin:0 auto;}

.books {
    bottom:20px;	
}
.book {
	background-image: url("./images/ea-book.png") ;
	background-repeat: no-repeat;
    background-size: auto;	
	display:block;
    float: left;
    height: 266px;
    list-style: outside none none;
    transition: all 0.2s ease 0s;
    width: 190px;
    z-index: 1;
	margin:0 auto;
}

.books .book a {
    display: block;
	width: 100%;
	height:100%;
	vertical-align:center;
    font-weight: bold;
    text-decoration: none;
    color: #696969;
}

.book  {
  padding-left: 0px;
  -webkit-box-shadow: 0px 0px 3px 0px #333;
  -moz-box-shadow: 0px 0px 3px 0px #333;
   box-shadow: 0px 0px 3px 0px #333;
  }
	
.books li:first-child {margin-left:50px; }

.book img {
    height: auto;
    max-width: 100%;
    position: relative;
    width: auto;
}
.title {
    margin: 0;
    padding: 0;
}
.description {
    margin: 0;
}
h5 {
    font-size:20px;
	color: #800000;
	text-align:center;
	font-weight:700;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	margin: 0 10px;
	line-height:22px;
}
.hvr-float-shadow {
    backface-visibility: hidden;
    display: inline-block;
    position: relative;
    transform: translateZ(0px);
    transition-duration: 0.3s;
    transition-property: transform;
    vertical-align: middle;
}
.hvr-float-shadow::before {
    background: rgba(0, 0, 0, 0) radial-gradient(ellipse at center center , rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0) 80%) repeat scroll 0 0;
    content: "";
    height: 10px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    transition-duration: 0.3s;
    transition-property: transform, opacity;
    width: 100%;
	left:0;
    z-index: 10;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
    transform: translateY(-5px);
}
.hvr-float-shadow:hover::before, .hvr-float-shadow:focus::before, .hvr-float-shadow:active::before {
    opacity: 1;
    transform: translateY(5px);
}
[class^="hvr-"] {
    background: #e1e1e1 none repeat scroll 0 0;
    color: #666;
    cursor: pointer;
    margin: 0.4em;
    padding: 1em;
    text-decoration: none;
}
#little-button-clear {
    border: 1px solid #666;
    border-radius: 20px;
    margin: 7px 0px 0px 0px;
    padding: 0px 10px 0px 13px;
    text-align: center;
	display:inline-block;
}
.button {  margin: 0px 0px 20px -3px;max-width: 58%; float:left;overflow:visible;}
@media only screen and (max-width:850px) {
	.books li:first-child {margin-left:30px; }
	.book { width: 160px;height:224px;background-size:cover;}
	h5 {font-size:16px;}
	#dust-bluewidebox-flex{box-sizing: content-box;}
	#dust-bluewidebox-flex img{display:none;}
	bluewidebox-flex h1 {margin: 10px auto;}
}
@media only screen and (max-width: 750px) {	
	.shelf{height:300px;} .shelf  ul {bottom:10px;}
	.book { width: 140px;height:202px;}
	h5 {font-size:15px;white-space: pre-line;}
}
}
@media only screen and (max-width: 630px) {
	.shelf{height:260px;} .shelf  ul {bottom:5px;}
	.books li:first-child {margin-left:20px; }
	.book { width: 120px;height:168px;}
	h5 {font-size:14px;}
	
}
@media only screen and (max-width: 520px) {
      .shelf{height:220px;}
	.book { width: 100px;height:140px;background-size:cover;}
	h5 {font-size:13px;}
	
}
/*@media only screen and (max-width: 850px) {
	.shelf { background-size: 100%;background-repeat: no-repeat;}
	.books {margin-top: 25px;}
	.book { width: 140px;height:202px;background-size:cover;margin:0 10px;}
	.books li.book a { width: 140px; height:202px;}
	h5 {font-size:16px;}
	.button {  margin-bottom: 20px;max-width: 70%; float:left;}
}
@media only screen and (max-width: 700px) {
	.shelf { background-repeat: no-repeat;}
	.books {margin-top: 40px;}
	.book { width: 120px;height:168px;background-size:cover;}
	.books li.book a { width: 120px; height:168px;}
	.books .book:first-child { margin-left: 0px;}
	h5 {font-size:16px;line-height:18px;}
	.button {  margin-bottom: 20px;max-width: 70%; float:left;}
}
@media only screen and (max-width: 600px) {
	shelf { background-repeat: no-repeat;height:250px}
	.books {margin-top: 70px;}
	.book { width: 100px;height:140px;background-size:cover;}
	.books li.book a { width: 100px;height:140px;}
	h5 {font-size:14px; line-height:16px;}
	#ea13banner h2 {width:100%;}
	.button {  margin-bottom: 20px;max-width: 50%; float:left;}
	}
}

/* End From Inline CSS */

#actionBox2  a {
    padding-top: 7px;
}

#actionBox a {
    padding-top: 7px;
}

h1 {
	color: #2c2c2c;
	font-weight: 400;
}

h2 {
	color: #595959;
	font-weight: 400;
}

h3 {
	font-weight: 270;
}

h4 {
    font-family: "Roboto",sans-serif;
    font-size: 40px;
	color: #595959;
	font-weight: 400;
	margin: 10px;
}

p {
  color: #595959;
  font-family: "Roboto",sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.padding-ctr-20 {
    text-align: center;
	padding: 20px 0px;
}

.padding-ctr-30 {
    text-align: center;
	padding: 30px 0px;
}

.padding-resources {
	padding: 20px 40px 10px 0px;
}

.topic-container .hard-right{
	float:right;
}

.topic-container .hard-right  img{
	float:right;
}

.topic-container .hard-left{
	float:left;
}

.topic-container .hard-left  img{
	float:left;
}

.topic-container .right-nopad {
	float:right;
}

.topic-container .right-nopad  img{
	padding: 0px 0px 0px 40px;
}

.topic-container li {
	font-family: "Roboto",sans-serif;
	margin-left: -10px;
	font-size: 18px;
	color: #595959;
	font-weight: 400;
	/*background-image: none;
	 list-style-type: none; */
}

.topic-container h4 {
 color: #595959;
 font-weight: 400;
}

.featurecolumns {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    /*margin-top: 20px;*/
    text-align: center;
}


.textblock-clr {
 
 height: 500px;
 margin: 40px 0px 0px 0px;
 padding: 5px; 
 text-align: center;
} 

.textblock-clr .col {
  border: 1px solid #fff;
  float: left;
  height: 205px;
  overflow: hidden;
  position: relative;
  width: 305px;
  margin: 0px 7px 0px 7px;
  /* padding: 0px 0px 10px 0px; */
}
 
.textblock-clr p {
  color: #fff;
  font-family: "Roboto",sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height:22px;
}

.textblock-clr a {
  text-decoration: none;
  color: #fff;
  font-family: "Roboto",sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height:22px;
}

.textblock-gry {
 /* height: 500px; */
 font-weight: 500;
 margin: 40px 0px 0px 0px;
 /* padding: 5px; */
 text-align: center;
} 

.textblock-gry .col {
  border: 1px solid #666;
  float: left;
  height: 400px;
  overflow: hidden;
  position: relative;
  width: 310px;
  margin: 0px 3px 0px 3px;
  padding: 5px;
  }
 
.textblock-gry p {
  color: #666;
  font-family: "Roboto",sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height:22px;
}

.textblock-gry a {
  text-decoration: none;
  color: #666;
  font-family: "Roboto",sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height:22px;
}

.eanavh2 {
	padding: 0px 0px 0px 30px;
}

.eanav  li{	
	background: #F5F5F5 none repeat scroll 0 0;
	width: 275px;
}

.eanav a a:link a:visited {
	color: #595959;
}

.eanav a {
	color: #595959;
}


.testimonial-head {
	color: #fff;
    font-family: "Roboto",sans-serif;
    font-size: 26px;
    font-weight: 230;
    line-height: 20px;
    margin: 15px 10px;
}

.testimonial {
	color: #fff;
    font-family: "Roboto",sans-serif;
    font-size: 17px;
    font-weight: 210;
    line-height: 18px;
    margin: 15px 10px;
	text-align: left;
}

.quote {
	color: #fff;
	font-family: "Roboto",sans-serif;
	padding: 40px;
    font-size: 32px;
    font-weight: 200;
    line-height: 34px;
}

.colorh1{
	color: white;
	margin: auto;
	padding: 10px 0px;
    max-width: 80%;
    text-align: center;
}

.header-style{
	color: white;
	margin: auto;
	padding: 10px 0px;
    max-width: 60%;
	text-align: left;
}

.subhead-90pc{
	color: #595959;
	font-family: "Roboto",sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
	margin: 10px auto 10px;
	text-align: center;
	width: 90%;
}

.colorh2{
	color: white;
	margin: 30px auto;
    max-width: 50%;
    text-align: center;
	line-height: 26px;
}

.byline{
	color: #fff;
	font-family: "Roboto",sans-serif;
    font-size: 18px;
    font-weight: 200;
    line-height: 20px;
	margin: 10px auto 20px;
}

.colorh4{
	font-weight: 600;
	color: white;
	margin: 10px auto 15px;
    text-align: center;
}

.colorh5{
	font-weight: 550;
	color: #666;
	margin: 10px auto 15px;
    text-align: center;
}




/* ########## */
/*   PANELS   */
/* ########## */



/* Dust Grey: */
#dust-greywidebox-flex{
background: #F5F5F5;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
height: auto;
text-align:center;
overflow: hidden;
padding: 30px;
}

/* Dust Blue: */
#dust-bluewidebox-flex{
background: #D3E7F5;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
height: auto;
text-align:center;
overflow: hidden;
/* padding: 30px; */
}

#dust-bluewidebox-flex img {
	float: right;
	margin: -140px 135px 0px 0px;
	height: 175px;
}

#dust-bluewidebox-flex h1 {
	margin: 40px auto;
}


/* Dust Green: */
#dust-greenwidebox-flex{
background: #E1FFE3;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
height: auto;
text-align:center;
overflow: hidden;
padding: 30px;
}

/* Dust Red: */
#dust-redwidebox-flex{
background: #FFE3D6;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
height: auto;
text-align:center;
overflow: hidden;
padding: 30px;
}

/* Dust Orange: */
#dust-orangewidebox-flex{
background: #FFEFCB;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
height: auto;
text-align:center;
overflow: hidden;
padding: 30px;
}

/* Clear: */
#clrwidebox-flex{
background: #FFF;
height: auto;
text-align:center;
overflow: hidden;
padding: 30px;
}

/* Grey: */
#greywidebox-flex{
background: #F0F0F0;
height: auto;
text-align:center;
overflow: hidden;
padding: 30px;
}

/* Pink: */
#pinkwidebox-flex{
background: #FF1493;
height: auto;
text-align: center;
overflow: hidden;
padding: 30px;
}

/* Red: */
#redwidebox-flex{
background: #FF0000;
height: auto;
text-align:center;
overflow: hidden;
padding: 30px;
}

/* Orange: */
#orangewidebox-flex{
background: #FF8C00;
height: auto;
text-align: center;
overflow: hidden;
padding: 30px;
}

/* Old Orange: */
#old-orangewidebox-flex{
background: #dd5900;
height: auto;
text-align: center;
overflow: hidden;
padding: 30px;
}

/* Green: */
#greenwidebox-flex{
background: #008000;
height: auto;
text-align:center;
overflow: hidden;
padding: 30px;
}

/* Old Green: */
#old-greenwidebox-flex{
background: #007233;
height: auto;
text-align:center;
overflow: hidden;
padding: 30px;
}

/* Teal: */
#tealwidebox-flex{
background: #008080;
height: auto;
text-align:center;
overflow: hidden;
padding: 30px;
}

/* Blue: */
#bluewidebox-flex{
background: #0000FF;
height: auto;
text-align:center;
overflow: hidden;
padding: 30px;
}

/* Old Blue: */
#old-bluewidebox-flex{
background: #0178d6;
height: auto;
text-align:center;
overflow: hidden;
padding: 30px;
}

/* Sparx Blue: */
#sparx-bluewidebox-flex{
background: #0b3e6b;
height: auto;
text-align:center;
overflow: hidden;
padding: 30px;
}

/* Purple: */
#purplewidebox-flex{
background: #800080;
height: auto;
text-align: center;
overflow: hidden;
padding: 30px;
}

/* ########### */
/*   BUTTONS   */
/* ########### */

#rounded-button-wht {
    border-radius: 25px;
    border: 1px solid #fff;
	/* background-color: #007233; */
	color: #007233;
    padding: 10px; 
    width: 200px;
    height: 25px;   
	margin-left: auto;
    margin-right: auto;
	text-align: center;
}

#rounded-button-wht a:link {
	color: #fff;
	text-decoration:none; 
}

#rounded-button-wht a:visited{
	color: #fff;
	text-decoration:none; 
}



/* Rounded Button Grey Light */

#rounded-button-gry {
    border-radius: 25px;
    border: 1px solid #666;
	background-color: #FFF;
    padding: 10px 42px; 
	margin: 0px 40px;
	text-align: center;
}

#rounded-button-gry a{
	color: #666;
	font-family: "Roboto",sans-serif;
	font-size: 20px;
	font-weight: 200;
	text-decoration: none;
	padding-top: 10px;
}

#rounded-button-gry a:link {
	color: #595959;
	font-weight: 400;
	text-decoration:none; 
}

#rounded-button-gry a:hover{
	color: #595959;
	font-weight: 570;
	text-decoration:none; 
}

/* Rounded Button Grey Light Top*/

#rounded-button-gry-top {
    border-radius: 25px;
    border: 1px solid #595959;
	background-color: #F5F5F5;
    padding: 10px 20px; 
	margin: 0px 120px;
	text-align: center;
}

#rounded-button-gry-top a{
	color: #595959;
	font-family: "Roboto",sans-serif;
	font-size: 24px;
	font-weight: 400;
	text-decoration: none;
	padding-top: 10px;
}

#rounded-button-gry-top a:link {
	color: #595959;
	font-weight: 400;
	text-decoration:none; 
}

#rounded-button-gry-top a:hover{
	color: #595959;
	font-weight: 570;
	text-decoration:none; 
}

/* Rounded Button Green Trans */

#rounded-button-green-trans {
    border-radius: 25px;
    border: 1px solid #007233;
	background-color: #007233;
    padding: 10px; 
    width: 200px;
    height: 25px;   
	margin-left: auto;
    margin-right: auto;
	text-align: center;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

 #rounded-button-green-trans:hover {		 
 background-color:  #009945;
 color: white;
 }

#rounded-button-green-trans a:link a:visited{
	color: #fff;
	text-decoration:none; 
}

#rounded-button-green-trans a:hover{
	color: #999;
	text-decoration:none; 
}

/* Rounded Button Orange Solid */

#rounded-button-orange-solid {
    border-radius: 25px;
    border: 1px solid #FF8C00;
	background-color: #FF8C00;
	color: #fff;
    padding: 10px 20px;
    /* width: 175px;
    height: 25px;   */
	margin: 0px 8px;
	text-align: center;
}

#rounded-button-orange-solid a{
	color: #fff;
	font-family: "Roboto",sans-serif;
	font-size: 24px;
	font-weight: 200;
	/* line-height: 24px; */
	text-decoration: none;
	padding-top: 10px;
}

#rounded-button-orange-solid a:link a:visited{
	color: #fff;
	text-decoration:none; 
}

#rounded-button-orange-solid a:hover{
	color: #F0F0F0;
	text-decoration:none; 
}

/* Rounded Button Blue Solid */

#rounded-button-blue-solid {
    border-radius: 25px;
    border: 1px solid #0000FF;
	background-color: #0000FF;
	color: #fff;
    padding: 10px 20px;
    /* width: 175px;
    height: 25px;   */
	margin: 0px 8px;
	text-align: center;
}

#rounded-button-blue-solid a{
	color: #fff;
	font-family: "Roboto",sans-serif;
	font-size: 24px;
	font-weight: 200;
	/* line-height: 24px; */
	text-decoration: none;
	padding-top: 10px;
}

#rounded-button-blue-solid a:link a:visited{
	color: #fff;
	text-decoration:none; 
}

#rounded-button-blue-solid a:hover{
	color: #F0F0F0;
	text-decoration:none; 
}

/* Rounded Button Teal Solid */

#rounded-button-teal-solid {
    border-radius: 25px;
    border: 1px solid #008080;
	background-color: #008080;
	color: #fff;
    padding: 10px 20px;
    /* width: 175px;
    height: 25px;   */
	margin: 0px 8px;
	text-align: center;
}

#rounded-button-teal-solid a{
	color: #fff;
	font-family: "Roboto",sans-serif;
	font-size: 24px;
	font-weight: 200;
	/* line-height: 24px; */
	text-decoration: none;
	padding-top: 10px;
}

#rounded-button-teal-solid a:link a:visited{
	color: #fff;
	text-decoration:none; 
}

#rounded-button-teal-solid a:hover{
	color: #F0F0F0;
	text-decoration:none; 
}


#rounded-button-blue {
    border-radius: 15px;
    border: 1px solid #0178d6;
	background-color: #fff;
	color: #0178d6;
    padding: 10px; 
    width: 175px;
    height: 25px;   
	margin-left: auto;
    margin-right: auto;
	text-align: center;
}

#rounded-button-blue a:link {
	color: #0178d6;
	text-decoration:none; 
}

#rounded-button-blue {
    border-radius: 15px;
    border: 1px solid #0178d6;
	background-color: #0178d6;
	color: #fff;
    padding: 10px; 
    width: 175px;
    height: 25px;   
	margin-left: auto;
    margin-right: auto;
	text-align: center;
}

#rounded-button-blue a:link {
	color: #fff;
	text-decoration:none; 
}

/* Rounded Button Green Solid */

#rounded-button-green-solid {
    border-radius: 25px;
    border: 1px solid #008000;
	background-color: #008000;
	color: #fff;
    padding: 10px 20px;
    /* width: 175px;
    height: 25px;   */
	margin: 0px 8px;
	text-align: center;
}

#rounded-button-green-solid a{
	color: #fff;
	font-family: "Roboto",sans-serif;
	font-size: 24px;
	font-weight: 200;
	/* line-height: 24px; */
	text-decoration: none;
	padding-top: 10px;
}

#rounded-button-green-solid a:link a:visited{
	color: #fff;
	text-decoration:none; 
}

#rounded-button-green-solid a:hover{
	color: #F0F0F0;
	text-decoration:none; 
}

/* Rounded Button Purple Solid */

#rounded-button-purple-solid {
    border-radius: 25px;
    border: 1px solid #800080;
	background-color: #800080;
	color: #fff;
    padding: 10px 20px;
    /* width: 175px;
    height: 25px;   */
	margin: 0px 8px;
	text-align: center;
}

#rounded-button-purple-solid a{
	color: #fff;
	font-family: "Roboto",sans-serif;
	font-size: 24px;
	font-weight: 200;
	/* line-height: 24px; */
	text-decoration: none;
	padding-top: 10px;
}

#rounded-button-purple-solid a:link a:visited{
	color: #fff;
	text-decoration:none; 
}

#rounded-button-purple-solid a:hover{
	color: #F0F0F0;
	text-decoration:none; 
}

/* Hz OLD BLUE Button */
  
#hz-button-nav-old-blue{
margin: 0px auto;
width: 60%;
}

#hz-button-nav-old-blue ul{
padding-left:3px !important;

}

#hz-button-nav-old-blue a {
 color: #fff;
 font-family: "Roboto",sans-serif;
 font-size: 24px;
 font-weight: 200;
 /* line-height: 24px; */
 text-decoration: none;
 padding-top: 10px;
}
  
#hz-button-nav-old-blue  li{
	background: #eee none repeat scroll 0 0;
	background-color: #0178D6;
	border: 1px solid #fff;
	border-radius: 33px;
	color: #fff;
	display: inline-block;	
    list-style-type: none;
	margin: 5px 0px;
	overflow: visible;
    padding: 0px 45px;
    white-space: nowrap;
}  

#hz-button-nav-old-blue a:link a:visited {
	color: #fff; 
	text-decoration:none; 
}
#hz-button-nav-old-blue a:hover{
	color: #999; 
	text-decoration:none; 
}

/* Hz SPARX BLUE Button */
  
#hz-button-sparx-blue{
margin: 0px auto;
width: 60%;
}

#hz-button-sparx-blue ul{
padding-left:3px !important;

}

#hz-button-sparx-blue a {
 color: #fff;
 font-family: "Roboto",sans-serif;
 font-size: 24px;
 font-weight: 200;
 /* line-height: 24px; */
 text-decoration: none;
 padding-top: 10px;
}
  
#hz-button-sparx-blue  li{
	background: #eee none repeat scroll 0 0;
	background-color: #0B3E6B;
	border: 1px solid #fff;
	border-radius: 33px;
	color: #fff;
	display: inline-block;	
    list-style-type: none;
	margin: 5px 0px;
	overflow: visible;
    padding: 0px 45px;
    white-space: nowrap;
}  

#hz-button-sparx-blue a:link a:visited {
	color: #fff; 
	text-decoration:none; 
}
#hz-button-sparx-blue a:hover{
	color: #999; 
	text-decoration:none; 
}

/* Hz SPARX BLUE Button Reversed */
  
#hz-button-sparx-blue-rev{
margin: 0px auto;
width: 60%;
}

#hz-button-sparx-blue-rev ul{
padding-left:3px !important;

}

#hz-button-sparx-blue-rev a {
 color: #0b3e6b;
 font-family: "Roboto",sans-serif;
 font-size: 24px;
 font-weight: 200;
 /* line-height: 24px; */
 text-decoration: none;
 padding-top: 10px;
}
  
#hz-button-sparx-blue-rev  li{
	background: #eee none repeat scroll 0 0;
	background-color: #0B3E6B;
	border: 1px solid #fff;
	border-radius: 33px;
	color: #fff;
	display: inline-block;	
    list-style-type: none;
	margin: 5px 0px;
	overflow: visible;
    padding: 0px 45px;
    white-space: nowrap;
}  

#hz-button-sparx-blue-rev a:link a:visited {
	color: #fff; 
	text-decoration:none; 
}
#hz-button-sparx-blue-rev a:hover{
	color: #999; 
	text-decoration:none; 
}

/* Hz NEW BLUE Button */
  
#hz-button-nav-blue{
margin: 0px auto;
width: 60%;
}

#hz-button-nav-blue ul{
padding-left:3px !important;
}

#hz-button-nav-blue a {
 color: #fff;
 font-family: "Roboto",sans-serif;
 font-size: 24px;
 font-weight: 200;
 /* line-height: 24px; */
 text-decoration: none;
 padding-top: 10px;
}
  
#hz-button-nav-blue  li{
	background: #eee none repeat scroll 0 0;
	background-color: #0000FF;
	border: 1px solid #fff;
	border-radius: 33px;
	color: #fff;
	display: inline-block;	
    list-style-type: none;
	margin: 5px 0px;
	overflow: visible;
    padding: 0px 45px;
    white-space: nowrap;
}  

#hz-button-nav-blue a:link a:visited {
	color: #fff; 
	text-decoration:none; 
}
#hz-button-nav-blue a:hover{
	color: #999; 
	text-decoration:none; 
}

/* Hz OLD ORANGE Button */

#hz-button-nav-old-orange{
margin: 0px auto;
width: 60%;
}

#hz-button-nav-old-orange ul{
padding-left:3px !important;
}

#hz-button-nav-old-orange a {
 color: #fff;
 font-family: "Roboto",sans-serif;
 font-size: 24px;
 font-weight: 200;
 /* line-height: 24px; */
 text-decoration: none;
 padding-top: 10px;
}
  
#hz-button-nav-old-orange  li{
	background: #eee none repeat scroll 0 0;
	background-color: #DD5900;
	border: 1px solid #fff;
	border-radius: 33px;
	color: #fff;
	display: inline-block;	
    list-style-type: none;
	margin: 5px 0px;
	overflow: visible;
    padding: 0px 45px;
    white-space: nowrap;
}  

#hz-button-nav-old-orange a:link a:visited {
	color: #fff; 
	text-decoration:none; 
}
#hz-button-nav-old-orange a:hover{
	color: #999; 
	text-decoration:none; 
}

/* Hz NEW ORANGE Button */

#hz-button-nav-orange{
margin: 0px auto;
width: 60%;
}

#hz-button-nav-orange ul{
padding-left:3px !important;
}

#hz-button-nav-orange a {
 color: #fff;
 font-family: "Roboto",sans-serif;
 font-size: 24px;
 font-weight: 200;
 /* line-height: 24px; */
 text-decoration: none;
 padding-top: 10px;
}
  
#hz-button-nav-orange  li{
	background: #eee none repeat scroll 0 0;
	background-color: #FF8C00;
	border: 1px solid #fff;
	border-radius: 33px;
	color: #fff;
	display: inline-block;	
    list-style-type: none;
	margin: 5px 0px;
	overflow: visible;
    padding: 0px 45px;
    white-space: nowrap;
}  

#hz-button-nav-orange a:link a:visited {
	color: #fff; 
	text-decoration:none; 
}
#hz-button-nav-orange a:hover{
	color: #999; 
	text-decoration:none; 
}

/* Hz RED Button */

#hz-button-nav-red{
margin: 0px auto;
width: 60%;
}

#hz-button-nav-red ul{
padding-left:3px !important;
}

#hz-button-nav-red a {
 color: #fff;
 font-family: "Roboto",sans-serif;
 font-size: 24px;
 font-weight: 200;
 /* line-height: 24px; */
 text-decoration: none;
 padding-top: 10px;
}
  
#hz-button-nav-red  li{
	background: #eee none repeat scroll 0 0;
	background-color: #FF0000;
	border: 1px solid #fff;
	border-radius: 33px;
	color: #fff;
	display: inline-block;	
    list-style-type: none;
	margin: 5px 0px;
	overflow: visible;
    padding: 0px 45px;
    white-space: nowrap;
}  

#hz-button-nav-red a:link a:visited {
	color: #fff; 
	text-decoration:none; 
}
#hz-button-nav-red a:hover{
	color: #999; 
	text-decoration:none; 
}

/* Hz OLD GREEN Button */

#hz-button-nav-old-green{
margin: 0px auto;
width: 60%;
}

#hz-button-nav-old-green ul{
padding-left:3px !important;
}

#hz-button-nav-old-green a {
 color: #fff;
 font-family: "Roboto",sans-serif;
 font-size: 24px;
 font-weight: 200;
 /* line-height: 24px; */
 text-decoration: none;
 padding-top: 10px;
}
  
#hz-button-nav-old-green  li{
	background: #eee none repeat scroll 0 0;
	background-color: #007233;
	border: 1px solid #fff;
	border-radius: 33px;
	color: #fff;
	display: inline-block;	
    list-style-type: none;
	margin: 5px 0px;
	overflow: visible;
    padding: 0px 45px;
    white-space: nowrap;
}  

#hz-button-nav-old-green a:link a:visited {
	color: #fff; 
	text-decoration:none; 
}
#hz-button-nav-old-green a:hover{
	color: #999; 
	text-decoration:none; 
}

/* Hz GREEN Button */

#hz-button-nav-green{
margin: 0px auto;
width: 60%;
}

#hz-button-nav-green ul{
padding-left:3px !important;
}

#hz-button-nav-green a {
 color: #fff;
 font-family: "Roboto",sans-serif;
 font-size: 24px;
 font-weight: 200;
 /* line-height: 24px; */
 text-decoration: none;
 padding-top: 10px;
}
  
#hz-button-nav-green  li{
	background: #eee none repeat scroll 0 0;
	background-color: #008000;
	border: 1px solid #fff;
	border-radius: 33px;
	color: #fff;
	display: inline-block;	
    list-style-type: none;
	margin: 5px 0px;
	overflow: visible;
    padding: 0px 45px;
    white-space: nowrap;
}  

#hz-button-nav-green a:link a:visited {
	color: #fff; 
	text-decoration:none; 
}
#hz-button-nav-green a:hover{
	color: #999; 
	text-decoration:none; 
}

/* Hz PURPLE Button */

#hz-button-nav-purple{
margin: 0px auto;
width: 60%;
}

#hz-button-nav-purple ul{
padding-left:3px !important;
}

#hz-button-nav-purple a {
 color: #fff;
 font-family: "Roboto",sans-serif;
 font-size: 24px;
 font-weight: 200;
 /* line-height: 24px; */
 text-decoration: none;
 padding-top: 10px;
}
  
#hz-button-nav-purple  li{
	background: #eee none repeat scroll 0 0;
	background-color: #800080;
	border: 1px solid #fff;
	border-radius: 33px;
	color: #fff;
	display: inline-block;	
    list-style-type: none;
	margin: 5px 0px;
	overflow: visible;
    padding: 0px 45px;
    white-space: nowrap;
}  

#hz-button-nav-purple a:link a:visited {
	color: #fff; 
	text-decoration:none; 
}
#hz-button-nav-purple a:hover{
	color: #999; 
	text-decoration:none; 
}

/* Hz TEAL Button */

#hz-button-nav-teal{
margin: 0px auto;
width: 60%;
}

#hz-button-nav-teal ul{
padding-left:3px !important;
}

#hz-button-nav-teal a {
 color: #fff;
 font-family: "Roboto",sans-serif;
 font-size: 24px;
 font-weight: 200;
 /* line-height: 24px; */
 text-decoration: none;
 padding-top: 10px;
}
  
#hz-button-nav-teal  li{
	background: #eee none repeat scroll 0 0;
	background-color: #008080;
	border: 1px solid #fff;
	border-radius: 33px;
	color: #fff;
	display: inline-block;	
    list-style-type: none;
	margin: 5px 0px;
	overflow: visible;
    padding: 0px 45px;
    white-space: nowrap;
}  

#hz-button-nav-teal a:link a:visited {
	color: #fff; 
	text-decoration:none; 
}
#hz-button-nav-teal a:hover{
	color: #999; 
	text-decoration:none; 
}

/* Hz GREY Button */

#hz-button-nav-grey{
margin: 0px auto;
width: 60%;
}

#hz-button-nav-grey ul{
padding-left:3px !important;
}

#hz-button-nav-grey a {
 color: #666;
 font-family: "Roboto",sans-serif;
 font-size: 24px;
 font-weight: 200;
 /* line-height: 24px; */
 text-decoration: none;
 padding-top: 10px;
}
  
#hz-button-nav-grey  li{
	background: #eee none repeat scroll 0 0;
	background-color: ##F0F0F0;
	border: 1px solid #666;
	border-radius: 33px;
	color: #fff;
	display: inline-block;	
    list-style-type: none;
	margin: 5px 0px;
	overflow: visible;
    padding: 0px 45px;
    white-space: nowrap;
}  

#hz-button-nav-grey a:link a:visited {
	color: #fff; 
	text-decoration:none; 
}
#hz-button-nav-grey a:hover{
	color: #555; 
	text-decoration:none; 
}

/* ############ */
/* DUST BUTTONS */
/* ############ */

/* Rounded Button Dust Blue Solid */

#rounded-button-dust-blue-solid {
    border-radius: 25px;
    border: 1px solid #595959;
	background-color: #f5f5f5;
	color: #595959;
    padding: 10px 20px;
    /* width: 175px;
    height: 25px;   */
	margin: 0px 8px;
	text-align: center;
}

#rounded-button-dust-blue-solid a{
	color: #595959;
	font-family: "Roboto",sans-serif;
	font-size: 24px;
	font-weight: 400;
	/* line-height: 24px; */
	text-decoration: none;
	padding-top: 10px;
}

#rounded-button-dust-blue-solid a:link a:visited{
	color: #595959;
	text-decoration:none; 
}

#rounded-button-dust-blue-solid a:hover{
	color: #595959;
	text-decoration:none; 
}

/* Hz DUST BLUE Button */
  
#hz-button-dust-blue{
margin: 0px auto;
width: 60%;
}

#hz-button-dust-blue ul{
padding-left:3px !important;
}

#hz-button-dust-blue a {
 color: #595959;
 font-family: "Roboto",sans-serif;
 font-size: 20px;
 font-weight: 400;
 /* line-height: 24px; */
 text-decoration: none;
 padding-top: 10px;
}
  
#hz-button-dust-blue  li{
	background: #eee none repeat scroll 0 0;
	background-color: #D3E7F5;
	border: 1px solid #CCC;
	border-radius: 33px;
	color: #595959;
	display: inline-block;	
    list-style-type: none;
	margin: 5px 0px;
	overflow: visible;
    padding: 0px 45px;
    white-space: nowrap;
}  

#hz-button-dust-blue a:link a:visited {
	color: #595959; 
	text-decoration:none; 
}
#hz-button-dust-blue a:hover{
	color: #595959; 
	text-decoration:none; 
}

/* Hz DUST Grey Button */
  
#hz-button-dust-grey{
margin: 0px auto;
width: 60%;
}

#hz-button-dust-grey ul{
padding-left:3px !important;
}

#hz-button-dust-grey a {
 color: #595959;
 font-family: "Roboto",sans-serif;
 font-size: 24px;
 font-weight: 400;
 /* line-height: 24px; */
 text-decoration: none;
 padding-top: 10px;
}
  
#hz-button-dust-grey  li{
	background: #eee none repeat scroll 0 0;
	background-color: #F5F5F5;
	border: 1px solid #595959;
	border-radius: 33px;
	color: #595959;
	display: inline-block;	
    list-style-type: none;
	margin: 5px 0px;
	overflow: visible;
    padding: 0px 45px;
    white-space: nowrap;
}  

#hz-button-dust-grey a:link a:visited {
	color: #595959; 
	text-decoration:none; 
}
#hz-button-dust-grey a:hover{
	color: #595959; 
	text-decoration:none; 
}

/* Hz DUST RED Button */
  
#hz-button-dust-red{
margin: 0px auto;
width: 60%;
}

#hz-button-dust-red ul{
padding-left:3px !important;
}

#hz-button-dust-red a {
 color: #595959;
 font-family: "Roboto",sans-serif;
 font-size: 24px;
 font-weight: 400;
 /* line-height: 24px; */
 text-decoration: none;
 padding-top: 10px;
}
  
#hz-button-dust-red  li{
	background: #eee none repeat scroll 0 0;
	background-color: #FFE3D6;
	border: 1px solid #595959;
	border-radius: 33px;
	color: #595959;
	display: inline-block;	
    list-style-type: none;
	margin: 5px 0px;
	overflow: visible;
    padding: 0px 45px;
    white-space: nowrap;
}  

#hz-button-dust-red a:link a:visited {
	color: #595959; 
	text-decoration:none; 
}
#hz-button-dust-red a:hover{
	color: #595959; 
	text-decoration:none; 
}


/* Hz DUST GREEN Button */
  
#hz-button-dust-green{
margin: 0px auto;
width: 60%;
}

#hz-button-dust-green ul{
padding-left:3px !important;
}

#hz-button-dust-green a {
 color: #595959;
 font-family: "Roboto",sans-serif;
 font-size: 24px;
 font-weight: 400;
 /* line-height: 24px; */
 text-decoration: none;
 padding-top: 10px;
}
  
#hz-button-dust-green  li{
	background: #eee none repeat scroll 0 0;
	background-color: #E1FFE3;
	border: 1px solid #595959;
	border-radius: 33px;
	color: #595959;
	display: inline-block;	
    list-style-type: none;
	margin: 5px 0px;
	overflow: visible;
    padding: 0px 45px;
    white-space: nowrap;
}  

#hz-button-dust-green a:link a:visited {
	color: #595959; 
	text-decoration:none; 
}
#hz-button-dust-green a:hover{
	color: #595959; 
	text-decoration:none; 
}

/* Hz DUST ORANGE Button */
  
#hz-button-dust-orange{
margin: 0px auto;
width: 60%;
}

#hz-button-dust-orange ul{
padding-left:3px !important;
}

#hz-button-dust-orange a {
 color: #595959;
 font-family: "Roboto",sans-serif;
 font-size: 24px;
 font-weight: 400;
 /* line-height: 24px; */
 text-decoration: none;
 padding-top: 10px;
}
  
#hz-button-dust-orange  li{
	background: #eee none repeat scroll 0 0;
	background-color: #FFEFCB;
	border: 1px solid #595959;
	border-radius: 33px;
	color: #595959;
	display: inline-block;	
    list-style-type: none;
	margin: 5px 0px;
	overflow: visible;
    padding: 0px 45px;
    white-space: nowrap;
}  

#hz-button-dust-orange a:link a:visited {
	color: #595959; 
	text-decoration:none; 
}
#hz-button-dust-orange a:hover{
	color: #595959; 
	text-decoration:none; 
}



.cols {
  border: none;
  }
  
.cols li {
  	font-size: 16px;
	padding-left: 5px;
	color: #595959;
	font-family: "Roboto",sans-serif;
	font-weight: 400;
	line-height: 19px;
}
  
.section-dark-2cols {
  width: 480px;
  /* height: 280px; */
  border: 1px solid #666;
  background-color:#F6F6F6;
  text-align: center;
  }
  
  .section-clr-2cols {
  width: 480px;
  /* height: 280px; */
  /* border: 1px solid #666; */
  background-color:#FFF;
  text-align: center;
  }
  
  .section-clr-2cols  p{
  color: #666;
  font-family: "Roboto",sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 22px;
  }
  
 .section-clr-3cols-long {
  width: 319px;
  height: 588px; 
  /* border: 1px solid #666; */
  text-align: left;  
  background-color:#FFF;
  }
  
  .section-clr-3cols {
  width: 319px;
  /* height: 280px; 
  border: 1px solid #666; */
  background-color:#FFF;
  text-align: center;
  }
  
  .section-clr-3cols  p{
  color: #666;
  font-family: "Roboto",sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 22px;
  }

.textblock {
    background-color: #007233;
    border: 0px;
    height: auto;
    margin: 10px 0 0; 
   /* margin-left: auto;
	margin-right: auto; */
    padding: 5px;
    text-align: center;
}  

.textblock .col {
    height: 250px;
	background-color: #007233;
	border: 1px solid #fff;
}

.textblock p {
    color: #fff;
}

.resources {
    margin: 10px 0;
}

.thumbnail-left {
    margin-left: 190px;
}

.thumbnail-left tr td {
    padding: 20px 5px;
}

.thumbnail-left img {
    /*border-style: solid;
	border-width: 1px; */
    height: 70px;
    width: 100px;
}

.thumbnailx2-left {
    margin-left: 130px;
}

.thumbnailx2-left tr td {
	padding: 20px 5px;
}

.thumbnailx2-left img {
    /*border-style: solid;
	border-width: 1px; */
    height: 70px;
    width: 100px;
}



.thumbnailx4-left {
    margin-left: 170px;
}

.thumbnailx4-left tr td {
	padding: 20px 5px;
}

.thumbnailx4-left img {
    /*border-style: solid;
	border-width: 1px; */
    height: 70px;
    width: 100px;
}

.thumbnailx2-right {
    margin-left: 270px;
}

.thumbnailx2-right tr td {
    padding: 20px 5px;
}

.thumbnailx2-right img {
    /*border-style: solid;
	border-width: 1px; */
    height: 70px;
    width: 100px;
}



.thumbnailx3-right {
    margin-left: 230px;
}

.thumbnailx3-right tr td {
	padding: 20px 5px;
}

.thumbnailx3-right img {
    /*border-style: solid;
	border-width: 1px; */
    height: 70px;
    width: 100px;
}

.thumbnail-right {
    margin-left: 260px;
}
.thumbnail-right img {
    /*border-style: solid;
	border-width: 1px; */
    height: 70px;
    width: 100px;
}
.thumbnail-right tr td {
    padding-left: 62px;
}