@charset "utf-8";

/******************************************************

Keystone Human Services Main stylesheet

Original Date:	2016-06-28
Revised:		2020-012-03
This stylesheet provides customizations to the bootstrap framework.

*******************************************************/

/*	DEVICE BUG FIXES
*************************************/
/* IE 10 doesn't differentiate between device width and viewport width, and thus doesn't properly apply the media queries in Bootstrap's CSS. */
@-ms-viewport{width:device-width}

/* Similar fix for devices running Windows Phone 8 versions older than Update 3. */
@-webkit-viewport{width: device-width;}
@-moz-viewport {width: device-width;}
@-o-viewport {width: device-width;}
@viewport {width: device-width;}

/* Firefox hack for responsive tables. Firefox has some awkward fieldset styling involving width that interferes with the responsive table.  */
@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}


/* 	COLOR PALETTE
**************************************/
/*
KHS Beige VVVlt #f9f4e2
KHS Beige VVlt 	#f2e9c6
KHS Beige Vlt 	#ecdda9
KHS Beige Lt	#e5d28d
KHS Beige 		#dfc770 (223,199,112)
KHS Beige DK 	#b29f5a
KHS Beige VDk	#867743
KHS Beige VVDk	#59502d

KHS Blue VVVlt 	#eef1f3
KHS Blue VVlt 	#bbc7d1
KHS Blue Vlt 	#99aabb
KHS Blue Lt		#778ea4
KHS Blue 		#55728d (85,114,141)
KHS Blue Dk		#445b71
KHS Blue VDk	#334455
KHS blue VVDk 	#222e38

Orange VVVLt 	#f9ead5
Orange VVLt 	#f3d5ac
Orange VLt 		#eec182
Orange Lt 		#e8ac59
Orange 			#e2972f
Orange Dk 		#b57926
Orange VDk 		#885b1c



Green VVVLt 	#def1de
Green VVLt 		#bee3be
Green VLt 		#9dd49d
Green Lt 		#7dc67d
Green 			#5cb85c 
Green Dk 		#4a934a
Green VDk 		#376e37
Green VVDk 		#254a25
Green VVVDk 	#122512

Green			#3c763d (input borders on success)

Gray VVLt		#e7e7e8
Gray VLt		#d1d2d4
Gray Lt			#bbbdc0
Gray			#58595b 
Gray Dk  		#454545 (body copy)
Gray VDk 		#333333

Bootstrap Colors
Pink   			#f2dede (danger)


Web Standard Colors
Blue 			#1a0dab (text link)
Blue 			#0000CC (text link)
Blue 			#000099 (text link)
Purple 			#551A8B (visited link)
Purple 			#609	(visited link)
Green 			#666633 (visited link)

/* -------------------------------------
				WAIC 
/* -------------------------------------

WAIC Standard Link Colors
Normal				#3344dd
Hover/Focus/Active 	#bb1122
Visited 			#884488


These colors meet acceptable WAI Color Contrast ratios.

(On white backgrounds)
Orange Dk 		#a26815
Blue 			#5A7896
Green 			#438443
Gray cool		#727579
Gray warm		#757575
Beige Vdk 		#817341
Red Lt 			#D50306
Red 			#9e2925

(On blue backgrounds)
Beige	#F8F3DD/#55728C 	masthead
Orange  #E59F3E/#324354	primary navs

(On beige backgrounds) 
Breadcrumb links 	#8B5D1D

(On gray backgrounds)
Footer links 	#93631F
Social media 	#445b71 (blue)

Give Now button in masthead
background 		#5cb85c
color 			#222e38

White on orange background
White 			#fff
Orange Dk 2		#A26716 (Almost brown)


ShareThis
White on Green 	#fff/#567A1F

*/


/* 	DEVELOPMENT TOOLS
**************************************/
#dev-text-box {
	position:  fixed;
	left:0;
	top:50%;
	background-color: rgba(255,255,255,.5);
	color:#000;
	z-index: 999999;
	display:none;
}



/* ACCESSIBILITY
**************************************/
#skip-to-primary-navs a,
#skip-to-featured-navs a {
    padding: 6px;
    position: absolute;
    top: -40px;
    left: 0px;
    color: white;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    border-bottom-right-radius: 8px;
    background: transparent;
    -webkit-transition: top 1s ease-out, background 1s linear;
    transition: top 1s ease-out, background 1s linear;
    z-index: 100;
}
.offscreen {
	clip: rect(1px, 1px, 1px, 1px); /* IE 6/7 */
	position:absolute;
	left:-1000px;
	top:-1000px;
	width:1px;
	height:1px;
	text-align: left; 
	overflow:hidden;
	white-space: nowrap;
	z-index: 5000;
}
.offscreen:focus, .offscreen:active, .offscreen:hover { 
	position:absolute; 
	clip:auto;
	left:0; 
	top:0; 
	width:auto; 
	height:auto; 
	overflow:visible;
	background-color:#FF3;
	border: 1px dotted #000;
}


/* 	ELEMENTS
**************************************/
/* The fixed navbar will overlay the other site content, unless padding is added to the top of the <body>. Tip: By default, the navbar is 50px high. */
body { 
	padding-top: 80px;
	padding-top: 92px;
	position:relative;
	
}

figure {
	margin:12px 0px;	
}

/* --- Typography --- */
html {
	font-size: 100%; /* override Bootstrap default of 14px; */
	text-rendering: optimizeLegibility;
}
body { 
	color:#454545;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size:100%; /* override Bootstrap default of 14px; */
	

}
/* ---- Font Sizes ---- */
/*
Display pixel size: 16px (average);

Base font = 13px		13/16=.8125
font-size: 2.308em;		30/13 = 2.308
font-size: 2.154em;		28/13 = 2.154
font-size: 2.0em;		26/13 = 2.0
font-size: 1.846em;		24/13 = 1.846
font-size: 1.692em;		22/13 = 1.692
font-size: 1.538em;		20/13 = 1.538
font-size: 1.385em;		18/13 = 1.385
font-size: 1.231em;		16/13 = 1.231
font-size: 1.154em;		15/13 = 1.154
font-size: 1.077em;		14/13 = 1.077
font-size: 1.0em;		13/13 = 1.0
font-size: .923em;		12/13 = .923
font-size: .846em;		11/13 = .846
font-size: .769em;		10/13 = .769
*/

h1, h2, h3, .h1, .h2, .h3 {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	line-height: 1.1em;
}
h4, h5, h6, .h4, .h5, .h6 {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}
h1, .h1 {
	/*font-size:2.5em;*/	
	/*font-size: 2.0em;*/
	font-size: 2.2em;
}
h2, .h2 {
	font-size:1.8em;
}
h3, .h3 {
	font-size:1.6em;
}
h4, .h4 {
	font-size:1.4em;
}
h5, .h5 {
	font-size:1.2em;
}
h6, .h6 {
	font-size:1.0em;
}
h1 span.subhead {
	font-size:86%;
	display:block;
	opacity:.9;
	line-height: 100%;
}
h2 span.subhead {
	font-size:86%;
	display:block;
	opacity:.9;
	line-height: 100%;
}
h1 span.prehead {
	font-size:60%;
	display:block;
	opacity: .7;
	line-height:.8em;
	padding-top:.2em;
}
h2 span.prehead {
	font-size:70%;
	display:block;
	opacity: .7;
	line-height:.8em;
	padding-top:.2em;
}
p {
	font-size:1.0em;
	margin:.5em 0;
}
ul, dl, ol {
	font-size:1.0em;
}
abbr[title] {
	text-decoration:none;
}

a {
	/*color:#b57926; orange */
	/*color:#438443; green */
	/*color:#5A7896; blue*/
	/* color:#a26815; orange dk  a4660e*/
	color:#004A71; /* blue */
	/*text-decoration: underline;*/
	text-decoration: none;
	/*border-bottom:1px dashed #a26815;*/
	border-bottom:1px dashed #004A71;
	
 }
a:link {
	/*border-bottom:1px dashed #a26815;*/
	border-bottom:1px dashed #004A71;
}
a.btn:not(.btn-default),
a.btn:not(.btn-default):link,
a.btn:not(.btn-default):visited,
a.btn:not(.btn-default):hover,
a.btn:not(.btn-default):active {
	border-bottom:none;
}
a.btn.btn-default,
a.btn.btn-default:link,
a.btn.btn-default:visited,
a.btn.btn-default:hover,
a.btn.btn-default:active {
	border-style: solid;
	border-color:#ccc;
	color:#333;
}
.btn {
	padding-top:6px;
	padding-bottom:8px;
}
a:visited {
	/*color: #84748f;*/
	color: #884488;
	border-color:#884488;
	text-decoration: none;
}
a:hover {
	/*text-decoration: underline;*/
	text-decoration: none;
	background-color: rgba(0,74,113,.1);
	/*border-bottom:1px solid #a26815;*/
	border-bottom:1px solid #004A71;
}
a:active {
	color:#bb1122;
}
a.img-link,
a.img-link:link, 
a.img-link:visited,
a.img-link:hover, 
a.img-link:active {
	border-bottom:none;
	background-color:transparent;
}
h1 > a,
h1 > a:link,
h2 > a,
h2 > a:link,
h3 > a,
h3 > a:link,
nav a,
nav a:link,
.navbar a,
img > a, 
img > a:link, 
footer .affiliations a,
a > img,
a:link > img,
.list-group-item > a,
a[role=button] {
	border-bottom:none;
}
ol.breadcrumb li a {
	border-bottom:none;
}
nav ul.pagination a,
nav ul.pagination a:link {
	border-bottom:1px solid #ddd;
}

