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

html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

body {
	padding:0;
	margin:0;
	font-size:32px;
}

#bg_wrapper {
	width:10em;
	background-color:#5c6f7c;
	margin:0;
	padding:0;
	position:absolute;
	overflow:hidden;
	height:auto;
	min-height:inherit;
}

@media all and (orientation: portrait) {
#bg_wrapper {width:10em;}
}
  
@media all and (orientation: landscape) {
#bg_wrapper {width:15em;}
}




/* - - - - - - - - Header - - - - - - - - */

#header_logo {
	position:absolute;
	top:0;
	left:2.1em;
	margin:0;
	width:5.8em;
	height:3em;
	z-index:30;
}

@media all and (orientation: portrait) {
#header_logo {left:2.1em;}
}
  
@media all and (orientation: landscape) {
#header_logo {left:4.6em;}
}

#header_logo h1 {
	font-size:1em;
	width:5.4em;
	height:2.8em;
	overflow:hidden;
	text-indent:-1000.0em;
	padding:0;
	margin:0 0 0 0.2em;
	background-color:#ffffff;
	background-image:url(../images/primary_header_logo.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 4em 2em;
	-webkit-background-size: 4em 2em;
    -webkit-box-shadow: #b5b5b5 0 -0.1em 0.5em 0.1em inset, #b5b5b5 0 0 0 0.04em inset, rgba(0, 0, 0, 1) 0 0.02em 0.2em;
	-webkit-border-radius: 0 0 0.5em 0.5em;
}

#header_logo h1 a {
	display:block;
	line-height:2.8em;
}

#header_firstrow, #header_secondrow {
	width:10em;
	height:1.55em;
	position:absolute;
	left:0;
	overflow:hidden;
	z-index:8;
}

@media all and (orientation: portrait) {
#header_firstrow, #header_secondrow {width:10em;}
}
  
@media all and (orientation: landscape) {
#header_firstrow, #header_secondrow {width:15em;}
}

#header_firstrow {
	top:0;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#969f6d), color-stop(0.15, #82913d), color-stop(0.45, #94a545), color-stop(0.55, #94a545), to(#687430));
    -webkit-box-shadow: #687430 0 0 0 0.04em inset, rgba(0, 0, 0, 1) 0 0.02em 0.2em;
}

#header_secondrow {
	top:1.64em;
	left:0;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a74d65), color-stop(0.15, #9f0831), color-stop(0.45, #b50938), color-stop(0.55, #b50938), to(#7f0627));
    -webkit-box-shadow: #7f0627 0 0 0 0.04em inset, rgba(0, 0, 0, 1) 0 0.02em 0.2em;
}

#header_search, #header_menu, #header_donate, #header_contact {
	width:2.2em;
	height:1.6em;
	position:absolute;
	top:0;
	z-index:8;
	text-align:center;
	overflow:hidden;
}

@media all and (orientation: portrait) {
#header_search, #header_menu, #header_donate, #header_contact {width:2.2em;}
}
  
@media all and (orientation: landscape) {
#header_search, #header_menu, #header_donate, #header_contact {width:4.7em;}
}

#header_search, #header_donate {
	left:0;
}

#header_menu, #header_contact {
	right:0;
}

#header_search a, #header_menu a, #header_donate a, #header_contact a {
	font-size:0.3em;
	width:7.4em;
	height:1.6em;
	padding:2em 0;
	display:block;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
}

@media all and (orientation: portrait) {
#header_search a, #header_menu a, #header_donate a, #header_contact a {width:7.4em;}
}
  
@media all and (orientation: landscape) {
#header_search a, #header_menu a, #header_donate a, #header_contact a {width:15.7em;}
}

#header_search a, #header_menu a {
	background-position:center;
	background-repeat:no-repeat;
	background-size: 3em 3em;
	-webkit-background-size: 3em 3em;
	text-indent:-100em;
}

#header_search a {
	background-image:url(../images/mobile/mobile_icons_search.png);
}

#header_menu a {
	background-image:url(../images/mobile/mobile_icons_menu.png);
}

