@charset "UTF-8";
/* CSS Document */

/* ------------------------------------ */
/* GLOBAL SITE HEADER */
/* ------------------------------------ */

/* ------------------------------------
Typography and Layout Basics
--------------------------------------*/
html {
	color:#222;
}
body {
	font-size:15px;
	width: 100%;
	overflow-x: hidden;
}
h1 {
	font: normal 400 1em 'Knockout 50 A', 'Knockout 50 B', 'Arial Narrow', 'Trebuchet MS', Helvetica, sans-serif; font-size: 3em; line-height:1em;
}
h2 {
	font: normal 400 1em 'Knockout 50 A', 'Knockout 50 B', 'Arial Narrow', 'Trebuchet MS', Helvetica, sans-serif; text-transform: uppercase; color: #121212; line-height:1em; font-size:1.5em;
}
h3 {
	font: normal 400 1em 'Knockout 50 A', 'Knockout 50 B', 'Arial Narrow', 'Trebuchet MS', Helvetica, sans-serif; text-transform: uppercase; line-height:0.7em; font-size:1.6em;
}
h4 {
	font: normal 400 1em 'Knockout 50 A', 'Knockout 50 B', 'Arial Narrow', 'Trebuchet MS', Helvetica, sans-serif; text-transform: uppercase; line-height:0.7em; font-size:1.2em;
}
.left {
	float:left;
}
.right {
	float:right;
}
.section-inner {
	width:90%;
	max-width:1300px;
	margin:0 auto;
}

/* ------------------------------------
Basic Styles
--------------------------------------*/

#global-header .desktop {
	display:none;
}
#global-header .mobile {
	display:block;
}
#nav-items .desktop-menu-2 {
	display:none;
}
#global-header header {
	height:99px;
	border-top:1px solid #333;
	background-image:
    linear-gradient(
      #000, #555
    );
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#555555',GradientType=0 );
	position:relative;
	z-index:999;
}
#global-header .global-nav-menu {
	background:#222;
	height:100%;
	width:300px;
	position:absolute;
	z-index:999;
	left:-300px;
	border-top:4px solid #ccc;
	border-right:1px solid #ccc;
	color:#888;
	overflow-y: scroll;
 	-webkit-overflow-scrolling: touch
}
#global-header .border-bar {
	height:1px;
	background:#444;
	position:relative;
	z-index:999;
}
#site-search {
	position:absolute;
	top:-100%;
	background:rgba(0,0,0,0.88);
	z-index:998;
	width:100%;
	border-top:2px solid #ccc;
	border-bottom:1px solid #666;
	box-shadow:0 2px 3px #222;
}
#global-header .courtesy {
	display:none;
	background:#222;
	padding:0;
	margin:0;
	position:relative;
	z-index:9999;
}
#global-header .courtesy ul {
	margin:0;
	font-size:0;
	text-transform:uppercase;
	float:right;
	padding:0;
}
#global-header .courtesy li {
	display:inline;
}
#global-header .courtesy a {
	display:inline-block;
	padding:0.5em 1em 0.4em 1em;
	text-decoration:none;
	font-size:12px;
	color:/*#4F6D91*/ #699AD6;
}
#global-header .courtesy a:hover {
	background:#444;
	color:#fff;
}
#global-header .courtesy a i {
	color:#888;
	font-size:1.4em;
	position:relative;
	left:-2px;
	top:1px;
}
#global-header .courtesy a#donate-top {
	background:/*rgba(255,255,255,0.20)*/ #222;
	color:rgb(230,119,0);
	transition: all 300ms;
	-webkit-transition: all 300ms;
	font-weight:bold;
}
#global-header .courtesy a#donate-top:hover {
	background:rgba(255,255,255,0.9);
	color:rgb(230,119,0);
}
#global-header .courtesy li#language-drop ul {
	display:none;
	position:absolute;
	top:31px;
	z-index:9999;
	width:250px;
	padding:10px;
	background:#222;
	float:left;
	border-right:1px solid #444;
	border-left:1px solid #444;
	border-bottom:1px solid #444;
}
#global-header .courtesy li#language-drop ul li a {
	display:block;
	width:100%;
}
#global-header #site-logo {
	height:98px;
	margin:0 auto;
	border-left:1px solid #444;
	border-right:1px solid #444;
	padding:20px 30px;
	text-align:center;
	display:block;
}
#global-header .h-child {
	display:inline-block;
	color:#bbb;
	padding:0 4%;
}
#global-header .h-child a {
	color:#E67700;
	text-decoration:none;
	display:block;
	transition: color 300ms;
	-webkit-transition: color 300ms;
}
#global-header .h-child a:hover {
	color:#F1EDE8;
}
#global-header .h-child span {
	font-size:0.8em;
}
#global-header .h-child a i {
	font-size:2.5em;
	display:block;
}
#global-header #search-link {
	float:right;
}
#global-header #menu-link,
#global-header #search-link,
#global-header #menu-link-2 {
	vertical-align:middle;
	height:80px;
	padding:20px;
	position:absolute;
	top:0;
}
#global-header .desktop-menu-2 #site-logo {
	padding:15px 30px;
	display:block;
	height:128px;
    margin:0 auto;
	border-left:1px solid #444;
	border-right:1px solid #444;
}
#global-header .desktop-menu-2 .h-child a {
	color:#E67700;
	padding-top:23px;
	display:inline-block;
	text-decoration:none;
}
#global-header .desktop-menu-2 .top-item {
	width:615px;
	position:absolute;
	left:375px;
}