h1 > a:hover,
h2 > a:hover,
h3 > a:hover {
	/*text-decoration: none;*/
	/*background-color: #f9ead5;*/
	/*border-bottom:1px solid #a26815;*/
	background-color:transparent;
	border-bottom: none;
	text-decoration: underline;
}
nav a:hover,
footer .affiliations a:hover,
a:hover > img,
a:hover > img {
	background-color:transparent;
}
a.external-site,
span.external-site {
	padding-right: 18px;
	background: url(/assets/images/graphics/icon-external-site.gif) right center  no-repeat;
	white-space: nowrap;
}
.list-group-item > a > span.external-site {
	display:inline-block;
	background-position: left 5px bottom;
	height:20px;
	width:20px;
}
span.pdficon {
	padding-right: 24px;
	background: url(/assets/images/graphics/Adobe_PDF_file_icon_20x20.png) right center  no-repeat;
	white-space: nowrap;
	/*background: url(/assets/images/graphics/Adobe_PDF_file_icon_24x24.png) right center  no-repeat;*/
}
.list-group-item a > span.pdficon {
	background-position:left 10px center;
	display:inline-block;
	height:20px;
	width:20px;
}
span.wordicon {
	padding-right: 30px;
	background: url(/assets/images/graphics/Microsoft_Word_2013_logo_download.png) right center  no-repeat;
	height:20px;
	width:20px;
	white-space: nowrap;
}
.list-group-item a > span.wordicon {
	background-position:left 10px center;
	display:inline-block;
	height:20px;
	width:20px;
}
span.new-window {
	padding-right: 18px;
	background: url(/assets/images/graphics/icon-popup-window.gif) right center  no-repeat;
	height:20px;
	width:20px;
	white-space: nowrap;
}

a.popup-window, a.popup-window:visited, a.popup-window:hover {
    padding-right: 18px;
    background: url("/assets/images/graphics/icon-popup-window.gif") right center no-repeat;
	white-space: nowrap;
}
h1 a, h2 a, h3 a {
	text-decoration: none;
}
h1 a:visited, h2 a:visited, h3 a:visited {
	/*color:#b57926;*/
	color: #884488;
}
a.btn,
button a {
	text-decoration: none;
}

span.link-to-article {
	font-weight:bold;
}
figcaption {
	font-size:85%;	
	margin-top:.5em;
	line-height: 1.2em;
}
blockquote {
	font-size:1em;
	border-left-color: #f2e9c6;
	border-left-width:12px;
}
blockquote > footer {
	font-size:1em;
	color:inherit;
}

.lead {
	font-weight: 400; /* normal */
	margin-bottom:.5em;
}
.drop-cap::first-letter {
  color: rgba(0,74,113,0.3);
  float: left;
  font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
  font-size: 5.0em;
  line-height: .8em;
	padding-top:0px;
  padding-right: 4px;
	padding-left:0px;
}
.lead-in-phrase {
	text-transform: uppercase;
}
article.has-end-glyph p:last-child::after {
    content: " \2766";
    display: inline;
    color: #857743;
}
blockquote.pull-quote,
div.pull-quote {
	margin-top:20px;
	border-width:3px 0px;
	border-color: rgba(0,74,113,0.3);
	border-style: solid;
	font-size:1.5em;
	line-height: 1.2em;
	color:inherit;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}
div.pull-quote {
    padding: 14px 14px;
    margin: 20px 0;
}
blockquote.pull-quote-center,
div.pull-quote-center{
 text-align:center;
}
blockquote p {
	margin:0;
	padding:0 0 .25em 0;
}

.embed-responsive {
	margin-bottom:1.0em;
}
.contact-info {
	margin-bottom:1em;
}

h2.services-list-heading {
    border-bottom: 2px solid #99aabb;
    padding-bottom: .2em;
    font-size: 1.3em;
    margin-bottom: 0;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    text-transform: uppercase;
}
.services-list h3:first-child {
    margin-top: 0;
}

.font-weight-normal {
	font-weight:normal;
}

hr {
	border-top: 1px solid rgba(0, 74, 113, 0.3);
}

/* --- Lists --- */
dt {
	margin-top:1em;
	/*margin-bottom:.5em;*/
	margin-bottom:.0em;
}
.dl-horizontal dt {
	margin-top:0;
}
dd {
	margin-bottom:.5em;
}

ul {
	margin-top:1em;
	margin-bottom:1em;
}
ol ol,
ul ol,
ol ul,
ul ul {
	margin-top:.5em;
}
li {
	margin-bottom:.5em;
}
/* --- Extend list-group css to work with actual lists --- */
ul.list-group {
	margin-top:20px;
}
ul.list-group li {
	padding:0;
}
ul.list-group li span {
	display: block;
	padding:10px 15px;
}
.list-group-item a {
	display:block;
	padding:10px 15px;
	text-decoration: none;
}
/*
.list-group-item span {
	display:block;
	padding:10px 15px;
	text-decoration: none;
}
*/
.list-group-item a:hover {
	background-color: rgba(0, 74, 113, 0.1);
	text-decoration: underline;
}
/*
.list-group-item a.external-site {
	background-image: none;
}
.list-group-item > a.external-site > span {
	display:inline-block;
	width:12px;
	height:12px;
	background-image: url(/assets/images/graphics/icon-external-site.gif);
	background-position: center center;
	background-repeat:no-repeat;
	background-color:transparent;
}
*/
.panel > .list-group {
    margin-top: 0;
}

.list-indent-0em {
	padding-left:0;
}
.list-indent-1em {
	padding-left:1em;
}
.list-indent-1-5em {
	padding-left:1.5em;
}
.list-indent-2em {
	padding-left:2em;
}
.list-no-bullets {
	/*padding-left:0;*/
}
.list-no-bullets li {
	list-style: none;
	margin-bottom:.5em;
}

/* Definition list with dividers (example on Keystone News landing pages) */
dl.list-w-dividers dt {
margin-top:2em;
padding-top:3em;
position: relative;
}
dl.list-w-dividers dt:first-child {
margin-top:0em;
padding-top:0em;
}
dl.list-w-dividers dt:before {
	content : "\2022\2003\2022\2003\2022\2003\2022\2003\2022";
	position: absolute;
	left    : 0;
	right : 0;
	top  	: 0;
	margin : auto;
	height  : 1px;
	color : rgba(0,74,113,0.3);
	max-width:120px;
	text-align:center;
}
dl.list-w-dividers dt:first-child:before {
  content : "";
}

/* Use pull-right and pull-left (Bootrap styles) when
the element must float until screen width reaches 350px. (set in media queries) */
.pull-right {
	margin:0 0 .5em 1em;
}
.pull-left {
	margin:0 1em .5em 0;
}

.offset-left-10 {
	margin-left:10px;
}
.offset-left-20 {
	margin-left:20px;
}
.offset-left-1em {
	margin-left:1em;
}
.offset-left-2em {
	margin-left:2em;
}

dl#ki-links-list a,
dl#ki-links-list a:link,
dl#ki-links-list a:visited {
	padding-right: 15px;
	background: url(/assets/images/graphics/icon-external-site.gif) right center  no-repeat;
}

/* --- Forms --- */
form {
	position: relative;
}
label {
	line-height: 120%;
}
/* _label overrides Bootstrap's .label class */
._label {
	font-size: 100%;
	line-height:120%;
	color:#454545;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	white-space: normal;
	font-weight:bold;
}
legend.required::after,
label.required::after,
p.required::after,
div.required::after {
	content:"*";
	display:inline;
	color:#9e2925;
	font-weight: bold;
	white-space: nowrap;
}
fieldset {
	margin-bottom:2em;
}
fieldset legend {
	font-size:1.4em;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}
fieldset fieldset {
	margin:0;
	padding:0;
}
fieldset fieldset legend,
.legend-as-group-label {
	margin:0;
	padding:0;
	line-height: 120%;
	font-weight:bold;
	border:none;
	font-size:1em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}
span.required {
	color:#9e2925;
	font-weight: bold;
}
p.error,
span.error {
	margin:0;
	padding:0;
}
input[type=number] {
	width:auto;
}
.form-horizontal .form-group {
	margin-right:0px;
	margin-left:0px;
}
.form-control-feedback {
	display:none; /* displayed via jquery */
}
.radio-inline, .checkbox-inline {
    vertical-align: inherit;

}
.has-success-border {
	border-color:#3c763d;
}
.control-label {
	line-height: 120%;
}
p.control-label {
	margin-top:0;
	font-weight:bold;
}
.help-block {
	font-weight:normal;
	margin-top:0;
	line-height: 120%;
	font-size: 95%;
}
/* -- Used for honeypot on forms only. Doesn't receive focus. */
.move-off-screen {
	position:fixed;
	left:-10000px;
	z-index: 1000;
}


