/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* New grid setup from ResponsiveGridSystem - 5/2016
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/


/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- page IDs
- Grid
- Base Styles
- Typography
- Colors
- Links
- Misc Padding/Margins/rounding
- Block headings
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/

/* Page IDs */

#top-bar{
	background-color:#1F1F1F; 
	padding-top:7px;
}

#search-menu{
	font-size:.9em;
	line-height:none;
	color:#dddddd;
	margin-bottom:0px;

	height:35px;
	overflow: hidden;
	}
#search-menu a{
	color:#dddddd;
	text-decoration:none;
	}	
#search-menu a:hover{
	text-decoration:none;
	color:#CA9798;
	}
#search-menu a:focus{
	text-decoration:none;
	color:#CA9798;
	}


.searchbox{width:26%; float:right; text-align:right;}
.top-page-bar{width:73%; float:left; padding-top:4px; text-align: right;}
.social-bar{width:73%;float:left; text-align:right; padding-top:4px;}

#menu-logo-bar{
	background-color:#303030; padding:5px; margin:0px;
}

.logo {width:25%; float:left;}	
	
.ht50{height:35px; overflow:hidden}

.page-background{
	background-image:url(../img/home/background-3.jpg);
	background-repeat:no-repeat;
	background-position: left;
	background-size: cover;
	
}	

#page-content{
	background-color:#fff;
	padding-bottom: 20px; 
	border-left:10px solid #fff; 
	border-right:10px solid #fff;	
}

@media screen and (max-width: 932px) {

.logo {width:70%; margin:auto; float:none; text-align: center;}
}



@media screen and (max-width: 770px) {
#search-menu{ 
	display: none;
    visibility: hidden;}

#top-bar{
	display: none;
	visibility: hidden;}	

.page-background{
	background-image:none;}	
#page-content{
	background-color:#fff;
	padding-bottom: 40px; 
	border-left:0px;  
	border-right:0px;	
}	
}

.search-div{width:26%; float:right; text-align: right;}
.search-form {
                padding:0px 0px;
                background:rgba(50, 50, 50, 0.25);
                border:1px solid #dbdbdb;
}
.search-button {
                position:relative;
                padding:6px 12px;
                left:-8px;
                border:1px solid #6B6C6E;
                background-color:#6B6C6E;
                color:#fafafa;
				font-family: FontAwesome;
}
.search-button a:hover a:focus {
                background-color:#814142;
				border:1px solid #814142;
                color:#ffffff;
}

