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

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

#bg_wrapper {
	width:100em;
	background-color:#5c6f7c;
	margin:0;
	padding:0;
	position:absolute;
	overflow:hidden;
}

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



#header_logo {
	position:absolute;
	top:0;
	left:21em;
	margin:0;
	width:58em;
	height:30em;
	z-index:10;
}

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



#header_logo h1 {
	background-repeat:no-repeat;
	font-size:1em;
	width:54em;
	height:28em;
	overflow:hidden;
	text-indent:-1000.0em;
	padding:0;
	margin:0 0 0 2em;
	
	background-color:#ffffff;
	background-image:url(../images/logo_vert.svg);
	background-image:url(../images/logo_vert.svg);
	background-repeat:repeat;
    -webkit-box-shadow: #b5b5b5 0 -1em 10em 1em inset, #b5b5b5 0 0 0 0.4em inset, rgba(0, 0, 0, 1) 0px 0.2em 2em;
	-webkit-border-radius: 0 0 5em 5em;
}

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

#header_search {
	width:50em;
	height:15.5em;
	position:absolute;
	top:0;
	left: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.4em inset, rgba(0, 0, 0, 1) 0px 0.2em 2em;
	z-index:8;
}

#header_menu {
	width:50em;
	height:15.5em;
	position:absolute;
	top:0;
	right: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.4em inset, rgba(0, 0, 0, 1) 0px 0.2em 2em;
	/*border-top:#687430 0.4em solid;*/
	z-index:8;
}

#header_secondrow {
	width:100em;
	height:15.5em;
	position:absolute;
	top:16.4em;
	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.4em inset, rgba(0, 0, 0, 1) 0px 0.2em 2em;
	z-index:8;
	overflow:hidden;
}

@media all and (orientation: portrait) {
#header_secondrow {width:100em;}
}
  
@media all and (orientation: landscape) {
#header_secondrow {width:150em;}
}



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

@media all and (orientation: portrait) {
#header_donate, #header_contact {width:22em;}
}
  
@media all and (orientation: landscape) {
#header_donate, #header_contact {width:47em;}
}


#header_donate {
	left:0;
}

#header_contact {
	right:0;
}

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

@media all and (orientation: portrait) {
#header_donate a, #header_contact a {width:7.3em;}
}
  
@media all and (orientation: landscape) {
#header_donate a, #header_contact a {width:15.65em;}
}


















#main_breadcrumb {
	width:100em;
	height:22em;
	position:absolute;
	top:33.5em;
	overflow:hidden;
	left:0;
	z-index:6;
	background-color:#ffffff;
}

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



#main_breadcrumb.home {
	height:5.5em;
}












#main_breadcrumb .breadcrumb_parent {
	width:26em;
	height:20em;
	position:absolute;
	top:-3em;
	left:-3em;
	overflow:hidden;
	background-color:#5c6f7c;
    -webkit-box-shadow: #b5b5b5 0 0 0 0.4em, #b5b5b5 -0.8em -0.8em 23em 0, rgba(0, 0, 0, 1) 0px 0.2em 2em inset;
    -webkit-box-shadow: #b5b5b5 0 0 0 0.4em, #b5b5b5 0 0 10em 1em, #ffffff 0 0 0 10em, rgba(0, 0, 0, 1) 0px 0.2em 2em inset;
	-webkit-border-radius: 0 0 5em 0;
}





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

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

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

#main_breadcrumb .breadcrumb_parent .breadcrumb_parent_inner a .breadcrumb_parent_overlay {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:1.3em;
	text-align:left;	
	padding:1.7em 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:79em;
	height:12em;
	position:absolute;
	top:0;
	right:0;
	padding:0;
	overflow:hidden;
	background-color:#5c6f7c;
}

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

#main_breadcrumb .breadcrumb_current .breadcrumb_current_inner {
	width:1000em;
	margin:2em 0 0 2em;
	overflow:hidden;
	background-color:#ffffff;
    -webkit-box-shadow: #b5b5b5 0 0 0 0.4em inset, #b5b5b5 0 0 10em 1em inset, rgba(0, 0, 0, 1) 0px 0.2em 2em;
	-webkit-border-radius: 5em 0 0 0;
}

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