.no-indent,
div.no-indent,
p.no-indent,
ul.no-indent,
ol.no-indent,
dl.no-indent {
	margin-left:0;
}

.no-top-margin,
.panel.no-top-margin,
.margin-top-0 {
	margin-top:0;
}
.margin-top-10 {
	margin-top:10px;
}
.margin-top-20 {
	margin-top:20px;
}
.margin-top-30 {
	margin-top:30px;
}
.margin-top-40 {
	margin-top:40px;
}
.margin-bottom-0 {
	margin-bottom:0;
}
.margin-bottom-10 {
	margin-bottom:10px;
}
.margin-bottom-20 {
	margin-bottom:20px;
}
.margin-bottom-30 {
	margin-bottom:30px;
}
.margin-bottom-40 {
	margin-bottom:40px;
}
.margin-left-0 {
	margin-left:0;
}
.margin-left-1em {
	margin-left:1em;
}
.margin-right-0 {
	margin-right:0;
}
.margin-right-1em {
	margin-right:1em;
}
.padding-top-10 {
	padding-top:10px;
}
.padding-top-20 {
	padding-top:20px;
}
.padding-top-30 {
	padding-top:30px;
}
.padding-top-40 {
	padding-top:40px;
}
.padding-bottom-20 {
	padding-bottom:20px;
}
.padding-bottom-30 {
	padding-bottom:30px;
}
.padding-bottom-40 {
	padding-bottom:40px;
}
.padding-left-0 {
	padding-left:0;
}
.padding-left-1em {
	padding-left:1em;
}
.padding-right-0 {
	padding-right:0;
}
.padding-right-1em {
	padding-right:1em;
}
.border-none {
	border:none;
}
table caption {
	font-size:1.2em;
	font-weight:bold;
}

.text-center-important {
	text-align: center !important;
}
.float-none {
	float:none;
}

/*
.wordicon {
	background-image: url(/assets/images/graphics/Adobe_PDF_file_icon_24x24.png);
	background-position: right 10px center;
	background-repeat:no-repeat;
	padding-right: 30px;
}
*/

/* COLORS
**************************************/
.bgd-alpha {
	background-color: #55728D; /* blue */
}
.bgd-alpha-lt {
	background-color: #bbc7d1; /* blue */
}
.bgd-alpha-vlt {
	background-color: #eef1f3; /* blue */
}
.bgd-bravo {
	background-color: #e2972f; /* orange */
}
.bgd-bravo-lt {
	background-color: #f3d5ac; /* orange */
}
.bgd-bravo-vlt {
	background-color: #f9ead5; /* orange */
}
.bgd-charlie {
	background-color: #3a833a; /* green */
}
.bgd-charlie-lt {
	background-color: #bee3be; /* green */
}
.bgd-charlie-vlt {
	background-color: #def1de; /* green */
}
.bgd-delta {
	background-color: transparent;
}
.bgd-echo {
	background-color: #dfc770; /* beige */
}
.bgd-echo-lt {
	background-color: #f2e9c6; /* beige */
}
.bgd-echo-vlt {
	background-color: #f9f4e2; /* beige */
}
.bgd-foxtrot {
	background-color: #fff; /* white */
}
.bgd-gulf {
	background-color: #A82703; /* June Summit red */
}
.text-white {
	color:#fff;
}
.color-gray-md {
	color:#58595b;
}
.error,
.attention {
	color:#9e2925;
}

/* COMPONENTS
**************************************/
/* --- Panels --- */
.panel {
	margin-top:30px;
	
	-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}

	.panel-heading > h1,
	.panel-heading > h2,
	.panel-heading > h3 {
		margin:0;
		padding:0;
	}
	.panel-title,
	.panel-title > h1,
	.panel-title > h2,
	.panel-title > h3 {
		margin:0;
		padding:0;
		font-size:1.5em;
	}
.panel img {
		margin-bottom:1em;
	}
.panel-khs-1 .panel-heading {
	background-color:#ecdda9;
}
.panel-khs-1 .panel-heading .panel-title{
	font-size:1.5em;
}

/* --- Event Details Panel --- */
.panel.event-details  {
	margin-top:0;
	padding:0;
}
.panel.event-details .panel-heading {
	background-color:#bbc7d1;
}
.panel.event-details .panel-title {
	font-size:1.5em;

}

	/* Home Page and Section Landing Page Panel Headings*/
	.collapser-container-mobile {
		margin:1px 0;
		background-color:#445b71 !important;
		width:100% !important;
		height:auto;
		padding:0;
		border-radius: 0 !important;
	}
	.collapser-mobile {
		width:100%;
		font-size:1.2em !important;
		font-weight:bold;
		font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
		text-transform: none !important;
		background-color:#445b71 !important;
		color:#fff !important;
		text-align: left;
		height:100%;
		border:none !important;
		margin:0 !important;
		cursor: pointer;	
		
		padding: 10px 10px 10px 20px !important;
		border-top: 1px solid #222e38;
		background-image: url('/assets/images/graphics/bar-white-horizontal.png');
		background-position: 5px center;
		background-repeat: no-repeat;
		background-size: 12px 2px;
		/*background-color: transparent;*/
		position: relative;
		display:block;
		/*height:inherit;*/

	}
	.collapser-mobile span {
		background-image: url('/assets/images/graphics/bar-white-vertical.png');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 2px 12px;
		background-color:transparent;
		color:transparent;
		display:inline-block;
		width:12px;
		height:100%;
		text-align:center;
		padding:0;
		margin:0px;
		position: absolute;
		top:0px;
		left:5px;
	}		
	.collapser-mobile span.is-open {
		-webkit-animation-name: panelHeadingIconBarOpen; /* Chrome, Safari, Opera */
		-webkit-animation-duration:.5s ; /* Chrome, Safari, Opera */
		-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
		animation-name: panelHeadingIconBarOpen;
		animation-duration:.5s ;
		animation-fill-mode: forwards;
	}
	.collapser-mobile span.is-closed {
		-webkit-animation-name: panelHeadingIconBarClosed; /* Chrome, Safari, Opera */
		-webkit-animation-duration:.5s ; /* Chrome, Safari, Opera */
		-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
		animation-name: panelHeadingIconBarClosed;
		animation-duration:.5s ;
		animation-fill-mode: forwards;
	}
	/* Chrome, Safari, Opera */
	@-webkit-keyframes panelHeadingIconBarOpen {
		0% {-webkit-transform: rotate(0deg);}
		100% {-webkit-transform: rotate(90deg);}
	}
	/* Standard syntax */
	@keyframes panelHeadingIconBarOpen {
		0% {transform: rotate(0deg);}
		100% {transform: rotate(90deg);}
	}
	/* Chrome, Safari, Opera */
	@-webkit-keyframes panelHeadingIconBarClosed {
		0% {-webkit-transform: rotate(90deg);}
		100% {-webkit-transform: rotate(0deg);}
	}
	/* Standard syntax */
	@keyframes panelHeadingIconBarClosed {
		0% {transform: rotate(90deg);}
		100% {transform: rotate(0deg);}
	}


.collapsee-show {
	display:block !important;
}
.collapsee-hide {
	display:none !important;
}

/* --- Accordion --- */
#accordion {
	margin:20px 0px;
}
.accordion-list dt {
	cursor:pointer;
}
.accordion-list > dt + dd {
	display:none; /* displayed via jquery */
}
.accordion-list dl {
	margin-left:1em;
}
.accordion-list dl > dt + dd {
	display:block; 
}

/* jQuery UI Accordion */
.ui-widget {
    color:#454545;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size: 1em;
}
.ui-widget-content a {
    color: #b57926;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #55728D;
    background: #55728D;
    color: #ffffff;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}
.ui-accordion .ui-accordion-header {
    font-size: 100%;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}

/* HEADER / NAVBAR
**************************************/
/* ---- Primary Navbar ---- */
#primary-navbar {
	height:72px;
	height:82px;
	background-color:#004a71;
}

/* --- Branding --- */
.navbar > .container-fluid .navbar-brand {
    margin-left: 0px;
}
.navbar-default {
	border-color: #000;
}
.navbar-brand {
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:transparent;
	width:234px;
	height:82px;
	background-image:url("/assets/images/graphics/khs-logo-reverse_new.png");
	background-size:234px 55px;
}
	.navbar-default a.navbar-brand:hover,
	.navbar-default a.navbar-brand:focus {
		background-color:transparent;
	}