.search-txt {font-size:.85em; color:#494646;  padding:3px 0px 2px 0px;}
	
.head-foot{
	background-color:#24282d;
	color:#dddddd;
	}
	
.head-foot a{
	color:#dddddd;
	text-decoration:none;
	text-decoration:underline	
	}
.head-foot a:hover a:focus{
	color:#90C0E7;
	}

.copyright{
	background-color:#000000;
	color:#dddddd;
	text-align:center;
	padding-top:20px;
	}	

.copyright a{
	color:#dddddd;
	text-decoration:none;
	text-decoration:underline;		
	}
.copyright a:hover{
	color:#90C0E7;
	
	}
.copyright a:focus{
	color:#90C0E7;
	
	}

.copyright a:visited{
	color:#dddddd;
	}
.copyright a:visited:hover{
	color:#90C0E7;
	}

/*.menu-container{
	padding-top:30px;
	}
*/
@media screen and (max-width : 900px) {
/*#logo{
	width:100%;
	margin:auto;
	text-align:center;
	}	

.menu-container{
	width:100%;
	padding-top:5px;
	padding-left:80px;
	}
*/
}

/*home boxes */

.photo-div{
	background-image:url(img/page-tops/leaves.jpg); 
	background-repeat: no-repeat; 
	background-position: center;
	background-size: cover;
	padding-top:220px;}

@media (min-width: 670px) {
	.photo-div{
	padding-top:120px;}
	
}


.transparant-gray{
	background-color: rgba(83,86,100,.70);
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
}

.transparant-green{
	background-color: rgba(0,147,69,.70);
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
}

.transparant-maroon{
	background-color: rgba(131,63,62,.70);
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
}

.news-box {
	background-color:#814142;
	color:#fff;
	
}

.news-box a:link{color:#ffffff; text-decoration:underline; }
.news-box a:hover {color:rgba(252,252,252,.70);}
.news-box a:visited{color:#ffffff;}
.news-topic-border{ border-bottom: 3px solid rgba(255,255,255,.70); line-height: 1.5em;}
.news-section-border{border-right:1px dashed #fff;}

@media screen and (max-width : 767px) {
	.news-section-border{ 
	border-right:0px }
}
.contact-box {
	background-color:#fff6ea;
	border-top:6px solid #814142;
	color:#814142;
}

.contact-box a:link{ color:#814142; text-decoration:underline;}

.contact-box a:hover a:focus{color:tomato;}

.contact-box p {line-height: 1.75em;}


.gray-box {
	background-color:rgba(185,186,192,.20);
	border-top:6px solid rgba(82,85,100,1.00);	
}

.gray-box p {line-height: normal;}

.interior-column-l {border-right:1px solid rgba(83,86,100,0.36); padding:10px 30px 10px 20px;}
.interior-column-r {padding:10px 20px 10px 30px;}

#footer {
	background-color: #303030;
	color: #dddddd;
	
	}

#footer a {color:#fff; text-decoration:none; }
#footer a:hover a:focus {color:#fff; text-decoration:underline;}
#footer a:visited{color:#E9F4F9;}	
	
.breadcrumb-light{color: #fff; font-size: 85%;}
.breadcrumb-light a:link {color:#fff; text-decoration:none;}
.breadcrumb-light a:visited {color:#fff; text-decoration:none;}
.breadcrumb-light a:hover a:focus {color:#CFF8FF; text-decoration:underline;}

.breadcrumb-dark {color:rgba(83,86,100,1.00); font-size: 85%;}
.breadcrumb-dark a:link {color:rgba(83,86,100,1.00); text-decoration:none;}
.breadcrumb-dark a:visited {color:rgba(83,86,100,1.00); text-decoration:none;}
.breadcrumb-dark a:hover a:focus {color:#960609; text-decoration:underline;}

#breadcrumb{
	margin-left:0px; padding-left:0px;
	
}
#breadcrumb li{
	/* display inline */
	display:inline-block;
	/* remove list-symbols */
	list-style-type:none;
}
#breadcrumb {color:rgba(83,86,100,1.00); font-size: 85%;}
#breadcrumb a:link {color:rgba(83,86,100,1.00); text-decoration:none;}
#breadcrumb a:visited {color:rgba(83,86,100,1.00); text-decoration:none;}
#breadcrumb a:hover {color:#960609; text-decoration:underline;}
#breadcrumb a:focus {color:#960609; text-decoration:underline;}

#breadcrumb li:first-child::before {
 font-family: FontAwesome;
 content:'\f015';
 margin: 0 .6em;	
}

#breadcrumb li::after {
  display: inline-block;
  list-style-type:none;
  font-family: FontAwesome;
  content:'\f105';
  
  /*content: '\00bb';*/
  margin: 0 .6em;
  color: #959fa5;
}

#breadcrumb li:last-child::after{
 content:'';	
}

/*breadcrumb for dark backgrounds */
#breadcrumb-white{
	margin:0px; padding:0px;
	
}
#breadcrumb-white li{
	/* display inline */
	display:inline-block;
	/* remove list-symbols */
	list-style-type:none;
}
#breadcrumb-white {color:#FDF7F7; font-size: 85%;}
#breadcrumb-white a:link {color:#FDF7F7; text-decoration:none;}
#breadcrumb-white a:visited {color:#FDF7F7; text-decoration:none;}
#breadcrumb-white a:hover {color:#CFF8FF; text-decoration:underline;}
#breadcrumb-white a:focus {color:#960609; text-decoration:underline;}

#breadcrumb-white li:first-child::before {
 font-family: FontAwesome;
 content:'\f015';
 margin: 0 .6em;	
}

#breadcrumb-white li::after {
  display: inline-block;
  list-style-type:none;
 font-family: FontAwesome;
  content:'\f105';
   /*content: '\00bb';*/		 
  margin: 0 .6em;
  color: #959fa5;
}