@media all and (orientation: portrait) {
#header_search a, #header_menu a {text-indent:-100em;}
}
  
@media all and (orientation: landscape) {
#header_search a, #header_menu a {
	text-indent:0;
	padding:2em 0 2em 3em ;
	width:12.7em;
	background-position:3.6em center;
	}
}





/* - - - - - - - - Header Flyout Buttons - - - - - - - - */

#popup_bg {
	width:100%;
	height:1000em;
	position:absolute;
	top:0;
	left:0;
	background-color:rgba(0, 0, 0, 0.7);
	z-index:-20;
	display:block;
	
}

#search_wrapper, #menu_wrapper {
	width:8.8em;
	position:absolute;
	top:0;
	padding:3.6em 0.8em 0.8em 0.8em;
	margin:0;
	background-color:#94a545;
	display:block;
	text-align:right;
	z-index:25;
    -webkit-box-shadow: #687430 0 0 0 0.04em inset, rgba(0, 0, 0, 1) 0 0.02em 0.2em;
}

#search_wrapper {
	left:-16em;
	-webkit-border-radius: 0 0 0.5em 0;
}

#menu_wrapper {
	right:-16em;
	-webkit-border-radius: 0 0 0 0.5em;
}

@media all and (orientation: portrait) {
#search_wrapper, #menu_wrapper {width:8.8em;}
}
  
@media all and (orientation: landscape) {
#search_wrapper, #menu_wrapper {width:13.8em;}
}

#search_wrapper input.input {
	width:13em;
	font-size:0.4em;
	height:2em;
	background-color:#ffffff;
	margin:0.2em 0.6em 0 0;
	border:none;
	border-radius:0.8em;
    -webkit-border-radius:0.8em;
    -webkit-appearance:none;
    -webkit-box-shadow:#b5b5b5 0 0 0 0.04em inset, rgba(0, 0, 0, 0.8) 0 0 0.4em 0.2em inset;
}

@media all and (orientation: portrait) {
#search_wrapper input.input {width:13em;}
}
  
@media all and (orientation: landscape) {
#search_wrapper input.input {width:18em;}
}

#search_wrapper input.submit {
	width:6em;
	font-size:0.4em;
	height:2.2em;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	border:none;
	border-radius:0.5em;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a74d65), color-stop(0.15, #9f0831), color-stop(0.45, #b50938), color-stop(0.55, #b50938), to(#7f0627));
    -webkit-border-radius:0.8em;
    -webkit-appearance:none;
    -webkit-box-shadow:rgba(0, 0, 0, 1) 0 0.02em 0.2em;
}

#search_close, #menu_close {
	width:2.2em;
	height:1.6em;
	position:absolute;
	top:0;
	z-index:8;
	overflow:hidden;
}

#search_close {
	left:0.9em;
}

#menu_close {
	right:0.9em;
}

@media all and (orientation: portrait) {
#search_close, #menu_close {width:2.2em;}
}
  
@media all and (orientation: landscape) {
#search_close, #menu_close {width:4.7em;}
}

#search_close a, #menu_close a {
	font-size:0.3em;
	width:7.4em;
	height:1.6em;
	padding:2em 0;
	display:block;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	text-indent:-100em;
	background-position:center;
	background-repeat:no-repeat;
	background-size: 3em 3em;
	background-image:url(../images/mobile/mobile_icons_close.png);
	-webkit-background-size: 3em 3em;
}

@media all and (orientation: portrait) {
#search_close a, #menu_close a {width:7.4em; text-indent:-100em;}
}
  
@media all and (orientation: landscape) {
#search_close a, #menu_close a {
	width:15.7em;
	text-indent:0;
	padding:2em 0 2em 3em ;
	width:12.7em;
	background-position:3.6em center;}
}

ul.nav_categories > li {
	margin:0 0 1.5em 0 !important;
}

ul.nav_categories li a, ul.nav_categories li a span {
	-webkit-border-radius: 1em 0 0 0;
	border:none !important;
}