/* --- Additional Items --- */
#navbar-items {
	height:inherit;	
	margin-top: 15px;
	margin-bottom:0px;
}
	#navbar-items .fa-search {
		color:#fff;
	}
	#navbar-items #navbar-menu-button {
		margin-top:5px;
		padding:1px 6px 3px;
		background-image: url("/assets/images/graphics/menu.png");
		background-position: bottom center;
		background-repeat: no-repeat;
	}
	#navbar-items #navbar-menu-button:focus {
		outline:0;
	}

	#menu-bar-container {
		position: relative;
		display:block;
		width:32px;
		height:35px;
	}
		#menu-bar-container span.main-menu-bar {
			display: inline-block;
			width:32px;
			height:3px;
			background-color:#fff;
			position: absolute;
			z-index: 10;
			left:0px;
		}
		#menu-bar-container span#main-menu-bar-1 {
			top:0px;
		}
		#menu-bar-container span#main-menu-bar-2 {
			top:10px;
		}
		#menu-bar-container span#main-menu-bar-3 {
			bottom:12px;
		}
		#menu-bar-container:hover span.main-menu-bar {
			background-color:#fff;
		}
		#menu-bar-container > span#main-menu-bar-1.is-open {
			-webkit-animation-name: menuBarTopOpen; /* Chrome, Safari, Opera */
			-webkit-animation-duration:.5s ; /* Chrome, Safari, Opera */
			-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
			animation-name: menuBarTopOpen;
			animation-duration:.5s ;
			animation-fill-mode: forwards;
		}
		#menu-bar-container > span#main-menu-bar-1.is-closed {
			-webkit-animation-name: menuBarTopClosed; /* Chrome, Safari, Opera */
			-webkit-animation-duration:.5s ; /* Chrome, Safari, Opera */
			-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
			animation-name: menuBarTopClosed;
			animation-duration:.5s ;
			animation-fill-mode: forwards;
		}
		/* Chrome, Safari, Opera */
		@-webkit-keyframes menuBarTopOpen {
			0% {-webkit-transform: translate(0px, 0px) rotate(0deg);}
			100% {-webkit-transform: translate(0px, 10px) rotate(-45deg);}
		}
		/* Standard syntax */
		@keyframes menuBarTopOpen {
			0% {transform: translate(0%, 0px) rotate(0deg);}
			100% {transform: translate(0px, 10px) rotate(-45deg);}
		}
		/* Chrome, Safari, Opera */
		@-webkit-keyframes menuBarTopClosed {
			0% {-webkit-transform: translate(0px, 10px) rotate(-45deg);}
			100% {-webkit-transform: translate(0px, 0px) rotate(0deg);}
		}
		/* Standard syntax */
		@keyframes menuBarTopClosed {
			0% {transform: translate(0px, 10px) rotate(-45deg);}
			100% {transform: translate(0px, 0px) rotate(0deg);}
		}
		
		#menu-bar-container > span#main-menu-bar-2.is-open {
			-webkit-animation-name: menuBarMidOpen; /* Chrome, Safari, Opera */
			-webkit-animation-duration:.5s ; /* Chrome, Safari, Opera */
			-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
			animation-name: menuBarMidOpen;
			animation-duration:.5s ;
			animation-fill-mode: forwards;
		}
		#menu-bar-container > span#main-menu-bar-2.is-closed {
			-webkit-animation-name: menuBarMidClosed; /* Chrome, Safari, Opera */
			-webkit-animation-duration:.5s ; /* Chrome, Safari, Opera */
			-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
			animation-name: menuBarMidClosed;
			animation-duration:.5s ;
			animation-fill-mode: forwards;
		}
		/* Chrome, Safari, Opera */
		@-webkit-keyframes menuBarMidOpen {
			0% {-webkit-transform: scale(1);}
			100% {-webkit-transform:  scale(0);}
		}
		/* Standard syntax */
		@keyframes menuBarMidOpen {
			0% {transform:  scale(1);}
			100% {transform:  scale(0);}
		}
		/* Chrome, Safari, Opera */
		@-webkit-keyframes menuBarMidClosed {
			0% {-webkit-transform:  scale(0);}
			100% {-webkit-transform: scale(1);}
		}
		/* Standard syntax */
		@keyframes menuBarMidClosed {
			0% {transform: scale(0);}
			100% {transform: scale(1);}
		}

		#menu-bar-container > span#main-menu-bar-3.is-open {
			-webkit-animation-name: menuBarBottomOpen; /* Chrome, Safari, Opera */
			-webkit-animation-duration:.5s ; /* Chrome, Safari, Opera */
			-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
			animation-name: menuBarBottomOpen;
			animation-duration:.5s ;
			animation-fill-mode: forwards;
		}
		#menu-bar-container > span#main-menu-bar-3.is-closed {
			-webkit-animation-name: menuBarBottomClosed; /* Chrome, Safari, Opera */
			-webkit-animation-duration:.5s ; /* Chrome, Safari, Opera */
			-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
			animation-name: menuBarBottomClosed;
			animation-duration:.5s ;
			animation-fill-mode: forwards;
		}
		/* Chrome, Safari, Opera */
		@-webkit-keyframes menuBarBottomOpen {
			0% {-webkit-transform: translate(0px, 0px) rotate(0deg);}
			100% {-webkit-transform: translate(0px, -10px) rotate(45deg);}
		}
		/* Standard syntax */
		@keyframes menuBarBottomOpen {
			0% {transform: translate(0px, 0px) rotate(0deg);}
			100% {transform: translate(0px, -10px) rotate(45deg);}
		}
		/* Chrome, Safari, Opera */
		@-webkit-keyframes menuBarBottomClosed {
			0% {-webkit-transform: translate(0px, -10px) rotate(45deg);}
			100% {-webkit-transform: translate(0px, 0px) rotate(0deg);}
		}
		/* Standard syntax */
		@keyframes menuBarBottomClosed {
			0% {transform: translate(0px, -10px) rotate(45deg);}
			100% {transform: translate(0px, 0px) rotate(0deg);}
		}


	#give-now-button {
		position:absolute;
		top:23px;
		left:280px;
		
	}


/* SEARCH FORMS
******************************************************/
#search-form-container {
		position: absolute;
		top:23px;
		right:73px;
		z-index:2000;
		width: 200px;
    	min-width: 200px;
	display:none;
}
	#search-form-container button {
		background-color: #8095aa;
		border-color: #8095aa;
	}
		#search-form-container button:hover {
			background-color: #445b72;
			border-color: #445b72;
		}
		#search-form-container button.btn {
			padding-bottom:6px;
		}

#search-form-container-2 {
	/* displayed on small devices using media queries */	
}
	#search-form-container-2 button {
		background-color: #8095aa;
		border-color: #8095aa;
	}
	#search-form-container-2 button.btn {
		padding-bottom:6px;
	}
		#search-form-container-2 button:hover {
			background-color: #445b72;
			border-color: #445b72;
		}
#search-form-container-3 {
	/* displayed on desktop devices */	
	margin: 0px auto 30px;
	position:relative;
	width:100%;
}
	#search-form-container-3 button {
		background-color: rgba(0,74,113,0.5);
		border-color: rgba(0,74,113,0.5);
	}
	#search-form-container-3 button.btn {
		padding-bottom:6px;
	}
		#search-form-container-3 button:hover {
			background-color: #445b72;
			border-color: #445b72;
		}   

/* CAREERS WITH KHS BUTTON
*****************************************************/
/* There are two buttons. One in the sidebar; the other 
in the secondary navbar. Only one is displayed at a time. */
/* --- In sidebar --- */
#careers-button-container {
margin: 0px auto 60px;
position:relative;
width:100%;
}
#careers-button-container a {
    position: absolute;
    top: 0px;
    left: 50%;
  	transform: translateX(-50%);
    z-index: 5;
    width: 80%;
    min-width: 100px;
	border-radius: 8px;
}
#search-form-container {
    width: 200px;
    min-width: 200px;
}
/* --- In secondary navbar --- */
#careers-button-container-2 {
	position: absolute;
	top: 23px;
	right: 80px;
	z-index:5;
	
}
#careers-button-container-2 a {
	width: auto;
	min-width: 100px;
	border-radius: 8px;
}


