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

body {
	padding:0;
	margin:0;
}

#bg_wrapper {
	width:1000px;
	background-color:#5c6f7c;
	margin:0;
	padding:0;
	position:absolute;
}

@media all and (orientation: portrait) {
#bg_wrapper {width:1000px;}
}
  
@media all and (orientation: landscape) {
#bg_wrapper {width:1500px;}
}



#header_logo {
	position:absolute;
	top:0;
	left:210px;
	margin:0;
	width:580px;
	height:300px;
	z-index:10;
	background-image:url(../images/mobile/header_logo.png);
	background-repeat:no-repeat;
}

@media all and (orientation: portrait) {
#header_logo {left:210px;}
}
  
@media all and (orientation: landscape) {
#header_logo {left:460px;}
}



#header_logo h1 {
	background-repeat:no-repeat;
	width:540px;
	height:280px;
	overflow:hidden;
	text-indent:-1000.0em;
	padding:0;
	margin:0 0 0 20px;
}

#header_logo h1 a {
	display:block;
	line-height:280px;
}

#header_search {
	width:500px;
	height:175px;
	position:absolute;
	top:0;
	left:0;
	background-image:url(../images/mobile/nav_bg_green.png);
	background-repeat:repeat-x;
	z-index:8;
}

#header_menu {
	width:500px;
	height:175px;
	position:absolute;
	top:0;
	right:0;
	background-image:url(../images/mobile/nav_bg_green.png);
	background-repeat:repeat-x;
	z-index:8;
}

#header_secondrow {
	width:1000px;
	height:175px;
	position:absolute;
	top:164px;
	left:0;
	background-image:url(../images/mobile/nav_bg_red.png);
	background-repeat:repeat-x;
	z-index:8;
	overflow:hidden;
}

@media all and (orientation: portrait) {
#header_secondrow {width:1000px;}
}
  
@media all and (orientation: landscape) {
#header_secondrow {width:1500px;}
}



#header_donate, #header_contact {
	width:220px;
	height:160px;
	position:absolute;
	top:0;
	z-index:8;
	text-align:center;
	overflow:hidden;
}

@media all and (orientation: portrait) {
#header_donate, #header_contact {width:220px;}
}
  
@media all and (orientation: landscape) {
#header_donate, #header_contact {width:470px;}
}


#header_donate {
	left:0;
}

#header_contact {
	right:0;
}

#header_donate a, #header_contact a {
	width:220px;
	height:160px;
	padding:60px 0;
	display:block;
	
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:30px;
	text-decoration:none;
}

@media all and (orientation: portrait) {
#header_donate a, #header_contact a {width:220px;}
}
  
@media all and (orientation: landscape) {
#header_donate a, #header_contact a {width:470px;}
}



#main_breadcrumb {
	width:1000px;
	height:190px;
	position:absolute;
	top:335px;
	left:0;
	z-index:6;
	background-color:#5c6f7c;
	background-image:url(../images/mobile/breadcrumb_bg.png);
	background-repeat:repeat-x;
}

@media all and (orientation: portrait) {
#main_breadcrumb {width:1000px;}
}
  
@media all and (orientation: landscape) {
#main_breadcrumb {width:1500px;}
}



#main_breadcrumb.home {
	height:55px;
}

#main_breadcrumb .breadcrumb_parent {
	width:275px;
	height:190px;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
}

@media all and (orientation: portrait) {
#main_breadcrumb .breadcrumb_parent {width:275px;}
}
  
@media all and (orientation: landscape) {
#main_breadcrumb .breadcrumb_parent {width:525px;}
}

#main_breadcrumb .breadcrumb_parent .breadcrumb_parent_inner {
	background-color:#5c6f7c;
	width:1000em;
	padding:0;
	overflow:hidden;
}

#main_breadcrumb .breadcrumb_parent .breadcrumb_parent_inner a {
	display:block;
	height:190px;
	padding:70px 0 0 60px;
	background-image:url(../images/mobile/arrow_left.png);
	background-repeat:no-repeat;
	background-position:15px 70px;
	color:#ffffff;
}