#global-header.sticky-display .desktop-menu-2 .top-item {
/*	display:none;
	transition:display 3000ms;*/
}

#global-header .top-item div {
	display:inline-block;
	text-align:left;
	overflow:hidden;
	margin:0;
	font-size:17px;
	line-height:1em;
	font-family:'Knockout 50 A', 'Knockout 50 B', sans-serif;
	transition: all 400ms;
	-webkit-transition: all 400ms;
	height:128px;
	padding:30px 15px;
	text-transform:uppercase;
	color:#fff;
}
#global-header .top-item div:first-child {
	margin-right:10px;
}
#global-header .top-item div:hover {
	background:rgba(255,255,255,0.16);
}
#global-header .top-item div a:hover {
	background:none;
}

#global-header .desktop-menu-2 .top-item a {
	display:inline;
	width:auto;
	border-right:none;
	color:#E67700;
	padding-top:30px;
	font-weight:normal;
	text-decoration:none;
	height:100%;
}
#global-header .desktop-menu-2 .top-item a:last-child {
	border-right:none;
}
#global-header .desktop-menu-2 .top-item div:last-child a:hover {
	text-decoration:underline;
}
#global-header .desktop-menu-2 .top-item div em {
	font-style:normal;
	color:#888;
	font-weight:lighter;
	padding:0 6px;
}
#global-header .desktop-menu-2 .top-item div span {
	color:#fff;
	display:block;
	font-size:1.7em;
	padding:10px 0;
	text-transform:none;
	transition: color 400ms;
	-webkit-transition: color 400ms;
}
#global-header #search-link {
	position:absolute !important;
	right:0;
	z-index:10;
}



/* ------------------------------------
Main Nav Menu
--------------------------------------*/
#nav-items {
	padding:1.5em;
}
#nav-items ul.submenu {
	display:none;
	margin:0;
	padding:0;
}
#nav-items h3 {
	font-size:1.1em;
	line-height:1.2em !important;
	font-weight:200;
	letter-spacing:0;
	text-transform:none;
	margin:0;
	padding:0.55em 0;
	color:#ddd;
	font-family: 'Mercury SSm A', 'Mercury SSm B', Palatino, 'Palatino Linotype', Georgia, serif;
}
#nav-items h3:hover {
	color:#fff;
	cursor:pointer;
}
#nav-items h3 i {
	display:block;
	float:left;
	margin:0 5px 5px 0;
}
#nav-items a#menu-donate {
	background:#ddd;
	font-family:'Knockout 50 A', 'Knockout 50 B', 'Arial Narrow', 'Trebuchet MS', Helvetica, sans-serif;
	text-decoration:none;
	display:block;
	color:#333;
	text-shadow:1px 1px 0 #fff;
	border-radius:6px;
	font-size:1.1em;
	text-transform:uppercase;
	text-align:center;
	padding:0.5em 0 0.4em;
	margin:1em 0;
	transition: all 300ms;
	-webkit-transition: all 300ms;
	border:1px solid #777;
}
#nav-items a#menu-donate:hover {
	background:#e67700;
	text-shadow:none;
	color:#fff;
}
#nav-items ul:last-child {
	margin:2em 0 0 0;
	padding:0;
	list-style:none;
	font-size:0.68em;
	text-transform:uppercase;
}
#nav-items ul:last-child li {
	margin-bottom:0.4em;
}
#nav-items ul:last-child li a:hover {
	color:#E67700;
}
#nav-items .submenu li {
	list-style:none;
	border-bottom:1px dotted #666;
	font-size:0.9em;
	padding:0.25em 0;
}
#nav-items .submenu li a:hover {
	color:#fff;
}

#global-nav .other-websites  {
	padding:6px 0 10px;
	margin-bottom:15px;
	border-bottom:1px solid #CCC;
}

#global-nav .other-websites h3 {
	font-size:.95em;
	color:#DDD;
}

#global-nav .other-websites h3:hover {
	color:#DDD;
	cursor:default;
}

#global-nav #global-third-column .other-websites ul {
	margin:0 0 0 18px;
}

/*--------------------------------------
Body wrapper shifting
--------------------------------------*/