/* PRIMARY NAVIGATION CONTAINER
*****************************************************/
#primary-navigation-container {
	padding:20px;
	margin:0px;	
	position:absolute;
	top:80px; /* height of masthead */
	left:-5000px; /* initialize */
	right:0;
	z-index: 5;
	width:100%;
	height:auto;
	background-color: rgba(0,74,113,1.0);
	box-shadow: 0px 0px 30px 5px #000;
}
	#primary-navigation-container .nav-list-heading {
		font-size:1.125em;
		font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	}	
		#primary-navigation-container .nav-list-heading > a {
			color:#fff;
		}
	#primary-navigation-container .nav-list-heading + ul li:first-child {
		display:none; /* Shown via media query */
	}	

	#primary-navigation-container li {
		margin-bottom:.5em;
		line-height:1.1em;
	}	
	#primary-navigation-container a {
		color:#fff;
		text-decoration: none;
	}
	#primary-navigation-container a:visited {
		color:#fff;
		text-decoration: none;
	}
	#primary-navigation-container a:hover {
		text-decoration: underline;
	}
	#primary-navigation-container a.selected {
		color:#E59F3E;
	}

	#primary-navigation-container .btn {
		/*color:#fff;*/
	}
		#primary-navigation-links div:last-child {
			/*margin-top:20px;*/
			/*border-left:1px solid #fff;	*/
		}


			/* ---- Social Media Links ---- */
			#primary-navigation-container .social-media-links {
				text-align:center;	
				margin:20px auto;
				color:#fff;
				/*max-width: 700px;*/
				max-width: 900px;
			}
				#primary-navigation-container .social-media-links a {
					text-indent:-9999px;
					width:32px;
					height:32px;
					margin:5px 10px;
					background-position:center center;
					background-repeat:no-repeat;	
					display:inline-block;
					color:#fff;
				}
					#primary-navigation-container .social-media-links .facebook-link {
						background-image:url('/assets/images/graphics/facebook-icon.png');
						background-size:30px 31px;
					}
					#primary-navigation-container .social-media-links .instagram-link {
						background-image:url('/assets/images/graphics/instagram-icon.png');
						background-size:30px 30px;
					}
					#primary-navigation-container .social-media-links .twitter-link {
						background-image:url('/assets/images/graphics/twitter-icon.png');
						background-size:30px 25px;
					}
					#primary-navigation-container .social-media-links .blog-link {
						background-image:url('/assets/images/graphics/blog-icon.png');
						background-size:30px 30px;
					}
					#primary-navigation-container .social-media-links .youtube-link {
						background-image:url('/assets/images/graphics/youtube-icon-42x30.png');
						background-size: contain;
						width:42px;
						height:30px;
					}
					#primary-navigation-container .social-media-links .linked-in-link {
						background-image:url('/assets/images/graphics/linked-in-icon.png');
						background-size:30px 30px;
					}
					#primary-navigation-container .social-media-links a.view-all-social-media-links,
					#primary-navigation-container .social-media-links a.view-all-social-media-links:visited {
						color:#475D73;	
						text-indent:0px;
						width:auto;
					}


/* LAYOUT
********************************/
.content-wrapper {
	max-width:960px;
	position:relative;	
	margin-top: 30px;
}
.main-content {
	margin-top:20px;
}
.homepage-hero-spot::after {
	content:"";
	display:table;
	clear:both;
}
.homepage-hero-spot .page-header {
	margin-top:0;
}
.homepage-hero-spot > figure {
	margin-top:0;
}
#featured-promo-ad img {
	margin:0 auto;
}


/* BREADCRUMB TRAILS
*******************************/
/* Used in breadcrumb  navbar and pageheader breadcrumbs */
.breadcrumb {
	display:inline-block;
	font-size:85%;
	padding-left:10px;
	margin:0;
	background-color:transparent;
	text-transform: capitalize;
}
	.breadcrumb li:first-child {
		font-weight:bold;
	}

/* --- Navbar --- */
#breadcrumb-navbar {
	position:fixed;
	top: 82px;
	left:0;
	right:0;
	z-index: 6;
	border:none;
	border-radius:0;
	min-height:43px;
	background-color:#003b5a;
	padding-top:5px;
	padding-bottom:9px;
}
#breadcrumb-navbar .btn {
    border-radius: 4px 0px 0px 4px;
}
#breadcrumb-navbar > .container-fluid {
	padding-left:12px;
}
#breadcrumb-navbar ol {
	margin-left:50px;
}
#breadcrumb-navbar li {
	margin-bottom:0;
}
#breadcrumb-navbar li:not(:first-child):before {
    color: #fff;
}
#breadcrumb-navbar a {
	color:#fff;
	text-decoration: none;
}
#breadcrumb-navbar a:hover {
	text-decoration: underline;
}
#breadcrumb-navbar a:visited {
	color:#fff;
}

/* --- Ribbon --- 

Displayed via jQuery if breadcrumb-navbar isn't loaded 
*/
#ribbon {
	position:fixed;
	top: 82px;
	left:0;
	right:0;
	z-index: 6;
	border:none;
	border-radius:0;
	min-height:43px;
	background-color:#003b5a;
	padding-top:5px;
	padding-bottom:9px;
	display:none;
}

/* --- Page Header --- */
.page-header > .breadcrumb {
	padding-top:0;
	padding-left:0;
	color:#84753E;
}
.page-header > .breadcrumb li {
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1.0em !important;
	font-size:1.0em;
	margin-bottom:0;
}
.page-header > .breadcrumb > li + li:before {
    padding: 0;
    color: #454545;
    content: "/\00a0";
}
.page-header > .breadcrumb li:first-child a,
.page-header > .breadcrumb li:first-child a:visited {
	color:#454545;
}
.page-header > .breadcrumb a,
.page-header > .breadcrumb a:visited {
	color:#84753E;
	text-decoration: none;
}
.page-header > .breadcrumb a:hover {
	text-decoration: underline;
	background-color:transparent;
}

/* NAVICONS
********************************/
#navicon-lower-levels {
	background-image:url("/assets/images/graphics/navicon-upper-levels-horizontal-bar-white.png"); 
	background-repeat:no-repeat;
	background-position:center center;
	background-size: 20px 20px;
	background-color: rgba(255,255,255,0.2);
	color:#fff;
	width:32px;
	height:32px;
	display:block;
	cursor:pointer;
	text-align:center;
	border-color:transparent;
	
	overflow: visible;
}
#navicon-lower-levels {
	padding-top:12px;
	padding-bottom:12px;
}
	#navicon-lower-levels:hover {
		background-color:rgba(255,255,255,0.5);	
	}
	#navicon-lower-levels:active {
		background-color:#000;	
	}
		#navicon-lower-levels:focus, #navicon-lower-levels:active:focus, #navicon-lower-levels.active:focus {
			outline: 0;
		}
	#navicon-lower-levels > span:first-child {
		background-image:url("/assets/images/graphics/navicon-upper-levels-vertical-bar-white.png");
		background-repeat:no-repeat;
		background-position:center center;
		background-size: 20px 20px;
		background-color:transparent;
		display:block;
		width:32px;
		height:32px;
		text-align:center;
		padding:0;
		margin:0px;
		position: absolute;
		top:-1px;
		left:-1px;
	}

	#navicon-lower-levels > span:first-child.is-open {
		-webkit-animation-name: upperLevelIconBarOpen; /* Chrome, Safari, Opera */
		-webkit-animation-duration:.5s ; /* Chrome, Safari, Opera */
		-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
		animation-name: upperLevelIconBarOpen;
		animation-duration:.5s ;
		animation-fill-mode: forwards;
	}
	#navicon-lower-levels > span:first-child.is-closed {
		-webkit-animation-name: upperLevelIconBarClosed; /* Chrome, Safari, Opera */
		-webkit-animation-duration:.5s ; /* Chrome, Safari, Opera */
		-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
		animation-name: upperLevelIconBarClosed;
		animation-duration:.5s ;
		animation-fill-mode: forwards;
	}
	/* Chrome, Safari, Opera */
	@-webkit-keyframes upperLevelIconBarOpen {
		0% {-webkit-transform: rotate(0deg);}
		100% {-webkit-transform: rotate(90deg);}
	}
	/* Standard syntax */
	@keyframes upperLevelIconBarOpen {
		0% {transform: rotate(0deg);}
		100% {transform: rotate(90deg);}
	}
	/* Chrome, Safari, Opera */
	@-webkit-keyframes upperLevelIconBarClosed {
		0% {-webkit-transform: rotate(90deg);}
		100% {-webkit-transform: rotate(0deg);}
	}
	/* Standard syntax */
	@keyframes upperLevelIconBarClosed {
		0% {transform: rotate(90deg);}
		100% {transform: rotate(0deg);}
	}


/* FEATURED NAVS
********************************/
#featured-navs {
	position:absolute;
	z-index:2;
	background-color: rgba(0,74,113,0.95);
	top: 128px;	
	width:30%;
	box-shadow: 0px 0px 30px 5px #000;
}
	.hide-featured-navs {
		left:-4000px;
	}
	.show-featured-navs {
		left:0px;	
	}
	#featured-navs .nav-list-heading {
		margin:0px;
		font-weight:bold;
		font-size:1.0em;
		font-family: inherit;
	}
		#featured-navs .nav-list-heading > a {
			text-decoration:none;
			display:block;
			color:#fff;
			background-color:#004A71;
			padding:10px 10px 10px 15px;
		}
			#featured-navs .nav-list-heading > a:hover {
				background-color:#000;
			}
		#featured-navs ul {
			margin-top:0;
		}
		#featured-navs ul:first-child {
			top:80px;
			padding:0px 0px 0px 0px;
			margin:0;	
		}
		#featured-navs ul li {
			margin-bottom:0;
		}
		#featured-navs ul li + li {
			margin-top:0px;	
		}
			#featured-navs ul li a {
				line-height:1.2em;
				padding-top:5px;
				padding-right:5px;
				padding-bottom:5px;	
				color:#fff;
				border-bottom:1px solid #445b72;
				text-decoration: none;
			}
			#featured-navs ul li > span {
				line-height:1.2em;
				padding-top:5px;
				padding-right:5px;
				padding-bottom:5px;	
				color:#fff;
				border-bottom:1px solid #445b72;
				text-decoration: none;
				display: block;
				padding: 10px 15px;
			}
				#featured-navs ul li a:hover {
					color:#445b72;
					background-color:#efefef;
				}
				#featured-navs ul li a:active {
					color:#55728d;
					background-color:#222e38;
				}
				#featured-navs ul li a.selected {
					/*border-left:3px solid #e2972f;*/
					border-right:8px solid #e2972f;
					background-image: url('/assets/images/graphics/nav-arrow-orange.png');
					background-position: left center;
					background-repeat: no-repeat;
					background-size: 10px;
				}
				#featured-navs ul ul {
					padding-left:0;
				}
					#featured-navs ul ul li {
						list-style:none;
						padding-left:30px;
					}
							#featured-navs ul ul li a:hover {
								color:#445b72;
								background-color:#efefef;
							}

							#featured-navs ul ul li a.selected{
								border-right:none;
								background-image:none;
							}

							#featured-navs ul ul li a.selected {
								/*border-left:3px solid #e2972f;*/
								border-right:8px solid #e2972f;
								background-image: url('/assets/images/graphics/nav-arrow-orange.png');
								background-position: left center;
								background-repeat: no-repeat;
								background-size: 10px;
							}
						#featured-navs > ul > li:first-child a {
								/*padding-top:10px;*/
							}
							#featured-navs > ul > li:last-child a {
								padding-bottom:10px;
								border-bottom:none;
							}
							#featured-navs ul ul li a {
								text-decoration: none;
								display:block;
								padding-left:.8em;
							}


