body { background-color: #708992; /*#236192; #efdbb2;*/ }
.container { width: auto; }
.full-width { width: 100%; }
a[data-toggle="collapse"]:focus, ul.nav li a  { outline:0; text-decoration: none; }
a[data-toggle="collapse"]:hover { text-decoration: underline!important; }
div.bg-white { background-color: #ffffff; }
div#full-page-wrapper { max-width: 960px; margin: 0 auto; background-color: transparent; }
div#navbar-container { max-widthx: 960px; width: auto; }
div#navbar-list-div>ul>li>a { padding-left: 12px!important; padding-right: 12px!important; } /*** use this to space the menu items to prevent wrapping when decreasing device window size ***/
div#nav-menu-wrapper, div#nav-menu-wrapper2 { margin-top: 2px; margin-bottom: 2px; border-top: 1px solid #a6192e; border-bottom: 1px solid #a6192e;  }
div#nav-menu, div#nav-menu2 { background-color: #236192; margin: 2px 0; padding: 3px 8px; }
/*div#nav-menu button, div#nav-menu2 button { font-size: 90%; } */
div#nav-menu li, div#nav-menu2 li { font-size: 90%; }
div.main-content-6-spacer { height: 6px; background-color: #ffffff; margin: 0 -15px; }
div.main-content-10-spacer { height: 10px; background-color: #ffffff; margin: 0 -15px; }
div#main-content { padding-topx: 5px; padding-bottomx: 10px; background-color: #ffffff; padding: 0 15px; margin: 0 -15px; min-height: 240px; }
div.btn-group { margin: 0 2px; }
/*div#header-row { max-width: 960px; min-height: 45px; min-width: 618px;  background-imagexxx: url(../images/lter_banner3.png); background-color: #623412; }*/
div#header-row img { min-height: 45px; }
/*div#header-row h1, div#header-row h2, div#header-row h3, div#header-row h4 { margin: 5px 10px 2px 10px; }*/
div#header-row h2 a { color: #ffcd00; font-weight: bold; text-decoration: none; text-shadow: 2px 2px 10px #000000; }
div#header-row h3 a { color: #d7d2cb; font-size: 18px!important; text-decoration: none; text-shadow: 0px 0px 8px #000000; }
div#header-row h3 { margin-top: -10px; }
div#header-row a:hover { color: #ffffff; text-decoration: none; text-shadow: 2px 2px 20px #000000; }
/*div#header-buttons, div#header-search { margin: 12px 16px 8px 16px; }*/
div#header-buttons a span { font-size: 9px; }
div#header-searchx input { width: 200px; }
div#header-row h2 a span { font-size: 80%; display: inline; }
div#header-row h2 a:hover span { display: inline; }
li.dropdown-submenu.active.open>a { color: #000000; }
.bg-shaded { background: rgba(0, 0, 0, 0.5); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 6px 12px }

div#us_lter_div { border-top: 1px dotted #999999; }
div#us_lter_div a { color: #efdbb2; }
div#us_lter_div a:hover { color: #f0f0f0; }
div#us_lter_div li.hilight { background-color: #ffe680; }
div#us_lter_div li.hilight a { color: #444444; }
div.us_lno { background-color: #2c2c2c; border: 1px solid #444444; margin: 10px 0; padding: 11px 0; }

.vertical-center { position: relative; top: 50%; transform: translateY(-50% ); }
.font10 { font-size: 10pt; }
div#sub-nav .nav-pills { font-size: 10pt!important; line-height: 9pt; }
.uaf-blue .active a, .red .active a:hover { background-color: #236192!important; }

div#main-contentx { padding-bottom: 10px; }
p.submenu-heading { font-size: 12pt; font-weight: bold; color: #623412; padding: 6px 12px 6px 18px; margin-left: -15px; background-image: url(images/bg-yellow.png); 
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
p.submenu-heading a { color: #623412; }
.shift-left { margin-left: -15px; }

.navbar-uaf-blue { background-color: #236192; color: #ffffff; height: 24px; }
.navbar-uaf-blue li a, .navbar-brandx { color: #ffffff; padding: 5px 15px; font-size: 12px; line-height: 14px; height: 24px; }
.navbar-uaf-blue li a:hover, .navbar-brandx:hover { background-color: #1d517a; color: #ffffff; }


.btn-uaf-blue, .label-uaf-blue { background-color: #236192; color: #ffffff; border-color: #1f5580; }
.btn-uaf-blue:hover { background-color: #1d517a; color: #ffffff; }
.btn-uaf-yellow, .label-uaf-yellow { background-color: #ffcd00; color: #ffffff; }
.btn-uaf-yellow:hover { background-color: #ffcd00; color: #ffffff; }
.btn-uaf-green, .label-uaf-green { background-color: #719949!important; color: #dddddd!important; border-color: #698e44; }
.btn-uaf-green:hover { background-color: #648841!important; color: #ffffff!important; }

.btn-inverse { background-color: #222222; color: #aaaaaa; border-color: #333333; }
.btn-inverse:hover { background-color: #222222; color: #ffffff; }
#header-buttons a.active { background-color: #000000; color: #ffffff; }
.multi-line-button { white-space: normal; }

div#footer { background-image: url(../images/bnz_footer2.png); background-color: #623412; color: #d7d2cb; font-size: 8pt; padding-top: 8px; }
div#footer a { color: #ffcd99; xbackground: rgba(255, 255, 255, 0.75) }
div.footer-logo { margin-bottom: 8px; }
h3.top-header { margin: 0; }

ul#home-page-announcements, ul#home-page-events, ul#home-page-jobs { margin-bottom: 4px; }
ul#home-page-announcements li, ul#home-page-events li, ul#home-page-jobs li { margin: 0 8px 6px -18px; font-size: 92%; }
div.na-tabs {
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

div.modal-dark>div { background-color: #000000; color: #ffffff; }
div.modal-dark>div.modal-header button { margin-top:-30px; color: #ffffff; }

.navbar { min-height: 32px!important; margin: 0px; border: none; max-width: 960px; z-index: 9999; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; }
.navbar a, .navbar-brand a { height: 32px; font-size: 12px; line-height: 22px!important; padding: 5px 15px!important; }
.nav-wrapper { background-color: #222222; margin-top: 2px; margin-bottom: 2px; height: 33px; }
.nav-outer-wrapper { background-color: transparent; margin-top: 2px; margin-bottom: 3px; border-top: 1px solid #a6192e; border-bottom: 1px solid #a6192e; }
/*.nav-outer-wrapper { background-color: #222222; margin-top: 2px; margin-bottom: 3px; border-top: 1px solid #333333; border-bottom: 1px solid #333333; }*/
.navbar-toggle { height: 24px; line-height: 24px; font-size: 12px; margin: 4px 10px; padding: 0px 6px; color: #cccccc; border-color: #999999!important; }
.navbar-toggle:hover { color: #ffffff!important; }
li.dropdown { cursor: pointer; }
div#sub-nav { z-index: 999; }
div#sub-nav a.list-group-item { font-size: 86%; padding-top: 6px; padding-bottom: 6px; }
div#sub-nav span.list-group-item { font-size: 86%; padding-top: 6px; padding-bottom: 6px; font-style: italic; color: #888888; cursor: pointer; }

/* if there is a nav bar on a page, needed so top menu stays on top. */
div#page-content .navbar { z-index: 999!important }

/*#sub-nav-menu .affix-top {  }*/
#left-menu-affix { max-width: 210px; }/**/
.affix { top: 11px; width: 22% }
.affix-bottom { width: 22%; position: static!absolute; }
/**/
/*
.navbar-brand { padding: 5px 15px; font-size: 12px; line-height: 14px; height: 24px; }
*/
@media screen and (max-width: 969px) {
	p#bnz-sketch { display: none; }
}
@media screen and (max-width: 440px) {
	div.carousel-caption h1, div.carousel-caption h2 { font-size: 100%; }
}

h3.top-header { margin: 0 0 10px 0; }
div.tab-pane { padding-top: 12px; }

a.apopover, button.popover-dismiss { border: none; border-bottom: 1px dotted #236192; background-color: transparent; padding: 0px; }
button.popover-dismiss:hover { background-color: #f0f0f0; }
a.apopover:hover { text-decoration: none!important; }
div.popover-content { font-size: 9pt; }
div.popover-header button.close { margin: 6px 12px 0 0; }
.left-border { border-left: 1px solid #cccccc; }
.popover { z-index: 10001!important; }
.bootbox { z-index: 10002!important; }

.image-link{display:inline-block;padding:4px;margin:0 0.5rem 1rem 0.5rem;background-color:#fff;line-height:0;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;-webkit-transition:background-color 0.5s ease-out;-moz-transition:background-color 0.5s ease-out;-o-transition:background-color 0.5s ease-out;transition:background-color 0.5s ease-out}
.image-link:hover{background-color:#4ae;-webkit-transition:background-color 0;-moz-transition:background-color 0;-o-transition:background-color 0;transition:background-color 0}
.image{width:7rem;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px}
.image-link-tighten {margin: 0!important;}

.align-left { text-align: left!important; }
div.btn-group-vertical button { text-align: left; font-weight: bold;}
div.btn-group-vertical button span { font-size: 90%; }
div.btn-group-vertical button div { margin-top: 8px; width: 36px; margin-rightx: 12px;  }
div.dark-bg {
	background-color: #222222!important;
}

li.compressed a { height: 24px!important; padding-top: 2px!important; }
.opacity50 { opacity: 0.5; filter:Alpha(Opacity=50); }
.opacity60 { opacity: 0.6; filter:Alpha(Opacity=60); }
.opacity70 { opacity: 0.7; filter:Alpha(Opacity=70); }
.opacity80 { opacity: 0.8; filter:Alpha(Opacity=80); }
.opacity90 { opacity: 0.9; filter:Alpha(Opacity=90); }

a.active { color: #ffffff!important; }
.borders4 { border: 1px solid #cccccc; }
div.play-button { position: absolute; left: 84px; top: 46px; width: 50px; }
a.play-video, button.play-video { color: #ffffff; background-color: #222222; }
button.play-video:hover { color: #ffffff; }
a.play-video:hover, a.play-video:hover button.play-video { background-color: #CC181E; cursor: pointer; }
.add-shadow { -moz-box-shadow: 0 0 5px #337ab7; -webkit-box-shadow: 0 0 5px #337ab7; box-shadow: 0 0 5px #337ab7; z-index: 99999; }
/***** carousel css *******/