#main_breadcrumb .breadcrumb_current .breadcrumb_current_inner a .breadcrumb_current_overlay {
	position:absolute;
	top:1.2em;
	right:0;
	display:block;
	width:14em;
	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:5em;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
}


















#main_body {
	width:88em;
	position:relative;
	padding:6em;
	margin:51em 0 0 0;
	background-color:#ffffff;
}

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

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

.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:1em;
	width:94em;
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	display:block;
	font-weight:bold;
	padding:0.7em 0.8em;
	color:#ffffff;
	background-color:#b50938;
	position:relative;
	border-bottom:#98082e 0.08em solid;
	border-bottom:#7e0627 0.08em solid;
}

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



@media all and (orientation: portrait) {
.hub_wrapper .hub_item a .hub_overlay {width:18em; text-indent:16.1em;}
}
  
@media all and (orientation: landscape) {
.hub_wrapper .hub_item a .hub_overlay {width:28em; text-indent:25.1em;}
}


.hub_wrapper .hub_item a .hub_overlay {
	height:100%;
	position:absolute;
	top:0;
	left:0;
	line-height:2.8em;
	background-image:url(../images/mobile/hub_overlay.png);
	background-repeat:no-repeat;
    -webkit-box-shadow:  rgba(0, 0, 0, 0.5) 0 0 6em 0 inset;
	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;
}

.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: 1em 0 0 0;
}

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










.hub_wrapper h4, .hub_wrapper h3 {
	width:94em;
	font-size:5em;
	display:block;
	margin:0;
	padding:0;
	border-bottom:#98082e 0.08em solid;
}

.hub_wrapper h4 a, .hub_wrapper h3 a {	
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	display:block;
	font-weight:bold;
	padding:0.7em 0.8em;
	color:#ffffff;
}

.hub_wrapper h4 a:hover, .hub_wrapper h3 a:hover {
	background-color:#94a545;
}

.hub_wrapper h4 a .hub_overlay, .hub_wrapper h3 a .hub_overlay {
	height:2.2em;
	width:3.6em;
	position:absolute;
	top:0.4em;
	right:0;
	background-image:url(../images/mobile/hub_overlay.png);
	background-repeat:repeat-y;
}

.hub_wrapper p {
	display:none;
}



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

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





.callout {
	display:none;
}

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





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;
	font-size:5em;
	color:#5c6f7c;
	text-rendering: optimizeLegibility;
}

p {
	margin:0 0 1em 0;
}

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

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

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

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

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

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

a {
	color:#b50938;
}









#menu_wrapper {
	width:88em;
	position:absolute;
	top:0;
	left:0;
	padding:36em 6em 6em 6em;
	margin:0;
	background-color:#00F;
	z-index:9;
	display:none;
}



@media all and (orientation: portrait) {
#menu_wrapper {width:88em;}
}
  
@media all and (orientation: landscape) {
#menu_wrapper {width:138em;}
}






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

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

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

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

ul.nav_categories li ul li a {	
	font-size:1em;
	width:100%;
	padding: 0.7em 0.8em 0.7em 2em;
	border-bottom:#7e0627 0.08em solid;
	-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 a {
	padding: 0.7em 0.8em 0.7em 5em;
	border-bottom:#7e0627 0.08em solid;
	-webkit-border-radius: 0 0 0 0;
}

ul.nav_categories li ul li ul li ul li a {
	padding: 0.7em 0.8em 0.7em 10em;
	border-bottom:#7e0627 0.08em solid;
}




ul.nav_categories li a span {
	height:100%;
	width:20%;
	position:absolute;
	top:0;
	left:0;
	line-height:2.8em;
	background-image:url(../images/mobile/hub_overlay.png);
	background-repeat:no-repeat;
    -webkit-box-shadow:  rgba(0, 0, 0, 0.5) 0 0 6em 0 inset;
	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;
}

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)));
}