/* MAIN CONTENT 
********************************/
.page-header {
	margin-top:1em;
	border-width: 5px;
	border-color: rgba(0,74,113,0.3);
	padding-bottom:0;
	line-height: 1.0em;
}
	.page-header h1,
	.page-header h2,
	.page-header h3 {
		margin-top:0;
	}
	.page-header h1 a,
	.page-header h2 a,
	.page-header h3 a {
		color:inherit;
	}
	.section-title {
		margin:0 0 1em 0;
		padding:0;
		font-weight:bold;
		text-transform: uppercase;
	}
	.section-title,
	.section-title a,
	.section-title a:visited {
		color:#867743;
	}
		.level2-title,
		.level2-title a,
		.level2-title a:visited,
		.subsection-title,
		.subsection-title a,
		.subsection-title a:visited {
			color: #b29f5a;	
		}
		.level3-title,
		.level3-title a,
		.level3-title a:visited,
		.sub-subsection-title,
		.sub-subsection-title a,
		.sub-subsection-title a:visited {
			color: #b29f5a;	
		}
		.level4-title,
		.level4-title a,
		.level4-title a:visited,
		.sub-sub-subsection-title,
		.sub-sub-subsection-title a,
		.sub-sub-subsection-title a:visited {
			color: #b29f5a;	
		}

.panel h2:first-child,
.panel .h2:first-child{
	margin-top: 0;
	padding-top:0;
}


/* PODS
*********************************/

#promotional-content div#what-we-do-pod  {
	color:#59502d;
}
#promotional-content div#what-we-do-pod p {
	font-size:100%;
}

#promoAd {
	display:block;
	margin:20px auto;
}
#promoAd img {
	border:1px solid #666;
}
#promoAd2 {
	display:none;
}
#promoAd2 img {
	border:1px solid #666;
}
#ssd-logo-promo {
	display:block;
}
#ssd-logo-promo2 {
	display:none;
}
/*
#whats-new-list ul {
	margin:0;
	padding:0;
}
#whats-new-list li {
	padding:0;
	list-style: none;
	margin:20px 0;
	border-top:1px solid #b29f5a;
	clear:both;
}
#whats-new-list li:first-child {
	margin-top:0;
	border-top:none;
}
#whats-new-list li h2 {
	padding-top:20px;
}
*/

#whats-new-list dl {
	margin:0;
	padding:0;
}
#whats-new-list dt {
	margin:1em 0 .1em;
	padding:1em 0 0;
	border-top:1px solid #b29f5a;
	font-size:1.6em;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-weight: normal;
	line-height: normal;
}
#whats-new-list dt:first-child {
	margin-top:0;
	padding-top:.5em;
	border-top:none;
}
#whats-new-list dd {
	margin:0 0 .5em;
	padding:0;
}



#promotional-content div#upcoming-events-pod,
#promotional-content div#open-houses-panel {
	text-align: left;
	box-shadow: none;
}
#promotional-content div#upcoming-events-pod h2,
#promotional-content div#open-houses-panel h2 {
	text-align: center;
}
#upcoming-events-pod dt,
#open-houses-panel dt {
	margin-top:1.2em;
	margin-bottom:.3em;
	line-height: normal;
}
#upcoming-events-pod dt:first-child,
#open-houses-panel dt:first-child {
	margin-top:0;
}
#upcoming-events-pod dd,
#open-houses-panel dd {
	line-height: normal;
	margin-bottom:.3em;
}


.view-all-button {
	margin-top:2em;
}


/* PROMOTIONAL CONTENT
********************************/
#promotional-content {
	margin-top:20px;
	text-align: center;
}
/*
	#promotional-content  div {
		margin:20px auto;
		text-align: center;
	}
*/
#promotional-content div p {
			margin: 0px auto;
			/*font-size: 90%;*/
			padding:.5em;
			/*max-width: 260px;*/
			text-align: center;
		}
	#promotional-content .img-responsive {
		text-align: center;
		margin:0px auto 20px;
		max-width: 290px;
	}
	.promo-ad {
		border:1px solid #aaa;	
		margin:20px auto 20px;
		display:block;
	}
	#promotional-content  div.panel-heading {
		margin-top:0px;
		margin-bottom:0px;
		color:#fff;
		background-color:#004A71;
	}
	#promotional-content  div.panel-body {
		margin-top:0 ;
	}
	#promotional-content  div.panel-body h3 {
		padding-top:1em;
		border-top: 3px solid #bbc7d1 ;
		max-width: 90%;
		text-align:center;
		margin: 1em auto 0;
	}
	#promotional-content  div.panel-body p {
		text-align: left;
		max-width: 100%;
	}
	#promotional-content  div.panel-body .text-center > p {
		text-align: center;
	}

	#promotional-content div#upcoming-events h3:first-of-type,
	#promotional-content div#highlights h3:first-of-type,
	#promotional-content div#stories h3:first-of-type {
		border-top:none;
		margin-top:0;
		padding-top:0;
	}
	#promotional-content div#a-word-from-the-president-content h3,
	#promotional-content div#a-word-from-the-director-content h3 {
		border-top:none;
		margin-top:0;
		padding-top:0;
		text-align: left;
		max-width: 100%;
	}
	#promotional-content div#a-word-from-the-president-content .img-responsive,
	#promotional-content div#a-word-from-the-director-content .img-responsive {
	margin-bottom:0;
}
	#promotional-content div#a-word-from-the-president-content p,
	#promotional-content div#a-word-from-the-director-content p {
		font-size:100%;
		padding-left:0;
		padding-right:0;
	}
	#promotional-content div#a-word-from-the-president-content p:last-of-type,
	#promotional-content div#a-word-from-the-director-content p:last-of-type {
		text-align: center;
	}

body#puppy-hugging-admin #promotional-content {
	display:none;
}


/* SOCIAL MEDIA BUTTONS
********************************/
#social-media-tab {
	position: fixed;
	z-index: 95500;
	width:auto;
	height:310px; /* must be defined in order to center the call to action paragraph */
	display: block;
	border-radius: 20px 0 0 20px;
	border:none;
	background-color: rgba(0,59,90,1.0);
	color:#fff;
	cursor: pointer;
	padding:20px 10px;
	right: -600px; /* displayed via javascript */
	top: 50%;
	transform: translateY(-50%);
}
	#social-media-tab:hover {
		background-color: rgba(0,59,90,.9);
	}
	#social-media-tab:focus {
		outline:0;
	}
	#social-media-tab ul {
		width:auto;
		float:left;
		margin:0 20px 0px 0px;
		padding:0px;
		text-align: center;
	}
		#social-media-tab ul li {
			margin:20px 0;
			padding:0;
			list-style: none;
		}
		#social-media-tab ul li:first-child {
			margin-top:0px;
		}
		#social-media-tab ul li:last-child {
			margin-bottom:0px;
		}
		#social-media-tab p.call-to-action {
			float:right;
			text-align: center;
			font-weight:bold;
			color:#fff;
			width:80px;
			height: 100%;
			min-height: 100%;
			margin-top:0;
		}
	/* The ghost, nudged to maintain perfect centering */
		#social-media-tab p.call-to-action:before {
		  content: '';
		  display: inline-block;
		  height: 100%;
		  vertical-align: middle;
		  margin-right: -0.25em; /* Adjusts for spacing */
		}
			#social-media-tab p.call-to-action span {
				display:inline-block;
				vertical-align: middle;
			}




/*********************************
	CONTACT INFO
*********************************/
/* Used for address, phone, email, etc. */
div.contact-info {
	margin-top:1em;
	margin-bottom: 1em;
}
div.contact-info + div.contact-info {
	margin-top:2em;
}
div.contact-info div.tel {
	margin-top:.5em;
}
div.contact-info div.email {
	margin-top:.5em;
}
div.contact-info div.web {
	margin-top:.5em;
}
div.contact-info div.contact {
	margin-top:.5em;
}