.body-wrapper {
    width: 100%;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    position: relative;
    left: 0;
}

.body-wrapper.shift {
    left: 330px;
}

/* ------------------------------------
Site Search
--------------------------------------*/
#site-search {
	padding:2em;
	font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
}
#site-search form {
	text-align:center;
}
#site-search label {
	color:#fff;
	font-size:1.25em;
	display:block;
	font-family:'Knockout 50 A', 'Knockout 50 B', sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	padding-top:3px;
	font-weight:normal;
}
#site-search input[type='text'] {
	background:#343434;
	color:#ececec;
	border:1px solid #ccc;
	border-radius:5px;
	padding:0.5em 0.75em;
	width:65%;
	max-width:400px;
	font-size:1.1em;
	margin-bottom: 1em;
}

#site-search input[type='text']:focus {
	box-shadow:0 0 5px #666;
}
#site-search input[type='submit'] {
	background:#4F6D91;
	background-image:
    linear-gradient(
      #4F6D91, #225b9f
    );
	color:#fff;
	padding:0.5em 0.75em;
	font-size:1em;
	margin-top:0;
	position:relative;
	top:-1px;
	border:1px solid #225b9f;
	max-width: 100px;
	font-family: Arial;
	
}

.sticky-display #site-search {
	position:fixed;
}


/********************************
*** Global Header Adjustments ***
********************************/
#global-header header {
	/*position:fixed;*/
	transition: all 0.6s; 
	-webkit-transition: all 0.6s;
	width:100%;
}
#global-header .top-item {
	transition: all 0.6s; 
	-webkit-transition: all 0.6s;
}
#global-header #site-logo {
	transition: all 0.6s; 
	-webkit-transition: all 0.6s;
}
#menu-link-2, #search-link {
	transition: all 0.6s; 
	-webkit-transition: all 0.6s;
}
#global-header .h-child span {
	transition: all 0.6s; 
	-webkit-transition: all 0.6s;
	text-align:center;
	display:block;
	position:relative;
	top:2px;
}
/* with sticky display header */
#global-header.sticky-display header {
	position:fixed;
	top:0;
	left:0;
	height:78px;
	transition: all 0.6s; 
	-webkit-transition: all 0.6s;
}
#global-header.sticky-display.bottom-pos header {
	top:-100px;
}
#global-header.sticky-display header.shift {
	left:330px;
}
#global-header.sticky-display .top-item {
	opacity:0;
}
#global-header.sticky-display .desktop #site-logo {
	height:90px;
	padding:30px 0 5px 40px;
}
#global-header.sticky-display .mobile #site-logo {
	height:77px;
	padding:10px 20px;
}
#global-header.sticky-display #menu-link-2,
#global-header.sticky-display #search-link {
	height:77px;
	padding-top:11px;
}
#global-header.sticky-display .h-child span {
	font-size:0.6em;
	top:1px;
}

/********************************
*********** Navigation **********
********************************/

#global-nav {
	position: fixed;
    background: #333;
    border-right: 2px solid #fff;
    z-index: 999;
    left: -360px;
	top:0;
    width: 330px;
    height: 100%;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    padding: 2em 0;
    overflow-y: scroll;
	margin:0;
}
a#close-drawer {
	position:absolute;
	right:10px;
	top:3px;
	color:#e67700;
	font-size:2em;
}
#global-nav.shift {
	left:0;
}
#body-wrapper.shift {
	left:330px;
}
#global-nav .hidden-drop {
	display:none;
}
#global-nav button {
	border-radius:1px;
	font-size:1.2em;
	display:block;
	width:100%;
	margin-bottom:10px;
}
#global-nav a.donate-button button {
	text-transform:uppercase;
	background-color:#E67700;
	border-color: #eea236;	
}
#global-nav a.donate-button {
	text-decoration:none;
}
#global-nav a.donate-button button:hover {
	background-color:#ec971f;
	border-color: #d58512;	
}
#global-nav #parent-column {
	padding:0;
	margin:11px 0 0 0;
}
#parent-column h3 {
	padding:10px 1.75em;
	margin:0;
	line-height:1em;
	transition: all 0.4s; 
	-webkit-transition: all 0.4s;
	border-bottom:1px solid #444;
	border-top:1px solid #111;
	font-size:1.1em;
	color:#fff;
}
#parent-column h3.enabled {
	background:#699AD6;
	cursor:pointer;
	color:#fff;
}
#parent-column h3:first-child {
	border-top:none;
}
#parent-column h3:hover {
	background:#699AD6;
	cursor:pointer;
	color:#fff;
}
#global-nav #child-column {
	padding:2em 0;
}
#global-nav .hidden-drop ul {
	margin:0;
	padding:5px 2em 1em;
	font-size:0.85em;
}
#global-nav a:hover {
	color:/*#A0EAF7*/ #699AD6;
}
#global-third-column {
	padding:2em 0;
}
#global-third-column li {
	font-size:0.88em;
	line-height:1.05em;
	margin-bottom:7px;
}
#global-nav #child-column ul,
#global-nav #global-third-column ul {
	margin-left:0;
	padding-left:0;
}
#global-nav #child-column li {
	list-style:none;
	padding:6px 1em;
	border-bottom:1px solid #fff;
	margin:0;
	transition: all 0.4s; 
	-webkit-transition: all 0.4s;
}
#global-nav #child-column li:hover {
	background:#fff;
}
#global-nav #child-column li:hover a {
	text-decoration:none;
}
#global-third-column {
	padding:2em;
}