ul.nav_categories li a span {
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	line-height:0.28em;
	background-image:url(../images/mobile/hub_overlay.png);
	background-repeat:no-repeat;
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(181, 9, 56, 0)), color-stop(0.75, rgba(181, 9, 56, 0)), color-stop(0.88, rgba(181, 9, 56, 1)), to(rgba(181, 9, 56, 1)));
	font-weight:normal;
    -webkit-box-shadow:  rgba(0, 0, 0, 0.5) 0 0 1em 0 inset;
}

ul.nav_categories li a:hover span {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(148, 165, 69, 0)), color-stop(0.75, rgba(148, 165, 69, 0)), color-stop(0.88, rgba(148, 165, 69, 1)), to(rgba(148, 165, 69, 1)));
}

ul.nav_categories li a.last, ul.nav_categories li a.last span {
	-webkit-border-radius: 1em 0 0 1em;
}

ul.nav_categories li ul li a.last, ul.nav_categories li ul li a.last span {
	-webkit-border-radius: 0 0 0 1.2em;
}

ul.nav_categories li.current_loc > a, ul.nav_categories li.current_loc > a:hover {
	background-color:#ffffff;
	color:#5c6f7c;
}

ul.nav_categories li ul {
	width:100%;
	margin:0;
	padding:0;
	
}

ul.nav_categories li ul li {
	width:100%;
	font-size:1.7em;
	display:block;
	margin:0 0 0 1em;
	margin:0 0 0 0;
	padding:0;
	
}

ul.nav_categories li ul li a {
	width:100%;
	padding: 0.5em 0 0.5em 2.5em;
	-webkit-border-radius: 0 0 0 0;
}

ul.nav_categories li ul li a span {
	-webkit-border-radius: 0 0 0 0;
}

ul.nav_categories li ul li a:hover {
	background-color:#94a545;
}

ul.nav_categories li ul li ul li {
	margin:0;
}

ul.nav_categories li ul li ul li a {
	padding: 0.5em 0 0.5em 4em;
	-webkit-border-radius: 0 0 0 0;
}

ul.nav_categories li ul li ul li ul li a {
	padding: 0.5em 0 0.5em 5.5em;
}




/* - - - - - - - - Breadcrumb Nav Bar - - - - - - - - */

#main_breadcrumb {
	width:10em;
	height:2.2em;
	position:absolute;
	top:3.35em;
	overflow:hidden;
	left:0;
	z-index:6;
	background-color:#ffffff;
}

@media all and (orientation: portrait) {
#main_breadcrumb {width:10em;}
}
  
@media all and (orientation: landscape) {
#main_breadcrumb {width:15em;}
}

#main_breadcrumb.home {
	height:0.8em;
	background-color:transparent;
}

#main_breadcrumb.home .breadcrumb_home {
	width:100em;
	height:5em;
	margin:0.2em 0 0 -30em;
	overflow:hidden;
	background-color:#ffffff;
    -webkit-box-shadow: #b5b5b5 0 0 0 0.04em inset, #b5b5b5 0 0 0.5em 0.1em inset, rgba(0, 0, 0, 1) 0 0.02em 0.2em;
}

#main_breadcrumb .breadcrumb_parent {
	width:2.6em;
	height:2em;
	position:absolute;
	top:-0.3em;
	left:-0.3em;
	overflow:hidden;
	background-color:#5c6f7c;
    -webkit-box-shadow: #b5b5b5 0 0 0 0.04em, #b5b5b5 0 0 0.5em 0.1em, #ffffff 0 0 0 1em, rgba(0, 0, 0, 1) 0 0.02em 0.2em inset;
	-webkit-border-radius: 0 0 0.5em 0;
}

@media all and (orientation: portrait) {
#main_breadcrumb .breadcrumb_parent {width:2.6em;}
}
  
@media all and (orientation: landscape) {
#main_breadcrumb .breadcrumb_parent {width:5.1em;}
}

#main_breadcrumb .breadcrumb_parent .breadcrumb_parent_inner {
	width:100em;
	padding:0;
	height:1.5em;
	overflow:hidden;
}