/* FINANCIALS
***************************/
table#financials {
	width:100%;
	padding:0;
	margin:0 0 20px 0;
}
table#financials {
border-collapse:collapse;
}
table#financials th.col_1  {
	padding-left:2em;
}
table#financials th.col_2  {
	padding-left:2em;
}
table#financials th.col_3  {
	padding-left:2em;
}
table#financials thead th.singleLineBottom {
border-bottom:1px solid #000;
}
table#financials thead th.no-border {
	border-bottom:none;
}
table#financials td {
	border-bottom:1px solid #ddd;
	padding:6px 0px;
	margin:0;
	vertical-align:bottom;
}
table#financials td.singleLineBottom {
	border-bottom:1px solid #000;
}
table#financials td.doubleLineBottom {
	border-bottom: double;
}
table#financials td.no-border {
	border-bottom:none;
}
table#financials td.dollars {
	text-align:right;
}
.negative-amount,
.negative {
	color:#D50306;
	background:#fff;
}
.atttention-blue {
	color:#0070c0;
	background:#fff;
}

#financial-notice {
clear:both;
margin:0 30px 0px 210px;
	padding-top:10px;
	padding-bottom:0;
	/*font-size:.7em;*/
	text-align:center;
}

/* --- Bar Graphs --- */
.positiveBarGraph{
background-color:#454545;
color:#fff;
}
.negativeBarGraph{
background-color:#9e2925;
color:#fff;
}
.positiveAmount {
background-color:#eee;
color:#454545;
}
.negativeAmount {
background-color:#eee;
color:#9e2925;
}
table.bar-graph {
width:100%;
max-width:610px;
margin:0;
padding:0;
font-size:1em;
}
table.bar-graph caption {
text-align: center;
	font-weight:bold;
	color:#454545;
}
table.bar-graph td {
padding:6px 6px 6px 6px;
vertical-align:middle;
height:30px;
}
table.bar-graph td:first-child {
width:10%;
padding: 6px 6px 6px 0;
}
table.bar-graph td:first-child span {
display:block;
background-color:#eee;
color:#454545;
padding:6px;
}
table.bar-graph td:nth-child(2) {
    padding: 6px 6px 6px 0px;
	width:auto;
	white-space: nowrap;
	text-align:right;
}
table.bar-graph td:nth-child(2) span {
	display:block;
    padding: 6px;
	width:auto;
	white-space: nowrap;
}
table.bar-graph td:last-child  {
padding:6px 0px;
}
table.bar-graph td:last-child span {
display:block;
padding:6px 0px;
height: 100%;
position:relative;
}

/* --- Pie Charts --- */
.piechart {
  width: 100%; 
  height: 300px; /* Positions the pie chart next to the legend */
}




/* MODALS
********************************/
.modal {
	z-index:99999;
}
#social-media-links.modal  {
		padding-top:20px;
		padding-bottom:20px;
	}

#social-media-links .modal-header {
		width:90%;
		margin:0 auto;
	}
#social-media-links .modal-header .close {
		margin-right:-10px;
	}
#social-media-links .modal-body {
		width:90%;
		margin:0 auto ;
	}
	#social-media-links .modal-body .row {
		margin-right:0;
		margin-left:0;
	}
		#social-media-links.modal h2 {
			font-size:1.2em;
			margin-top:20px;
			margin-left:-10px;
		}
		#social-media-links.modal > h2:first-child {
			margin-top:0;
		}
		#social-media-links.modal ul:not(.col-sm-offset-3) {
			margin:0;
		}
		#social-media-links.modal .col-sm-6 > h2 {
			margin-left:-20px;
		}
#social-media-links.modal ul li a {
	text-decoration: none;
}
#social-media-links.modal ul li.selected {
	list-style-image: url(/assets/images/graphics/glyphs/list-item-arrow-orange.png);
}
#social-media-links.modal ul li.selected a {
	display:block;
	background-color:#e2972f;
	color:#fff;
	padding-left:.5em;
	
}
#social-media-links.modal ul li.selected a:hover {
	background-color:#b57926;
	text-decoration:none;
}


/* SHARE THIS
********************************/
#st-el-5 .st-btns {
	overflow:hidden !important;
}
/* Changed background colors to meet accessibility contrast ratio spec */
#st-2 .st-btn[data-network='sharethis'] {
    background-color: #567A1F !important;
}
#st-2 .st-btn[data-network='email'] {
    background-color: #757575 !important;
}
#st-2 .st-btn[data-network='twitter'] {
    background-color: #1579C6 !important;
}
#st-2 .st-btn[data-network='googleplus'] {
    background-color: #D63729 !important;
}


/* OUR SERVICES
**********************************/
body#home #our-services-pod {
	box-shadow: none;
}
body#home #our-services-pod .h2 {
	border-bottom:2px solid #99aabb;
	padding-bottom:.2em;
	font-size:1.3em;
	margin-bottom:0;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	text-transform: uppercase;
}
body#home #our-services-pod .h3 {
	margin-top:1.5em;
}
body#home #our-services-pod .h3:first-child {
	margin-top:0;
}



/* KEYSTONE HIGHLIGHTS
*********************************/

body#home #keystone-highlights-pod  {
	box-shadow:none;
}
body#home #keystone-highlights-pod .panel-heading {
	padding-bottom: 0;
}
body#home #keystone-highlights-pod .h2 {
	border-bottom:2px solid #99aabb;
	padding-bottom:.2em;
	font-size:1.3em;
	margin-bottom:0;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	text-transform: uppercase;
}

body#home #keystone-highlights-pod .h3 {
	border-top:1px solid #99aabb;
	padding-top:20px;
}
body#home #keystone-highlights-pod .h3:first-child {
	border-top:none;
	margin-top:0;
	padding-top:0;
}

/* IMAGES
********************************/
.hero-container {
	margin-bottom:20px;
	position: relative;
}

.img-border {
	border:1px solid #454545;
}
.inset-img-25 {
	width:25%;	
}
.inset-img-25 img {
	width:100%;		/* Force image to fill container */
}
.inset-img-38 {
	width:38%;	/* Yields small side of Golden Ratio */
}
.inset-img-38 img {
	width:100%;	/* Force image to fill container */
}
.inset-img-50 {
	width:50%;	
}
.inset-img-50 img {
	width:100%;	/* Force image to fill container */
}
.inset-img-62 {
	width:62%;	/* Yields large side of Golden Ratio */
}
.inset-img-62 img {
	width:100%;	/* Force image to fill container */
}
.inset-img-75 {
	width:75%;	
}
.inset-img-75 img {
	width:100%;	/* Force image to fill container */
}
.img-width-full {
	width:100%; /* Use when changes to margins aren't needed */
}
.img-width-100 {
	width:100%;
	margin:20px auto;
}
.img-width-auto {
	width:auto;
	margin:20px auto;
}
figure.pull-right,
img.pull-right {
	margin:8px 0 20px 20px;	
}
figure.pull-left,
img.pull-left {
	margin:8px 20px 20px 0;	
}
/* Use this with .pull-left and .pull-right when the image
	must not resize to 100% via media queries at small screen width */
img.width-fixed {
	width:auto;
}

/* SIZING
*********************************/
.w-25 {
	width:25%;
}
.w-38 {
	width:38%; 	/* Yields small side of Golden Ratio */
}
.w-50 {
	width:50%;
}
.w-62 {
	width:62%;	/* Yields large side of Golden Ratio */
}
.w-75 {
	width:75%;
}
.w-100 {
	width:100%;
}
.max-width-25 {
	max-width:25%;
}
.max-width-38 {
	max-width:38%;
}
.max-width-62 {
	max-width:62%;
}
.max-width-100 {
	width:100%
}

/* BUTTONS
********************************/
p > .btn {
	margin-top:.5em;
	margin-bottom:.5em;
}

.btn {
	white-space: normal !important;
    word-wrap: break-word;
}

/* --- blue --- */
.btn-alpha,
.btn-alpha:visited {
	color:#fff;
	background-color:#004a71;
	border-color:#004a71;
}
	.btn-alpha:hover {
		color:#fff;
		background-color:#000;
		border-color:#004a71;
	}
	.btn-alpha:active {
		color:#fff;
		background-color:#000;
		border-color:#46627C;
	}

/* --- White --- */
.btn-bravo,
.btn-bravo:visited {
	color:#3EA344; /* Dk Blue */
	background-color:#fff;
	border-color:#fff;
}
	.btn-bravo:hover {
    color: rgb(44,115,49);
    background-color: rgba(255,255,255,1.0);
    border-color: rgba(255,255,255,1.0);
	}
	.btn-bravo:active {
		color:#fff;
		background-color:#000;
		border-color:#000;
	}


/* --- Green --- */
/* 	
Used exclusively for donation and giving buttons 
Note: due to contrast issues, give now button in masthead uses btn-bravo colors
*/
.btn-charlie,
.btn-charlie:visited {
    color: #004a71;
    background-color: #CCDBE3;
    border-color: #CCDBE3;
	border-width: 1px;
}
	.btn-charlie:hover {
    color: #004a71;
    background-color: rgba(255,255,255,1.0);
    border-color: rgba(255,255,255,1.0);
	}
	.btn-charlie:active {
		color:#fff;
	background-color: #000;
    border-color: #000;
		
	}