/* ------------------------------------
Responsive Adjustments
--------------------------------------*/

@media (min-width:768px) {
	#global-header .h-child a i {
		font-size:2.5em;
	}
	#global-header #site-logo {
		height:108px;
		padding:10px 30px;
		border-left:1px solid #444;
		border-right:1px solid #444;
	}
	#global-header .courtesy {
		border-bottom:1px solid #444;
	}
	#global-header header {
		height:110px;
	}
	#global-header #menu-link,
	#global-header #search-link {
		height:110px;
	}
	#global-header #menu-link-2,
	#global-header #search-link-2 {
		height:110px;
	}
	#global-header .courtesy {
		display:block;
	}
	#global-header #site-search label {
		display:inline-block;
		padding-right:10px;
		font-size:1.5em;
	}
}
@media (min-width:992px) {
	body {
		font-size:16px;
	}
	#global-header .courtesy ul {
		padding-right:0;
		margin-right:-2%;
	}
	#global-header .header-inner {
		max-width:94%;
		margin:0 auto;
	}
	#site-search form {
		text-align:right;
	}
	#site-search input[type='text'] {
		margin-bottom:0;
	}
}
@media (min-width:1200px) {
	#global-header .desktop {
		display:block;
	}
	#global-header .mobile {
		display:none;
	}
	#global-header .courtesy ul {
		float:right;
		padding-right:30px;
		margin-right:0;
	}
	#global-header header {
		height:130px;
	}
	#global-header .header-inner {
		position:relative;
		max-width:1400px;
	}
	#global-header #menu-link,
	#global-header #menu-link-2
	#global-header #search-link {
		height:128px;
		text-align:center;
	}
	#global-header #menu-link-2 {
		padding-left:3%;
	}
	#global-header #search-link {
		padding-right:3%;
	}
	#global-header .h-child {
		padding:0 2% 0 3%;
	}
	#global-header .h-child a i {
		font-size:2.5em;
		position:relative;
		left:2px;
		top:1px;
	}
	#global-header .desktop-menu-2 {
		height:140px;
		width:1100px;
		padding:0 1em 1em 1em;
		margin:0 70px !important;
		text-align:center;
	}
	#global-header .desktop-menu-2 {
		display:block !important;
		overflow:hidden;
	}
	#global-header #menu-link-2 {
		vertical-align:middle;
		height:128px;
		position:absolute;
		left:0;
		padding-right:45px;
		border-right:1px solid #444;
	}
	#global-header #menu-link-2 i {
		padding-top:8px;
	}
	#global-header #search-link {
		position:absolute !important;
		right:0;
		z-index:10;
		height:128px;
		border-left:1px solid #444;
		padding-left:45px;
	}
	#global-header #search-link i {
		padding-top:8px;
	}
	#global-header .desktop #site-logo {
		float:left;
		background:none;
		position:relative;
		top:-20px;
		border-right:none !important;
		border-left:none !important;
		height:170px;
		padding:40px;
		margin-left:40px;
	}
	#menu-link-2 span,
	#search-link span {
		text-transform:uppercase;
	}
	/* ------------------------------------
	Desktop Display Nav
	--------------------------------------*/
	#global-header .desktop-menu {
		display:inline-block !important;
		float:right;
		height:140px;
		overflow:hidden;
		width:64%;
		padding:0 1em 1em 2em;
	}
	#global-header .top-item {
		display:inline-block;
		font-size:0;
	}
	#global-header .top-item a:last-child {
		border-right:none;
	}

	#global-header .top-item a span {
		color:#888;
		display:block;
		font-size:1.8em;
		text-transform:none;
		padding:40px 0 10px 0;
	}

	#global-header .top-item a:hover {
		background:rgba(255,255,255,0.88);
		color:#E67700;
	}
	
	#global-header.sticky-display #menu-link-2,
	#global-header.sticky-display #search-link {
		padding-top:0;
	}

}

/* non-bootstrap extra breakpt */
@media (min-width:1400px) {

	#global-header .courtesy ul {
		float:right;
		padding-right:65px;
		margin-right:-1%;
	}

}