#main_breadcrumb .breadcrumb_parent .breadcrumb_parent_inner a {
	display:block;
	height:1.4em;
	padding:1.8em 0 0 1.5em;
	color:#ffffff;
}

#main_breadcrumb .breadcrumb_parent .breadcrumb_parent_inner a .breadcrumb_parent_overlay {
	position:absolute;
	top:0.9em;
	left:0;
	display:block;
	width:100%;
	height:1.2em;
	text-align:left;	
	padding:0.9em 0 0 0.8em;
	margin:0;
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(92, 111, 124, 0)), color-stop(0.65, rgba(92, 111, 124, 0)), color-stop(0.8, rgba(92, 111, 124, 1)), to(rgba(92, 111, 124, 1)));
	font-weight:normal;
}

#main_breadcrumb .breadcrumb_current {
	width:7.9em;
	height:1.2em;
	position:absolute;
	top:0;
	right:0;
	padding:0;
	overflow:hidden;
	background-color:#5c6f7c;
}

@media all and (orientation: portrait) {
#main_breadcrumb .breadcrumb_current {width:7.9em;}
}
  
@media all and (orientation: landscape) {
#main_breadcrumb .breadcrumb_current {width:10.4em;}
}

#main_breadcrumb .breadcrumb_current .breadcrumb_current_inner {
	width:100em;
	margin:0.2em 0 0 0.2em;
	overflow:hidden;
	background-color:#ffffff;
    -webkit-box-shadow: #b5b5b5 0 0 0 0.04em inset, #b5b5b5 0 0 0.5em 0.1em inset, rgba(0, 0, 0, 1) 0 0.02em 0.2em;
	-webkit-border-radius: 0.5em 0 0 0;
}

#main_breadcrumb .breadcrumb_current .breadcrumb_current_inner a {
	display:block;
	height:19em;
	padding:0.8em 0 0 1em;
	color:#5c6f7c;
}

#main_breadcrumb .breadcrumb_current .breadcrumb_current_inner a .breadcrumb_current_overlay {
	position:absolute;
	top:1.3em;
	right:0;
	display:block;
	width:14.5em;
	height:100%;
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(0.82, rgba(255, 255, 255, 0)), color-stop(0.98, rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 1)));
	background-repeat:repeat-y;
}

#main_breadcrumb .breadcrumb_parent .breadcrumb_parent_inner a, #main_breadcrumb .breadcrumb_current .breadcrumb_current_inner a {
	font-size:0.5em;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
}




/* - - - - - - - - Main Content Area - - - - - - - - */

#main_body {
	width:8.9em;
	position:relative;
	padding:0 0.6em;
	margin:5.55em 0 0 0;
	background-color:#ffffff;
	z-index:10;
}

#main_body.home {
	margin:4.1em 0 0 0;
}

@media all and (orientation: portrait) {
#main_body {width:8.9em;}
}
  
@media all and (orientation: landscape) {
#main_body {width:13.9em;}
}




/* - - - - - - - - Body Navigation Links - - - - - - - - */

.hub_wrapper, ul.nav_categories {
	width:94em;
	position:relative;
	display:block;
	margin:0 0 1.5em 0;
	padding:0;
	overflow:hidden;
	background-color:transparent;
}

@media all and (orientation: portrait) {
.hub_wrapper, ul.nav_categories {width:94em;}
}
  
@media all and (orientation: landscape) {
.hub_wrapper, ul.nav_categories {width:144em;}
}

.hub_wrapper .hub_item, ul.nav_categories li {
	width:94em;
	font-size:1em;
	display:block;
	margin:0;
	padding:0;
	
}

.hub_wrapper .hub_item a, ul.nav_categories li a {	
	font-size:0.8em;
	width:94em;
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	display:block;
	font-weight:bold;
	padding:0.7em 0.8em 0.7em 1.3em;
	color:#ffffff;
	background-color:#b50938;
	position:relative;
	border-bottom:#7e0627 0.1em solid;
}

.hub_wrapper .hub_item a:hover, ul.nav_categories li a:hover {
	background-color:#94a545;
}

