@charset "utf-8";
/* CSS Document - Base Style Sheet */




html {
 height:100.2%;
}


/* =Typography ----------------------------------------------------------------------------- */
body {
 background: #ffffff;
 color: #333333;
 font-size: 0.875em;
 line-height: 1.65em;
 font-family: sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
 color: #222222;
 font-family: Arial, "Helvetica Neue", Helvetica, Tahoma, sans-serif;
 font-weight: bold;
 margin-top:0;
}
h1 {
 font-size: 2.142em;
 line-height: 1.1333em;
 margin-bottom: .2666em;
}
h2 {
 font-size: 1.8em; /* WAS: 1.714em, but changed due to custom font serifs looking weird otherwise */
 line-height: 1.1666em;
 margin-bottom: .4555em;
}
h3 {
 font-size: 1.5em;  /* WAS: 1.429em, but changed due to custom font serifs looking weird otherwise */
 line-height: 1.4em;
 margin-bottom: .4em;
}
h4 {
 font-size: 1.143em;
 line-height: 1.65em;
 margin-bottom: .4555em;
}
h5 {
 font-size: 1em;
 line-height: 1.65em;
 margin-bottom: .5em;
}
h6 {
 font-size: 0.857em;
 line-height: 1.5em;
 margin-bottom: .4555em;
 text-transform: uppercase;
}
hgroup h1,
hgroup h2,
hgroup h3,
hgroup h4,
hgroup h5,
hgroup h6 { margin-bottom: 0; }
hgroup { margin-bottom: 0.6em; }
.subheader {
 font-weight: 300;
 color: #888;
}
h1.subheader {
 font-size: 1.357em;
 line-height: 1.263em;
}
h2.subheader {
 font-size: 1.214em;
 line-height: 1.412em;
}
h3.subheader {
 font-size: 1em;
 line-height: 1.286em;
}
h4.subheader,
h5.subheader {
 font-size: 0.95em;
 line-height: 1.385em;
}
h6.subheader {
 font-size: 0.8em;
 line-height: 1.364em;
}
p,
ul,
ol,
dl,
dd,
dt,
blockquote,
td,
th { line-height: 1.65em;  /*CB?? per Kube, not Normalize?? */ margin-top:0; }
ul,
ol,
ul ul,
ol ol,
ul ol,
ol ul { margin: 0 0 0 2em; }
ol ol li { list-style-type: lower-alpha; }
ol ol ol li { list-style-type: lower-roman; }
p,
ul,
ol,
dl,
blockquote,
hr,
pre,
table,
form,
fieldset,
figure { margin-bottom: 1.65em; }
dl dt { font-weight: bold; }
dd { margin-left: 1em; }
blockquote {
 margin-bottom: 1.65em;
 position: relative;
 color: #777777;
 padding-left: 1.65em;
 margin-left: 1.65em;
 border-left: 1px solid #ddd;
}
blockquote small,
cite {
 color: #999999;
 font-style: normal;
}
blockquote p { margin-bottom: .5em; }
small,
blockquote cite {
 font-size: 0.85em;
 line-height: 1;
}
blockquote .pull-right,
.ZZZZZZZZZZZZZZZZZZZunits-row blockquote .pull-right {
 float: none;
 text-align: right;
 display: block;
}
address { font-style: italic; }
del { text-decoration: line-through; }
em,
i { font-style: italic; }



/* =Images/Video ----------*/

img, object, embed	{ max-width: 100%; height: auto; }
img					{ -ms-interpolation-mode: bicubic; }
img.photoframe, .photoframe img {
 border: 5px solid white;
 box-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
 margin-bottom:1em;
}
object, embed		{ height: 100%; }
#googlemap img		{ max-width: none; }
#map_canvas embed	{ max-width: none; }
#map_canvas object	{ max-width: none; }
#map_canvas img,
.map_canvas img     { max-width: none!important; }
video				{ width: 100% !important; height: auto !important; }
figure				{ margin: 0 0 1em; }
figcaption {
 display: block;
 text-align: center;
 font-style: italic;
 margin: 0em 0 1em;
 line-height:1;
 orphans: 2;
}



/* =Tables ----------*/

table {
 margin-bottom: 1.4em;
 width:100%;
}
th { font-weight: bold; }
thead th { background: #c3d9ff; }
th,
td,
caption { padding: .25em; }
tr.even td { background: #e5ecf9; }
tfoot { font-style: italic; }
caption { background: #eee; }



/* =Forms ----------*/

fieldset {
 padding:.625em;
 margin:.625em 0;
 border:1px solid #888;
}
div#errordiv {
 border:3px double #900;
 background-color:#FFFFF2;
 color:#900;
 padding:.313em .625em;
 font-weight:bold;
 margin-top:.625em;
 margin-bottom:1.125em;
}
.kds-formfield-not-valid-highlight {
 background-color:#900;
 color:#fff;
}
button,
zzzinput[type="submit"]  {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	color:rgba(0,0,0,0.9);
	text-shadow:1px 1px 0px rgba(255,255,255,0.8);
	border:1px solid rgba(0,0,0,0.2);	
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,1)),to(rgba(185,185,185,1)));
	background:-moz-linear-gradient(top,rgba(255,255,255,1),rgba(185,185,185,1));
	padding:3px 5px 3px 5px;
}

