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



body {
	font-family: "Segoe UI", Tahoma, Arial, Verdana, san-serif;
	margin:0px 0px 0px 0px;
	line-height: 110%;
}

h3 {
	text-transform:uppercase;
	margin: 0px;
	padding: 0px;
}


.bigger {font-size:34px}

#medialist { width:465px; border-top: 1px #3d5315 dotted; }
#medialist li { background-image:url(../images/pdf.png); 
				list-style:none; 
				background-position: center left; 
				background-repeat:no-repeat; 
				padding: 10px 0px 0px 45px; 
				margin:  0; 
				border-bottom: 1px #3d5315 dotted;
				min-height: 50px;
		
				
		
}
#medialist li a { display:block; text-decoration:none;		}
#medialist li a:hover { text-decoration:none; color:#FFFFFF;
		
}
#medialist ul { 
				list-style:none; 
				background-position:top left; 
				background-repeat:no-repeat; 
				padding: 0px 0px 0px 0px; 
				margin: 0 0 0px 0; 
			
}



/*/----HOME GREEN STUFF ----/*/
.green {
	background-color:#b9ba2f;
	background-image: url(/images/bgtile-green.gif); 
	background-repeat: repeat-x;
	background-position: center top;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.green a:link {color:#feffb6; text-decoration:none;}
.green a:hover {color:#feffb6; text-decoration: underline;}
.green a:visited {color:#feffb6; text-decoration:none;}
.green a:visited:hover {color:#feffb6; text-decoration: underline;}
.green p {color:#022d01; font-size:.8em;}
.green h1 {color:#4c651e;}
.green h2 {color:#4c651e;}
.green h3 {color:#4c651e;}
.green h4 {color:#777806; font-size:1.3em; line-height: 1.2em;margin-bottom: 20px;}
.green .foot{padding-left: 0px; color: #78790b; border-top: solid 1px #989913;}

/*/----ABOUT MC BROWN STUFF ----/*/
.brown {
	background-color:#71481a;
	background-image: url(/images/bgtile-brown.gif); 
	background-repeat: repeat-x;
	background-position: center top;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.brown a {color:#f4bd80; text-decoration:none;}
.brown a:hover {color:#f4bd80; text-decoration: underline;}
.brown a:visited {color:#f4bd80; text-decoration:none;}
.brown a:visited:hover {color:#f4bd80; text-decoration: underline;}
.brown p {color:#ffffff; font-size:.8em;  margin-top:6px }
.brown h1 {color:#4c651e}
.brown h2 {color:#4c651e}
.brown h3 {color:#4c651e}
.brown h4 {color:#4b2b07; font-size:1.3em; margin-bottom:-2px;margin-bottom: 20px;}
.brown .foot{color: #78790b; border-top: solid 1px #9e703c;}


/*/----GOVERNENCE ORANGE STUFF ----/*/
.orange {
	background-color:#d07428;
	background-image: url(/images/bgtile-orange.gif); 
	background-repeat: repeat-x;
	background-position: center top;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.orange a {color:#ffbd87; text-decoration:none;}
.orange a:hover {color:#ffbd87; text-decoration: underline;}
.orange a:visited {color:#ffbd87; text-decoration:none;}
.orange a:visited:hover {color:#ffbd87; text-decoration: underline;}
.orange p {color:#ffffff; font-size:.8em; margin-top:6px }
.orange h1 {color:#4c651e}
.orange h2 {color:#4c651e}
.orange h3 {color:#4c651e}
.orange h4 {color:#a74a0e; font-size:1.3em; margin-bottom:-2px; padding:0px;margin-bottom: 20px;}
.orange .foot{padding-left: 0px; color: #78790b; border-top: solid 1px #e9934d;}



/*/----PEOPLE BLUE STUFF ----/*/
.blue {
	background-color:#20bbb7;
	background-image: url(/images/bgtile-blue.gif); 
	background-repeat: repeat-x;
	background-position: center top;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.blue a {color:#9dfffc; text-decoration:none;}
.blue a:hover {color:#9dfffc; text-decoration: underline;}
.blue a:visited {color:#9dfffc; text-decoration:none;}
.blue a:visited:hover {color:#9dfffc; text-decoration: underline;}
.blue p {color:#ffffff; font-size:.8em;}
.blue h1 {color:#0a485c;margin-bottom:1px}
.blue h2 {color:#0a485c}
.blue h3 {color:#0a485c}
.blue h4 {color:#0a485c; font-size:1.3em;margin-bottom: 20px;}
.blue .foot{padding-left: 0px; color: #78790b; border-top: solid 1px #77eae7;}

/*/----PEOPLE BLUE STUFF ----/*/
.darkblue {
	background-color:#00676e;
	background-image: url(/images/bgtile-darkblue.gif); 
	background-repeat: repeat-x;
	background-position: center top;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


.darkblue a {color:#9dfffc; text-decoration:none;}
.darkblue a:hover {color:#9dfffc; text-decoration: underline;}
.darkblue a:visited {color:#9dfffc; text-decoration:none;}
.darkblue a:visited:hover {color:#9dfffc; text-decoration: underline;}
.darkblue p {color:#ffffff; font-size:.8em; margin-top:6px }
.darkblue h1 {color:#014348}
.darkblue h2 {color:#014348}
.darkblue h3 {color:#014348}
.darkblue h4 {color:#023242; font-size:1.3em; margin-bottom:-2px}
.darkblue .foot{padding-left: 0px; color: #78790b; border-top: solid 1px #13a0aa;}



/*/----Media BLUE STUFF ----/*/
.deepgreen {
	background-color:#688534;
	background-image: url(/images/bgtile-deepgreen.gif); 
	background-repeat: repeat-x;
	background-position: center top;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


.deepgreen a {color:#c3deb8; text-decoration:none;}
.deepgreen a:hover {color:#a4c098; text-decoration: underline;}
.deepgreen a:visited {color:#c3deb8; text-decoration:none;}
.deepgreen a:visited:hover {color:#a4c098; text-decoration: underline;}
.deepgreen p {color:#ffffff; font-size:.8em; margin-top:6px }
.dadeepgreen h1 {color:#273809}
.deepgreen h2 {color:#273809}
.deepgreen h3 {color:#273809}
.deepgreen h4 {color:#273809; font-size:1.3em; margin-bottom: 20px;}
.deepgreen .foot{padding-left: 0px; color: #78790b; border-top: solid 1px #3d5315;}



/*/----Action BLUE STUFF ----/*/
.black{
	background-color:#696969;
	background-image: url(/images/bgtile-black.gif); 
	background-repeat: repeat-x;
	background-position: center top;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.black a {color:#ffffff; text-decoration:none;}
.black a:hover {color:#cccccc; text-decoration: underline;}
.black a:visited {color:#ffffff; text-decoration:none;}
.black a:visited:hover {color:#cccccc; text-decoration: underline;}
.black p {color:#eeeeee; font-size:.8em; margin-top:6px }
.black h1 {color:#ececec}
.black h2 {color:#ececec}
.black h3 {color:#ececec}
.black h4 {color:#ececec; font-size:1.3em; margin-bottom: 20px;}
.black .foot{padding-left: 0px; color: #78790b; border-top: solid 1px #efefef;}






#container {
	width:955px;
	min-width:955px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 70px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#header {
	background-color:#FFF;
	height: 74px;
	/*margin: 0px 20px 0px 20px;*/
	/*min-width: 980px;*/
	width:955px;
	margin:auto;

}

#footer {
	width:955px;
	min-width:955px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
}

.footstatement { float:left;}
.footlinks {min-height:20px; float:right;}


#nav { height:74px; margin:0px 0px 0px 0px; float:right;}
#nav ul {margin:0px;padding:0px; }
#nav li {display:inline; margin:0px 0px 0px 0px; float:left;}
#nav li a, #header li.active {text-indent:-9999px; display:inline; overflow:hidden; float:left;}
#nav li a:hover{background-position:0px -74px;} 
#nav .active {background-position:0px -148px;}
	
.home {
	width:65px;
	height:74px;
	background-image: url(/images/nav-home.gif);
	background-repeat: no-repeat;
}
.about {
	width:155px;
	height:74px;
	background-image: url(/images/nav-about.gif);
	background-repeat: no-repeat;
}

.people {
	width:72px;
	height:74px;
	background-image: url(/images/nav-people.gif);
	background-repeat: no-repeat;
}

.strategy {
	width:115px; 
	height:74px;
	background-image: url(/images/nav-strategy.gif);
	background-repeat: no-repeat;
}

.donate {
	width:80px;
	height:74px;
	background-image: url(/images/nav-donate.gif);
	background-repeat: no-repeat;
}

.media {
	width:68px;
	height:74px;
	background-image: url(/images/nav-media.gif);
	background-repeat: no-repeat;
}

.action {
	width:92px;
	height:74px;
	background-image: url(/images/nav-action.gif);
	background-repeat: no-repeat;
}

.subnav {background-image: url(/images/subnav_bg.gif); background-position:bottom; background-repeat:no-repeat; margin:0px 0px 20px 0px; padding:0px; height:28px; min-width:465px;}

#navsub { height:28px; margin:0px 0px 0px 0px; float:left;}
#navsub ul {margin:0px;padding:0px; }
#navsub li {display:inline; margin:0px 0px 0px 0px; float:left;}
#navsub li a, #header li.active {text-indent:-9999px; display:inline; overflow:hidden; float:left;}
#navsub li a:hover{background-position:0px -28px;} 
#navsub .active {background-position:0px -56px;}
	
.subhome {
	width:56px;
	height:28px;
	background-image: url(/images/navsub-home.png);
	background-repeat: no-repeat;
}
.subbackground {
	width:94px;
	height:28px;
	background-image: url(/images/navsub-background.png);
	background-repeat: no-repeat;
}
.subgovernance {
	width:98px;
	height:28px;
	background-image: url(/images/navsub-governance.png);
	background-repeat: no-repeat;
}


.subnav-orange {background-image: url(/images/subnav_bluebg.jpg); background-position:bottom; background-repeat:no-repeat; margin:0px 0px 20px 0px; padding:0px; height:28px; min-width:465px;}

#navsub-orange  { height:28px; margin:0px 0px 0px 0px; float:left; padding:0;}
#navsub-orange  ul {margin:0px; padding:0px; }
#navsub-orange  li {display:inline; margin:0px 0px 0px 0px; float:left;padding:0;}
#navsub-orange  li a, #header li.active {text-indent:-9999px; display:inline; overflow:hidden; float:left;}
#navsub-orange  li a:hover{background-position:0px -28px;} 
#navsub-orange  .active {background-position:0px -56px;}
	
.subboard {
	width:58px;
	height:28px;
	background-image: url(/images/subnav_board.jpg);
	background-repeat: no-repeat;
}
.submanagement {
	width:99px;
	height:28px;
	background-image: url(/images/subnav_management.jpg);
	background-repeat: no-repeat;
}
.subcontactus {
	width:87px;
	height:28px;
	background-image: url(/images/subnav_contactus.jpg);
	background-repeat: no-repeat;
}



.subnav-black {background-image: url(/images/subnav_blackbg.gif); background-position:bottom; background-repeat:no-repeat; margin:0px 0px 20px 0px; padding:0px; height:28px; min-width:465px;}

#navsub-black  { height:28px; margin:0px 0px 0px 0px; float:left; padding:0;}
#navsub-black  ul {margin:0px; padding:0px; }
#navsub-black  li {display:inline; margin:0px 0px 0px 0px; float:left;padding:0;}
#navsub-black  li a, #header li.active {text-indent:-9999px; display:inline; overflow:hidden; float:left;}
#navsub-black li a:hover{background-position:0px -28px;} 
#navsub-black  .active {background-position:0px -56px;}
	
.subheartfoundation {
	width:126px;
	height:28px;
	background-image: url(/images/subnav-heartfoundation.gif);
	background-repeat: no-repeat;
}
.subfuel {
	width:45px;
	height:28px;
	background-image: url(/images/subnav-fuel.gif);
	background-repeat: no-repeat;
}
.submcs {
	width:209px;
	height:28px;
	background-image: url(/images/subnav-mcs.gif);
	background-repeat: no-repeat;
}
.subtumanako {
	width:79px;
	height:28px;
	background-image: url(/images/subnav-tumanako.gif);
	background-repeat: no-repeat;
}





#pyramid { height:375px; margin:0px 0px 0px 0px; float:left;}
#pyramid ul {margin:0px;padding:0px; }
#pyramid li {display:inline; margin:0px 0px 0px 0px; float:left;}
#pyramid li a, #header li.active {text-indent:-9999px; display:inline; overflow:hidden; float:left;}
#pyramid li a:hover{
	background-position:-928px 0px;
} 
#pyramid .active {background-position:-1392px -0px;}
.one {
	width:464px;
	height:118px;
	background-image: url(/images/pyramidnav_1.gif);
	background-repeat: no-repeat;
}
.two {
	width:464px;
	height:124px;
	background-image: url(/images/pyramidnav_2.gif);
	background-repeat: no-repeat;
}

.three {
	width:464px;
	height:133px;
	background-image: url(/images/pyramidnav_3.gif);
	background-repeat: no-repeat;
}


#imgholder {min-width:470px; float:right;}
#copyholder {min-width:465px; width:465px; margin-right:20px;}
#imgholder_thin {min-width:357px; float:right;}
#copyholder_thin {min-width:558px; width:558px; margin-right:20px;}


/* FORM ------------------------------------------------- */
.btn{ width:231px; height:33px;}
.long{ width:321px;}
.short{ width:20px;}
label,input,select {
	font-size: .8em;
	color: #3c3c3c;
	display: block;
	width: 231px;
	float: left;
	margin-bottom: 10px;
}

label {
	color: #fff;
	text-align: left;
	width: 211px;
	padding-right: 10px;
}

br {
	clear: left;
}





/* TOOLS ------------------------------------------------- */

.clear { clear: both; }
.clearfix { zoom: 1; /* for IE7 */ }
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}
* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}
.accessibility {
	position: absolute;
	left: -999px;
	width: 900px;
	background: none;
	}
	#container table tr td {
	font-size: .7em;
}


/* sIFR STUFF ----------------------------------------- */
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}

.sIFR-dummy { 
  width: 0px;
  height: 0px;
  margin-left: 42px !important;
  z-index: 0;
}
.sIFR-active h1 {
  visibility: hidden;
  font-family: Verdana;
  font-size:34px;
  line-height: 1em;
  margin-top:0px;
  margin-bottom:12px;
}
.sIFR-active h2 {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 21px;
  display: inline;
}

.sIFR-active h3 {
  visibility: hidden;
  font-family: Verdana;
  font-size: 16px;
  display: block;
  margin: 0px;
  text-align: right;
  padding: 0px;
  height: 20px;
}

.profilephoto { margin: 0 13px 5px 0;}
.profiledivide {margin-bottom:20px; padding-bottom:20px; border-bottom: 1px dotted #b2560a;}


/* TOOLS ------------------------------------------------- */

.clear { clear: both; }
.clearfix { zoom: 1; /* for IE7 */ }
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}
* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}
.accessibility {
	position: absolute;
	left: -999px;
	width: 900px;
	background: none;
	}