.hub_wrapper .hub_item a .hub_overlay {
	height:100%;
	width:36em;
	text-indent:322em;
	position:absolute;
	top:0;
	left:0;
	line-height:2.8em;
	font-weight:normal;
	background-repeat:no-repeat;
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(181, 9, 56, 0)), color-stop(0.75, rgba(181, 9, 56, 0)), color-stop(0.88, rgba(181, 9, 56, 1)), to(rgba(181, 9, 56, 1)));
    -webkit-box-shadow:  rgba(0, 0, 0, 0.5) 0 0 1.5em 0 inset;
}

@media all and (orientation: portrait) {
.hub_wrapper .hub_item a .hub_overlay {width:36em; text-indent:322em;}
}
  
@media all and (orientation: landscape) {
.hub_wrapper .hub_item a .hub_overlay {width:56em; text-indent:502em;}
}

.hub_wrapper .hub_item a:hover .hub_overlay {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(148, 165, 69, 0)), color-stop(0.75, rgba(148, 165, 69, 0)), color-stop(0.88, rgba(148, 165, 69, 1)), to(rgba(148, 165, 69, 1)));
}

.hub_wrapper .hub_item:first-child a .hub_overlay {
	-webkit-border-radius: 1.4em 0 0 0;
}

.hub_wrapper .hub_item:last-child a .hub_overlay {
	-webkit-border-radius: 0 0 0 1.4em;
}

.hub_wrapper p {
	display:none;
}

.hub_wrapper .hub_item:first-child, .hub_wrapper .hub_item:first-child a {	
	-webkit-border-radius: 1.4em 0 0 0;
}

.hub_wrapper .hub_item:last-child, .hub_wrapper .hub_item:last-child a {	
	-webkit-border-radius: 0 0 0 1.4em;
	border-bottom:none;
}




/* - - - - - - - - Footer - - - - - - - - */

#footer_topper {
	width:8.9em;
	height:1em;
	padding:0.6em 2.6em;
	margin:-1.6em -2em 0 -2em;
	background-color:#ffffff;
    -webkit-box-shadow: #b5b5b5 0 0 0 0.04em inset, #b5b5b5 0 0 0.5em 0.1em inset;
	z-index:9;
}

#footer {
	width:8.9em;
	background-color:#5c6f7c;
	padding:0.6em 2.6em;
	margin:0 -2em;
    -webkit-box-shadow:rgba(0, 0, 0, 1) 0 0.02em 0.2em inset;
}

@media all and (orientation: portrait) {
#footer, #footer_topper {width:8.9em;}
}
  
@media all and (orientation: landscape) {
#footer, #footer_topper {width:13.9em;}
}

#footer p, #footer p a {
	color:#ffffff;
}

#footer p {
	font-size:0.3em;
}




/* - - - - - - - - General Fixes - - - - - - - - */

.callout {
	display:none;
}

.page_image {
	margin:0 0.5em 0.5em 0;
	float:left;
	background-color:#F00;
}



/* - - - - - - - - Typography - - - - - - - - */



h1, h2, h3, h4, h5, h6 {
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
	line-height:1.3em;
	text-align:left;
	margin:0 0 1em 0;
	text-rendering: optimizeLegibility;
}

p, li {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:1.5em;
	text-align:left;
	color:#5c6f7c;
	text-rendering: optimizeLegibility;
}

p {
	margin:0 0 1em 0;
	font-size:0.5em;
}

ul {
	font-size:0.55em;
	margin:0 0 1em 1em;
}

h1 {
	font-size:0.8em;
	color:#b50938;
}

h2 {
	font-size:0.75em;
	color:#5c6f7c;
}

h3 {
	font-size:0.7em;
	color:#5c6f7c;
}

h4 {
	font-size:0.65em;
	color:#5c6f7c;
	padding-bottom:0;
	margin-bottom:0;
}

h5 {
	font-size:0.6em;
	color:#5c6f7c;
	padding-bottom:0;
	margin-bottom:0;
}

a {
	color:#b50938;
}

li {
	font-size:0.85em;
}