#breadcrumb-white li:last-child::after{
 content:'';	
}

/*skip link */
/* For devices larger than 670px */
@media (min-width: 670px) {
#audio-only {position: absolute;
    padding: 5px;
    left: 10%;
    top: 0%;
    transform: translateX(-90%);}
}
#audio-only p{color:#1F1F1F;}
#audio-only a:link {color:#1F1F1F; padding:3px;}
#audio-only a:visited {color:#1F1F1F;}
#audio-only a:hover {background-color:#2C689F;color:#fff;}
#audio-only a:focus{background-color:#2C689F;color:#fff;}

@media (max-width: 670px) {
#audio-only {display:none;}
}


.prep-button{padding:5px;}
/*.prep-button:hover{
	
	animation: pulse 3s infinite;
	}
*/	


.in-section{background-color:rgba(0,0,0,0.45);color:#fff; padding-left:10px; padding-right:10px; padding-top:.25em;}



.social{
	padding-right:10px;
	color:#dddddd;}	

.social a:hover a:focus{
	padding-right:10px;
	color:#92DEFB;}	
	
	
/*sticky footer stuff 
html, body {
	height: 100%;
}
.body{display:table; width:100%;}
.page{display:table;height:100%;width:100%}
.block{display:table-row;height:1px;width:100%}
.push{height:auto;}

.page-row {
  display: table-row;
  height: 1px;
}

.page-row-expanded { height: 100%; }
*/
/*Interior pages */

.background-image{
	background-image:url(../img/home/background-3.jpg);
	background-repeat:no-repeat;
	background-position: left;
	background-size: cover;
	
}	
.greenup-box{height: 145px; width:478px}

.greenup-stripe{background-image:url(../img/greenup-stripe.png); background-repeat: repeat-x; background-position: bottom; padding-top:40px;}

@media screen and (max-width : 767px) {
	.greenup-box{ max-height:145px; width:auto; }
	.greenup-stripe{background-image:none;}

}


/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 5px;
  box-sizing: border-box; }
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }
 

 
/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {width: 98%;}
    /*margin-left: 1%; }*/
	
}


/* For devices larger than 670px */
@media (min-width: 670px) {
  .container {
    width: 98%; }
  .column,
  .columns {
    margin-left: 1.6%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 6.866%; }
  .two.columns                    { width: 15.33%; }
  .three.columns                  { width: 23.8%;            }
  .four.columns                   { width: 32.68%; }
  .five.columns                   { width: 40.73%; }
  .six.columns                    { width: 49.2%;            }
  .seven.columns                  { width: 57.66%; }
  .eight.columns                  { width: 66.31%; }
  .nine.columns                   { width: 74.68%;          }
  .ten.columns                    { width: 83.06%; }
  .eleven.columns                 { width: 91.53%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 32.26%; }
  .two-thirds.column              { width: 66.13%; }
  .one-half.column                { width: 48.4%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.46%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 16.93%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 27.6%; }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 36.26%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 44.93%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 53.6%; }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 59.26%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 67.91%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 76.28%; }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 84.66%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 93.13%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 33.86%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 67.73%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

}

.alpha{margin-left:0px; padding-left:0px;}
.omega{margin-right:0px; padding-right:0px;}

@media (min-width: 1000px) {

.container {
    width: 96%; }

}

@media (min-width: 1200px) {

.container {
    width: 95%; }

} 

/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%; }

body {
  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: "Lato", Arial, sans-serif;
  color:#535664; 
  background-color:rgba(255,255,255,255.00); /*page background color white for magnific popups*/
}

.body-bg{background-color:#000000;}

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 1rem;
  font-weight: 300; }
h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 3.0rem; line-height: 1.3;  /*letter-spacing: -.1rem;*/ }
h4 { font-size: 2.4rem; line-height: 1.35; }
h5 { font-size: 1.8rem; line-height: 1.5; }
h6 { font-size: 1.5rem; line-height: 1.6; }