button:hover,
zzzinput[type="submit"]:hover {
	background:rgba(240,240,240,1);
}

button:active,
button:focus,
zzzinput[type="submit"]:active,
zzzinput[type="submit"]:focus {
	background:-webkit-gradient(linear,0% 100%,0% 0%,from(rgba(255,255,255,1)),to(rgba(185,185,185,1)));
	background:-moz-linear-gradient(bottom,rgba(255,255,255,1),rgba(185,185,185,1));
}

button:disabled,
zzzinput[type="submit"]:disabled {
	color:rgba(0,0,0,0.4);
	text-shadow:1px 1px 0px rgba(255,255,255,0.5);
	background:rgba(220,220,220,1);
}


/* CB asks HUH? */
.input-block-level {
 display: block;
 width: 100%;
 min-height: 28px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box;
}





/* =Clearfix  ----------*/

.clearfix:after {
 content: "";
 display: table;
 clear: both;
}


/* =Misc classes ----------*/

.left { float: left; }
.right { float: right; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align:justify; }
.hide { display: none; }
.hide-override { display: none !important; }
.access {
 position:absolute;
 text-indent:-900em;
}
.small {
 font-size: .8em;
 margin-bottom: 1.875em;
 line-height: 1.875em;
}
.large {
 font-size: 1.2em;
 line-height: 2.5em;
 margin-bottom: 1.25em;
}
.print-only { display: none !important; }
.section-title {
 margin: 1.5em 0;
 padding: .4em 0 .55em;
 border-top: 1px solid rgba(0, 0, 0, .2);
 border-bottom: 1px dashed rgba(0, 0, 0, .2);
}
.hilite {
 background: #efefef;
 background: -moz-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F4F4F4));
 background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
 box-shadow: 0 2px 5px rgba(0,0,0,0.15);
 -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.15);
 -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.25);
 margin-bottom: 1em ;
 padding: 1em;
}





/* Slide Out Div - Social Media ------------- */

 .slide-out-div {
 padding: 20px;
 width: 250px;
 background: #fff;
 border: 1px solid #E1E2DD;
 z-index:5000;
 min-height:220px;
}   


/* =Search- ----------*/

/* KDS style overrides for the form and results list generated by Google Site Search objects */                                                        
#sitesearch-control .gsc-control             { width: 100%; }     /* so search form and results use full width */
#sitesearch-control .gsc-branding             { display: block; }    /* for display of Google branding under search button ("none" to not display) */
#sitesearch-control td.gsc-branding-text     { width: 99%; }
#sitesearch-control .gs-visibleUrl-short     { display: none; }     /* to give full URL rather than just hostname */
#sitesearch-control .gs-visibleUrl-long     { display: block; }
#sitesearch-control table.gsc-resultsHeader { display:none; }     /* for no header above search results */
#sitesearch-control b                         { font-weight:bold; color:#5C4809; } /* styling for the search term as it appears in search results */
#sitesearch-control input.gsc-input         { border-color: #5C4809; padding:2px 5px; } /* border color for search box */

/* styling for "no results" box */
#sitesearch-control .gs-no-results-result .gs-snippet, .gs-error-result .gs-snippet {
 background-color: #FFEB9F;
 border: 1px solid #5C4809;
 margin:0;
 padding:3px 5px;
}
/* copied from base css file & prefixed by #sitesearch-control so overrides Google stylesheet */
#sitesearch-control a,
#sitesearch-control a:visited { color: #333; text-decoration: underline; outline: 0; }
#sitesearch-control a:hover,
#sitesearch-control a:focus { color: #000; }

/* styles for input field & submit button */
#search-container input[type="text"] {
 font-size:.688em;
 padding: .75em 3em;
 border: 0 none;
 -webkit-transition: all 0.5s ease-out;  /* Saf3.2+, Chrome */
 -moz-transition: all 0.5s ease-out;  /* FF4+ */
 -ms-transition: all 0.5s ease-out;  /* IE10 */
 -o-transition: all 0.5s ease-out;  /* Opera 10.5+ */
 transition: all 0.5s ease-out;

 -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
 -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
 box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px
 rgba(0, 0, 0, 0.2) inset;
}

/* styles for input */
#search-container input[type="text"] {
 background: url(/images/magnifying_glass_icon.png) no-repeat 4px 6px #E9E9E3;
 width:40px;
}
/* styles for button */
#search-container input[type="submit"] {
 width:auto;
 text-transform:uppercase;
 background-color: #cacaca;
}
/* styles for input field & submit button hover */
#search-container input[type="text"]:focus,
#search-container input[type="submit"]:hover  {
 -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
 -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
 box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
 text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
/* styles for input  hover*/
#search-container input[type="text"]:focus {
 width: 80px;
 background-color: #ffffff;
}
/* styles for button hover */
#search-container input[type="submit"]:hover {
 zzzzbackground-color:rgba(204, 204, 204, 1) ;
 color: #fff;
}








/* =Grid Structure (http://css-tricks.com/dont-overthink-it-grids/) ---------------------------------------------------*/

.grid-wrap {    
    margin:0 -3em; /* the same as your gutter: must match the padding of the grid-col. */
    overflow: hidden;
    clear: both; 
}
   
.grid-col {
    float: left;
    padding:0 3em; /* this is your gutter between columns: must match the negative margin of the grid-wrap. */
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}