/* --- transparent --- */
.btn-delta,
.btn-delta:visited {
    color: #fff;
    background-color: transparent;
    border-color: transparent;
}
	.btn-delta:hover {
		color:#fff;
		background-color:transparent;
		border-color:transparent;
	}
	.btn-delta:active {
		color:#fff;
		background-color:transparent;
		border-color:transparent;
	}

/* --- white w/ blue text --- */
.btn-foxtrot,
.btn-foxtrot:visited{
	color:#55728E;
	background-color:#fff;
	border-color:#fff;
}
	.btn-foxtrot:hover {
		color:#55728E;
		background-color:#eee;
		border-color:#fff;
	}
	.btn-foxtrot:active {
		color:#55728E;
		background-color:#fff;
		border-color:#fff;
	}
/* --- white w/ green text --- */
.btn-foxtrot-grn,
.btn-foxtrot-grn:visited{
	color:#438443;
	background-color:#fff;
	border-color:#fff;
}
	.btn-foxtrot-grn:hover {
		color:#438443;
		background-color:#bee3be;
		border-color:#bee3be;
	}
	.btn-foxtrot-grn:active {
		color:#438443;
		background-color:#bee3be;
		border-color:#bee3be;
	}

/* --- Red w/ white text --- */
.btn-gulf,
.btn-gulf:visited {
    color: #fff;
    background-color: #A82703;
    border-color: #A82703;
}
	.btn-gulf:hover {
		color:#fff;
		background-color:#841E02;
		border-color:#841E02;
	}
	.btn-gulf:active {
		color:#fff;
		background-color:#841E02;
		border-color:#841E02;
	}


#scroll-to-top-button {
	position:fixed;
	right:20px;
	bottom:70px;
	z-index: 95500;
	background-color:rgba(0,0,0,.2);
	border-color:transparent;
	color:#fff;
	display:none;
}
	#scroll-to-top-button:focus {
		outline:0;
	}



/* FOOTER 
********************************/
footer#site-footer  {
	width:100%;
	margin-top:30px;
	background-color:#eef1f3;	
	padding-top:20px;
	padding-bottom:10px;
	font-size:85%;
	color:#454545;
}
footer#site-footer a.btn-alpha,
footer#site-footer a.btn-alpha:visited {
	color:#fff;
}
footer#site-footer a:not(.btn-alpha),
footer#site-footer a:visited {
	color:inherit;
	
}
footer#site-footer a:hover,
footer#site-footer a:not(.btn-alpha):hover {
	border-bottom-width: 1px;
	border-bottom-style:solid;
	text-decoration: none;
}


	footer#site-footer .container-fluid {
		width:95%;
		margin:0px auto;	
	}
		footer#site-footer nav {
			margin:0px auto 20px;	
		}
		footer#site-footer nav div.row:first-child > div:last-child {
			/*margin-top:10px;
			border-left:1px solid #55728D;*/
		}
footer#site-footer nav .nav-list-heading {
	font-size:1.4em;
	font-family: inherit;
}
footer#site-footer nav ul li {
	line-height:normal;
	margin-bottom:.5em;
}
footer#site-footer nav .nav-list-heading + ul li:first-child {
	display:none;
}

/* --- Social Media --- */
#site-footer .social-media-links {
margin:10px auto;
padding:20px 0 0;
text-align:center;
	max-width: 900px;
	color:#445b71;
}
#site-footer .social-media-links li {
list-style:none;
margin:0;
padding:0;
text-align:center;
vertical-align:middle;
}
footer#site-footer .social-media-links button {
background-color:#445b71;
	color:#fff;
}
footer#site-footer .social-media-links button:hover {
background-color:#334455;
	
}
#site-footer .social-media-links a {
text-indent:-9999px;
width:32px;
height:32px;
margin:5px 10px;
background-position:center center;
background-repeat:no-repeat;	
display:inline-block;
text-align:center;
text-decoration: none;
}
footer#site-footer .social-media-links a:hover {
border-bottom:none !important;
}
#site-footer .social-media-links .facebook-link {
	background-image:url('/assets/images/graphics/facebook-icon-corporate.png');
	background-size:30px 30px;
}
#site-footer .social-media-links .instagram-link {
	background-image:url('/assets/images/graphics/instagram-icon-corporate.png');
	background-size:30px 30px;
}
#site-footer .social-media-links .twitter-link {
	background-image:url('/assets/images/graphics/twitter-icon-corporate.png');
	background-size:37px 30px;
}
#site-footer .social-media-links .blog-link {
	background-image:url('/assets/images/graphics/blog-icon-blue.png');
	background-size:30px 30px;
	background-size: contain
}
#site-footer .social-media-links .youtube-link {
	background-image:url('/assets/images/graphics/youtube-icon-corporate.png');
	background-size:contain;
	width:31px;
	height:30px;
}
#site-footer .social-media-links .linked-in-link {
	background-image:url('/assets/images/graphics/linked-in-icon-corporate.png');
	background-size:30px 30px;
}
linked-in-logo-blue.png
#site-footer .social-media-links .view-all-social-media-links {
	color:#fff;	
	text-indent:0px;
	width:auto;
}

/* --- Legal --- */
#legal-info-container {
	margin-top:20px;
}
#legal-info-container .collapser-container {
display:none; /* Shown via media query */
}

#legal-info-container #legal-info {
text-align:center;	
margin-bottom:1em;
}
#legal-info-container #legal-info  {
	margin-top:.5em;
	margin-bottom:.2em;	
	padding-left:0;
}
#legal-info-container #legal-info li {
	list-style: none;
}
#key-to-link-symbols {
	margin-top:20px;
}
#key-to-link-symbols h2 {
	margin-top:.5em;
	font-size:1em;
	color:#454545;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}
#key-to-link-symbols p {
	margin-bottom:0;	
}		
#key-to-link-symbols ul {
	margin-top:.5em;
	padding-left:0;	
}		
#key-to-link-symbols ul li {
	list-style:none;
}
/*
a[href*=".pdf"], 
a[href*=".PDF"],
a[href*=".pdf#"], 
a[href*=".PDF#"],
a[href*=".pdf?"], 
a[href*=".PDF?"] {
	background-image: url(/assets/images/graphics/Adobe_PDF_file_icon_24x24.png);
	background-position: right 10px center;
	background-repeat:no-repeat;
	padding-right: 40px;
}
*/
/* 	Nav anchors will display the icon at the edge of the block
	which is too far from the text. Instead, put a span tag with
	the class in it after the link text. */
/*
nav a[href*=".pdf"], 
nav a[href*=".PDF"],
nav a[href*=".pdf#"], 
nav a[href*=".PDF#"],
nav a[href*=".pdf?"], 
nav a[href*=".PDF?"] {
	background-image: none;
}
*/
/*
.text-link-to-pdf,
a.text-link-to-pdf {
	background-image: url(/assets/images/graphics/Adobe_PDF_file_icon_24x24.png);
	background-position: right center;
	background-repeat:no-repeat;
	padding-right: 30px;
}
*/
/* --- Affiliations --- */
#affiliations-container {
	border-top:1px solid #ddd; 
	padding-top:40px;
	margin-top:40px;
	max-width:1020px;
}
.affiliations {
	margin:20px 10px;
	height:auto;
	display: flex;
	align-items:center;
	justify-content: center;
}
.affiliations div {
	margin-bottom:10px;
	height:100%;
}
.affiliations div a  {
	width:100%;
	height:100%;
	display:block;
	text-align:center;
	border:none;
}
.affiliations div a:hover {
	border:none !important;
	background-color:transparent;
}
.affiliations div a img {
	display:block;
	text-align:center;
	margin:0 auto;
	max-height:60px;
	max-height:80px;
}
.affiliations div#and-logo-footer a img {
	max-height:80px;
}


/* MISC
*********************************/
.line-height-100 {
	line-height:100%;
}
.line-height-110 {
	line-height:110%;
}
.line-height-120 {
	line-height:120%;
}
.vertical-align {
    display: flex;
    align-items: center;
}

.signature {
margin-top:2em;	
margin-bottom:2em;
}
.notification {
	background-color:#f2dede;
	padding:10px;
	font-weight:bold;
	margin:20px auto;
}

/* --- Description Box (similar to tooltip) --- */
.description-holder {
	display: inline-block;
	min-width:15px;
	min-height:15px;
	cursor:pointer;
	background-image: url("/assets/images/graphics/glyphs/more-info.png");
	background-position:0px 0px;
	background-repeat:no-repeat;
	overflow:visible;
}
.description {
	position:absolute;
	left:-10000px;
	z-index:10000;
	border:1px solid #ccc;
	background-color:#fff;
	padding:10px 10px;
	font-weight:normal;
	font-size:1.0em;
	line-height:1.2em;
	display:block;
	height:auto;
	width:auto;
	max-width:500px;
	white-space:normal;
	border-radius:8px;
}