bold{font-weight:900;}
.semi-bold{font-weight:700;}
.smallish { font-size: 90%;line-height:150%; }
.small { font-size: 80%; }
.small-txt{font-size: 80%; line-height:150%;}
.largish { font-size: 130%;}
.larger{ font-size: 170%;}
.large { font-size: 200%; }
.text-uppercase {text-transform: uppercase;}
.line-ht-normal {line-height:normal;}
.fontawesome{font-family:FontAwesome;}
.phone{ white-space:nowrap; }
.img-cover img {width:100%;}
.txt-center{text-align: center;}


/* Larger than phablet */
@media (min-width: 550px) {
  h1 { font-size: 3.75rem; }
  h2 { font-size: 3rem; }
  h3 { font-size: 2.6rem; }
  h4 { font-size: 2.0rem; }
  h5 { font-size: 1.8rem; line-height: 1.5;  }
  h6 { font-size: 1.5rem; }
}

p {margin-top: 0; }

/*p a.link{text-decoration:underline;}*/

img {max-width: 100%;}

.huge{font-size:6.75rem; margin:0px; padding:0px; line-height: none;}

@media (max-width: 750px){
	.huge{font-size:4.25rem;}
}
/* Colors
–––––––––––––––––––––––––––––––––––––––––––––––––– */
    .color-maroon{color:#582b2c;}
	.color-red {color:#C30018;}
	.color-white {color:#ffffff}
	.color-green {color:#009345;}
	.color-blue {color:#047dba;}
	.color-dark-gray{color:#464646;}
	.color-gray{color:#535664;}
	.color-orange{color:#ff6e00;}
    .color-red{color:#c4262e}
 
	.bk-white{background-color:#fff;}
    .bk-cream{background-color:#fff6ea;}
    
    .bk-med-gray {background-color:#B2B2B2;}
    .bk-lt-gray {background-color:#F1F1F2;}
    .bk-vlt-gray {background-color:rgba(185,186,192,.20);}

    .bk-green {background-color:#228848; color:#fff;}
	.bk-brightblue {background-color:#10A5DC; color:#fff;}
	.bk-orange{background-color:#ff6e00; color:#fff;}
    .bk-cdd-maroon{background-color:#814142; color:#fff;}
    .bk-blue{ background-color:#047dba; color:#ffffff;}
    .bk-darkblue{background-color:#06368A; color:#fff;}
	.bk-red{background-color:#c4262e; color:#fff;}
   
    .bk-lt-blue{background-color:#cde5f1}
    .bk-dark{background-color:rgba(0,0,0,.40); color:#ffffff;}

	a.color-white{
	color:#fff;
	text-decoration:underline;
	}

	a.color-white:hover a.color-white:focus {
	color:#A2E5FD;
	text-decoration:underline;
	}
	a.color-white:active{
	color:#A2E5FD;
	text-decoration:underline;
	}
	a.color-white:visited{
	color:#fff;
	text-decoration:underline;
	}

    .bk-gray{background-color:#535664; color:#fff;}
	.bk-gray a:link {color:#fff; text-decoration:none;}	
    .bk-gray a:hover {text-decoration:underline; color:#F8F3DA}


    

    .bk-gray-button {background-color:#535664; color:#fff;}
	.bk-gray-button:hover {background-color:#814142;}
    .bk-gray-button a:link {color:#fff; text-decoration:none;}	
    .bk-gray-button a:visited {color:#fff; text-decoration:none;}
    .bk-gray-button a:visited:hover {color:#fff; background-color:#814142}

    .bk-maroon-button {background-color:#814142; color:#fff;}
	.bk-maroon-button:hover {background-color:#680E08;}
    .bk-maroon-button a:link {color:#fff; text-decoration:none;}
    .bk-maroon-button a:visited {color:#fff; text-decoration:none;}
  .bk-maroon-button a:visited:hover {color:#fff; background-color:#680E08;}

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {color:#862527; text-decoration: none; }
a:hover {color:#960609; }
a:visited {color:#521A97;}
a:active {color:#960609; }
a:focus {tex-decoration:underline;} /*gives focus to all links for ADA*/

p a:link a:focus {text-decoration:underline;}

/* Misc Padding/Margins/rounding
–––––––––––––––––––––––––––––––––––––––––––––––––– */

	.margin-half-bottom {margin-bottom: 10px !important; }
	.margin-add-bottom {margin-bottom: 20px !important; }
	.margin-no-top {margin-top: 0px !important; }
	.margin-no-bottom {margin-bottom: 0px !important; }

	.margin-add-top {margin-top: 20px !important; }
	.margin-half-top {margin-top: 10px !important; }
    .margin-left {margin-left: 20px !important; }
	.margin-left-large{margin-left: 60px !important; }
    .margin-right {margin-right: 20px !important; }
    .margin-add-top-lg{margin-top: 40px !important;}


	.pad-bottom { padding-bottom: 20px !important; }
	.pad-top { padding-top: 20px !important; }

	.pad-half-bottom { padding-bottom: 10px !important; }
	.pad-remove-bottom { padding-bottom: 0px !important; }

	.box-padding{padding:10px;}
	.box-padding-sides{padding:0px 10px 0px 10px;}

	.box-padding-side30{padding:0px 30px 0px 30px;}
	.box-padding-side60{padding:0px 60px 0px 60px;}


    .round-corners {border-radius: 15px;  padding:10px;}
    .round-corners-sm {border-radius: 5px;  padding:10px;}
	.round-div{	border-radius: 20px;}
    
	.circle-div {border-radius: 50%;}
	.img-circle {border-radius: 50%;}
    img {max-width: 100%;}

	.drop-shadow{
	-webkit-box-shadow: 0px 0px 8px 0px rgba(59,59,59,0.93); /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
    box-shadow: 0px 0px 8px 0px rgba(59,59,59,0.93); /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */}
	
	.drop-shadow:hover{
	-webkit-box-shadow: 0px 0px 2px 0px rgba(59,59,59,0.53); /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
    box-shadow: 0px 0px 2px 0px rgba(59,59,59,0.53); /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
		
		}
		
   @media only screen and (max-width: 759px) {
	.margin-left-large{margin-left:5px !important; }

   }
   
   @media only screen and (min-width: 480px) and (max-width: 759px) {
	.margin-left-large{margin-left:3px !important; }
		}
	

/*Well - box with border and colored background
=============================================== */
.well {
  background-color: #f9f9f9;
  border-color: #ededed;
  border-style: solid;
  border-width: 1px;
  margin-bottom: 24px;
  padding: 0px 10px;
}
.well h1, .well h2, .well h3, .well h4, .well h5, .well h6,
.well .h1, .well .h2, .well .h3, .well .h4, .well .h5, .well .h6,
.well .giga, .well .mega, .well .kilo {
  color: inherit;
}
.well p {
  margin: 10px 0;
}

.well header h1, .well header h2, .well header h3, .well header h4, .well header h5, .well header h6,
.well header .h1, .well header .h2, .well header .h3, .well header .h4, .well header .h5, .well header .h6 {
  margin: 20px 0 10px;
}
.well header .label,
.well header .badge {
  margin-top: 10px;
}
.well[class*='bg-'] {
  color: #fff;
}
.well.bg-white {
  color: #666;
}
.well.bg-black {
  border-color: #000;
}

.well.bg-maroon {
  border-color: #3d8b3d;
  background-color:#3d8b3d;
  color:#fff;
}
.well.bg-green {
  border-color: #3d8b3d;
  background-color:#3d8b3d;
  color:#fff;
}
.well.bg-light-green {
  border-color: #3d8b3d;
  color: #468847;
}
.well.bg-blue {
  border-color: #28a1c5;
  background-color:#28a1c5;
  color:#fff;
}
.well.bg-light-blue {
  border-color: #28a1c5;
  color: #3a87ad;
}
.well.bg-yellow {
  border-color: #b9730f;
}
.well.bg-light-yellow {
  border-color: #b9730f;
  background-color: #F7E380;
  color:#321F0F;
}

.well.bg-orange {
  border-color:#E78004;
  background-color:#E78004;
  color:#fff;
}
.well.bg-red {
  border-color: #b52b27;
  color: #8C0507;
  background-color:rgba(227,130,132,.80);
}
.well.bg-light-red {
  border-color: #b52b27;
  color: #d2322d;
}
@media (max-width: 750px){
.well {
  padding: 0px 0px;
}
}



/* Block headings
–––––––––––––––––––––––––––––––––––––––––––––––––– */
  
   .block-heading{
	text-align:center;
	font-size: 1.25em;
	padding-top: 8px;
	padding-right:0px;
	padding-bottom: 4px;
	margin-bottom: 10px;
	color: #fff;
	display:block;
}



/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*SBCTA search button
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 30px;
  padding: 10px 10px 8px;
  margin-top:0px;
  color: #fff;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: normal;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color:#0699D0;
  border-radius: 6px;
  border: 0px solid #0699D0;
  cursor: pointer;
  box-sizing: border-box; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #fff;
  background-color: #33C3F0;
  outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB; }
*/

.home-topic{
	background-color:#535664;
	color:#fff;
	}

.home-topic a:hover a:focus{
	color:#CA9798;
	text-decoration: underline;
}
.home-topic:hover{background-color:#582b2c; color:#ffffff;}

@media (max-width: 780px) {
	.home-topic{
		font-size:1.25em;
}
}
@media (max-width: 550px) {
	.home-topic{
		font-size:1.5em;

}
}


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 26px;
  padding: 6px 5px; /* The 6px vertically centers text on FF, ignored by Webkit */
  margin-top:0px;
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 0px;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 45px;
  padding-top: 3px;
  padding-bottom: 3px;
   }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }


/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
	ul, ol { margin-bottom: 10px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 0px 0 5px 30px; font-size: 100%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 1 rem; }
	li {line-height: 1.5em; margin-bottom:5px;}
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }
	
li:last-child {
    margin-bottom:0px;
}

ul.spacer li{margin-bottom: 1.5rem;}

/*fancy lists */

.no-indent{margin-left:8px; padding-left:8px;}

.list-acrobat {list-style-image:url(../img/symbols/acrobat.gif);}
.list-blue-pointer {list-style-image:url(../img/symbols/blue-carret.png);}
.list-maroon-pointer {list-style-image:url(../img/symbols/maroon-carret.png);}

.list-caret {list-style-image:url(../img/symbols/carret.png);}	
.list-caret-green {list-style-image:url(../img/symbols/carret-on.png);}
.list-checklist {list-style-image:url(../img/symbols/accept.png);}
.list-check {list-style-image:url(../img/symbols/tick.png);}	
.list-red-arrow {list-style-image:url(../img/symbols/arrow_red.png);}
.list-blue-arrow {list-style-image:url(../img/symbols/arrow_slate.png);}
.list-blue-dot {list-style-image:url(../img/symbols/dot-blue.png);}
.list-maroon-dot {list-style-image:url(../img/symbols/bullet-maroon.png);}
.list-gray-dot {list-style-image:url(../img/symbols/bullet-gray.png);}

.list-gray-pointer {list-style-image:url(../img/symbols/gray-carret.png)}

.list-gray-pointer-tips {list-style-image:url(../img/symbols/gray-carret.png)}
.list-gray-pointer-tips li{margin-bottom:20px;}


.list-white-arrow {list-style-image:url(../img/symbols/arrow_white.png); color:#fff;}
.list-white-dot {list-style-image:url(../img/symbols/white-dot.png);}
.list-white-box {list-style-image:url(../img/symbols/white-bullet.gif);}


.list-computer {list-style-image:url(../img/symbols/monitor.gif);}	
.list-page {list-style-image:url(../img/symbols/new_page.png);}	

.list-white-pointer {list-style-image: url(../img/symbols/white-carret.png);}	
.list-white-pointer a {color:#ffffff;}	
.list-white-pointer a:hover a:focus {color:#F1FFC1;}


.list-footer-bullet {
	list-style-image: url(../img/symbols/footer-carret.png);
	font-size:.9em;
	margin-left: 8px;
	padding-left:8px;
}	
a.list-footer-bullet{
	color:#C9C9C9;
	text-decoration: none;
}	
a.list-footer-bullet:hover a.list-footer-bullet:active{
	color:#F1FFC1;
	text-decoration: underline;
}

a.list-footer-bullet:visited{
	color:rgba(255,255,255,0.80);
	text-decoration: underline;
}

.list-side-nav{
	list-style-image: none;
	margin-left:0px;
	padding-left:12px;
}


.list-side-nav ul{
 	padding: 0px;
	list-style-type: none;
}

.list-side-nav li {
     margin-top:0px;
	 margin-bottom:0px;
	 
	 color:#ffffff;
}

.list-side-nav a:link {
     padding: 0.5em .25em;
	 display:block;
	 text-decoration: none;
	 color:maroon;
	 border-bottom: 1px solid maroon;
}

.list-side-nav a:hover {
    display:block;
	background-color:maroon;
	color:#ffffff;
	text-decoration: none;
	border-bottom: 0px;
}

.list-number{margin-left: 20px; padding-left:20px; }
.list-number li{margin-bottom: 1em;}

.hilite {
    display:block;
	background-color:maroon;
	color:#ffffff;
	text-decoration: none;
	border-bottom: 1px solid maroon;
}

.hilite:hover{
    display:block;
	background-color:maroon;
	color:#ffffff;
	text-decoration: none;
	border-bottom: 1px solid maroon;
}

 .hilite a:visited{
    display:block;
	background-color:maroon;
	color:#ffffff;
	text-decoration: none;
	border-bottom: 1px solid maroon;
}


/*
 
 .side-active a:link {
    display:block;
	background-color:maroon;
	color:white;
	text-decoration: none;
}

 .side-active a:hover{
    display:block;
	background-color:maroon;
	color:white;
	text-decoration: none;
}

 .side-active a:visited{
    display:block;
	background-color:maroon;
	color:white;
	text-decoration: none;
}

/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1; }
th:first-child,
td:first-child {
  padding-left: 5px; }
th:last-child,
td:last-child {
  padding-right: 5px; }


/* border all */
table.table-border-all, table.table-border-outer {
  border: 1px solid #ededed;
}
table.table-border-all th,
table.table-border-all td {
  border-right: 1px solid #ededed;}

/*border outer */
table.table-border-all, table.table-border-outer {
  border: 1px solid #ededed;}

/* border inner */
table.table-border-inner th,
table.table-border-inner td {
  border-right: 1px solid #ededed;}

/* yellow hover row */  
table.table-hover-row tr:hover td, table.table-hover-cell td:hover {
  background-color: #FFFCC3;}

/* zebra stripe - even or odd */
table.table-fill-even tbody tr:nth-child(even), table.table-fill-odd tbody tr:nth-child(odd) {
  background-color:#F5DFCF;}

/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
  margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
  margin-bottom: .15rem; }/*field spacing*/
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 2rem; } /*paragraph spacing*/


/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 2rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 3px solid #814142; }

.dotted-line{margin-top: 1rem;  margin-bottom: 2rem; border-top: 3px dotted #525463;}

img.scale-with-grid {
	max-width: 100%;
	height: auto; }
	



/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }


/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/


/* Larger than mobile */
@media (min-width: 300px) {
	/*show extra small only */
        .show-extra-small,
        .hide-Xlarge,
		.hide-large,
        .hide-small,
        .hide-medium{
        display: inline;
        visibility: visible}
		
 .box-padding{padding:20px;}	
 
     /*hide extra small only*/
        .hide-extra-small,
		.show-Xlarge,
        .show-large,
        .show-small,
        .show-medium{
        display: none;
        visibility: hidden;}
	
	#logo {
	width: 100%;
	text-align: center;
	}
}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
	#logo {
	width:auto;
	
	}
	}

/* Larger than tablet */
@media (min-width: 768px) {
	/*show medium only, hide from all others */
        .show-medium,	 
        .hide-Xlarge,
		.hide-large,
        .hide-extra-small,
        .hide-small{
        display: inline;
        visibility: visible;}
	
		
    /*hide medium only, hide from all others */
        .hide-medium,
        .show-Xlarge,
		.show-large,
        .show-extra-small,
        .show-small{
        display: none;
        visibility: hidden;}
	
	#logo {
	width:auto;
	text-align: left;
	}
	.box-padding{padding:10px;}
	
	}

/* Larger than desktop */
@media (min-width: 1000px) {
	
	/*show large only, hide from all others */
    .hide-Xlarge,
	.show-large,
    .hide-extra-small,
    .hide-small,
    .hide-medium{
    display: inline;
    visibility: visible;}
 
 /*hide large only, show from all others */
    .show-Xlarge,
	.hide-large,
    .show-extra-small,
    .show-small,
    .show-medium{
    display: none;
    visibility: hidden;}

	}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
	/*show Xlarge only, hide from all others */
    .show-Xlarge,
	.hide-large,
    .hide-extra-small,
    .hide-small,
    .hide-medium{
    display: inline;
    visibility: visible;}
 
 /*hide Xlarge only, show from all others */
    .hide-Xlarge,
	.show-large,
    .show-extra-small,
    .show-small,
    .show-medium{
    display: none;
    visibility: hidden;}
	}

/*slick nav*/



.slicknav_menu {
	display:none;
    }
    #menu {
	display:none;
	}
    @media screen and (max-width: 768px) {
	/* #menu is the original menu */
	.js #big-menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
		.hide-mobile{
        display: none;
        visibility:hidden;}
}

/*super slide*/
.wide-container {
      /*max-width: 1200px;*/
      max-width:100%;
	  height: 400px;
      margin: 0 auto;
	  padding:0 ;
    }

/*slide messages*/

@media (min-width: 280px) {

.wide-container {
 height: 300px;
  margin: 0 auto;
  }

.message-bknd{
	
	width: 80%;
	/*height:300px;
	float: right;*/
	padding: 10px;
    margin:auto;	
}
.message-title{
	color:#fff; 
 	display: block;
	padding:1em;
	font-size: 1.5em;
	font-weight:600;
	background-color:rgba(129,65,66,.90);
	}

.message-txt {
	visibility:hidden;
	color:#fff; 
	font-size: 1em;
	margin-bottom:0px;
	padding-bottom:0px;
	}
}

@media (min-width: 400px) {
	.message-bknd{
	width:80%; 
	padding:10px; 
	/*margin-top:130px;*/
	margin:auto;
}
}


@media (min-width: 550px) {

.message-bknd{
		/*margin-top:130px;*/
		
	padding:20px; 
	width:80%; 
		
		 }	

.message-txt {
	visibility:hidden;
	color:#ffffff; 
	size: 2.5em;
	line-height:normal;
	}

.message-title{
	color:#ffffff; 
	font-size: 2.15em;
	line-height:normal;
	background-color:rgba(129,65,66,.90);
}


}

@media (min-width: 750px) {

.wide-container {
      max-width: 1200px;
      height: 400px;
      margin: 0 auto;
    }

.message-bknd{
		/*margin-top:180px;*/
	background-color:rgba(129,65,66,.90);
	float:right; 	
	padding:20px; 
		width:35%; 
		height:500px
		 }
.message-txt {
	visibility:visible;
	color:#ffffff; 
	size: 3.5em;
	}
.message-title{
	color:#ffffff;
	font-size: 1.5em;
	line-height:normal;
	margin-bottom:0px;
	padding:0px;
	background-color:rgba(255,255,255,0);
}	

}

@media (min-width: 1000px) {
.message-bknd{
		/*margin-top:190px;*/
		padding:30px; 
		width:30%; 
	    height:500px
		
		 }		
.message-title{
	color:#ffffff; 
	font-size: 1.5em;
	font-weight:500;
	margin-top: 40px;
}	
	
	
}


@media (min-width: 1200px) {
	.message-bknd{
		/*margin-top:190px;*/
		padding:40px; 
		width:25%; 
		height:500px
		 }		
	
}

.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}