#main_breadcrumb .breadcrumb_parent .breadcrumb_parent_inner a .breadcrumb_parent_overlay {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
	background-image:url(../images/mobile/breadcrumb_parent_bg.png);
	background-repeat:no-repeat;
	background-position:right;
}

#main_breadcrumb .breadcrumb_current {
	width:725px;
	height:190px;
	position:absolute;
	top:0;
	right:0;
	padding:0;
	overflow:hidden;
}

@media all and (orientation: portrait) {
#main_breadcrumb .breadcrumb_current {width:725px;}
}
  
@media all and (orientation: landscape) {
#main_breadcrumb .breadcrumb_current {width:975px;}
}

#main_breadcrumb .breadcrumb_current .breadcrumb_current_inner {
	width:1000em;
	padding:0;
	overflow:hidden;
}

#main_breadcrumb .breadcrumb_current .breadcrumb_current_inner a {
	display:block;
	height:190px;
	padding:70px 0 0 0;
	color:#5c6f7c;
}

#main_breadcrumb .breadcrumb_current .breadcrumb_current_inner a .breadcrumb_current_overlay {
	position:absolute;
	top:65px;
	right:0;
	display:block;
	width:140px;
	height:100%;
	background-image:url(../images/mobile/breadcrumb_current_bg.png);
	background-repeat:repeat-y;
}

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




#main_body {
	width:880px;
	position:relative;
	padding:60px;
	margin:510px 0 0 0;
	background-color:#ffffff;
}

#main_body.home {
	margin:360px 0 0 0;
}

@media all and (orientation: portrait) {
#main_body {width:880px;}
}
  
@media all and (orientation: landscape) {
#main_body {width:1380px;}
}




.hub_wrapper, .audience_wrapper {
	width:940px;
	position:relative;
	display:block;
	background-color:#b50938;
	background-image:url(../images/mobile/hub_bg.png);
	background-repeat:repeat-y;
	margin:60px -60px 60px 0;
	overflow:hidden;
}

@media all and (orientation: portrait) {
.hub_wrapper, .audience_wrapper {width:940px;}
}
  
@media all and (orientation: landscape) {
.hub_wrapper, .audience_wrapper {width:1440px;}
}



.hub_wrapper .hub_top, .audience_wrapper .hub_top {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:40px;
	background-image:url(../images/mobile/hub_top_bg.png);
	background-repeat:no-repeat;
}

.hub_wrapper .hub_bottom, .audience_wrapper .hub_bottom {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:40px;
	background-image:url(../images/mobile/hub_bottom_bg.png);
	background-repeat:no-repeat;
}

.hub_wrapper .hub_item, .hub_wrapper .btn, .audience_wrapper .audience {
	width:100%;
	position:relative;
}

.hub_wrapper h4, .hub_wrapper h3, .audience_wrapper .audience h3 {
	width:1000em;
	display:block;
	margin:0;
	padding:20px 0;
	border-bottom:#98082e 4px solid;
}

.hub_wrapper h4 a, .hub_wrapper h3 a, .audience_wrapper .audience h3 a {	
	font-size:50px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	display:block;
	font-weight:bold;
	padding:10px 40px;
	color:#ffffff;
}

.hub_wrapper h4 a .hub_overlay, .hub_wrapper h3 a .hub_overlay, .audience_wrapper .audience h3 a .hub_overlay {
	height:110px;
	width:180px;
	position:absolute;
	top:20px;
	right:0;
	background-image:url(../images/mobile/hub_overlay.png);
	background-repeat:repeat-y;
}

.hub_wrapper p {
	display:none;
}





.callout {
	display:none;
}

#footer p {
	font-size:30px;
}





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:55px;
	color:#5c6f7c;
	text-rendering: optimizeLegibility;
}

p {
	margin:0 0 1em 0;
}

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

h1 {
	font-size:80px;
	color:#b50938;
}

h2 {
	font-size:75px;
	color:#5c6f7c;
}

h3 {
	font-size:70px;
	color:#5c6f7c;
}

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

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

a {
	color:#b50938;
}