/*********** GENERAL STYLES ************/

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */

body,div,ul,ol,li,dl,dt,dd,table,tbody,tr,th,td,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,html
{ margin:0; padding:0 }

body{
  background-color	: #343233;
  font-size: 16px;
}

a:link {color: #9b7c38} /* unvisited link */
a:visited {color:#9b7c38} /* visited link */
a:hover {color:#FFF} /* mouse over link */
a:active {color:#FFF} /* selected link */

a{
  text-decoration: none;
  outline: none;
}

.menu{
   margin: 0;
   padding: 0;
   list-style-type: none;
}

#container {
	width: 887px;
    height: 100%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

/*** CONTENT STYLES  ***/
h2{
  font-size: 1em;
  font-family: helvetica, sans-serif;
  text-transform: lowercase;
  margin-bottom: .4em;
  margin-top: .4em;
}
h3 {
  font-size: 1em;
  font-weight: bold;
  text-transform: none;
  font-family: helvetica, sans-serif;
}
h4 {
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  text-transform: lowercase;
  font-family: helvetica, sans-serif;
}
h5 {
  font-size: 1em;
  font-weight: bold;
  text-align: left;
  text-transform: lowercase;
  font-family: helvetica, sans-serif;
}
h6 {
font-size: 1em;
}
div.donate{
  width: 109px;
  margin:1em 268px;
}
#mission_title_img a{
  background:transparent url(../images/mission.png) no-repeat scroll left top;
  display: block;
  height:43px;
  text-indent:-999em;
  width:176px;
}
#business_title_img a{
  background:transparent url(../images/business.png) no-repeat scroll left top;
  display: block;
  height:55px;
  text-indent:-999em;
  width:190px;
}
#mission_title_img a:hover{
  background:transparent url(../images/mission_hover.png) no-repeat scroll left top;
}
#business_title_img a:hover{
  background:transparent url(../images/business_hover.png) no-repeat scroll left top;
}
.first{
  float: left;
  font-family: georgia, serif;
  font-size: 400%;
  margin-top: .25em;
  margin-bottom: .1em;
  margin-right: .1em
}
.clear{
 clear: both;
}
.action{
  overflow: hidden;
  margin-top: 1.4em;
  padding: .4em;
}
.action h5{
  margin-left: 13.9em;
}
#mission_content div.action p{
  margin-bottom: 0;
  margin-left: 13.9em;
}
.odd{
  background-color: #585858;
}
blockquote{
  font-size: 1.1em;
  margin-bottom: .2em;
}
.inlineq blockquote,
.quote-tight blockquote{
  font-size: 1em;  
  margin:1em 2em;
  padding:1em;
  padding-bottom: 3.1em;
}
.quote-tight blockquote{
  margin-left: 0;
  padding: 0 0 1em 0;
  width: 90%;
}
.bqstart {
  color:#1E1D1D;
  float:left;
  font-size:700%;
  height:45px;
  margin-bottom:-40px;
  margin-right:20px;
  margin-top:-20px;
  padding-top:45px;
}
.bqend {
  float: right;
  height: 25px;
  margin-top: 0px;
  padding-top: 45px;
  font-size: 700%;
  color: #1E1D1D;
}
.quote-tight .bqstart{
  margin-bottom: 10px;
}
.quote-tight .bqend{
  padding-top: 55px;
}
dl{
  margin-left: 1em;
  margin-bottom: 1.5em;
}
dd{
  font-size: .7em;
  line-height: 1.2em;
}
.gpc{
  font-family: calibri;
  text-transform: none;
  font-style: normal;
  font-weight: normal;
  font-size: 1.1em;
}
#mission_content p.tagline,
#business_content p.tagline{
  font-style: italic;
  font-family: helvetica, sans-serif;
  margin: 0;
}
#mission_content p.author,
#business_content p.author{
  margin: -.1em 0;
  font-size: .9em;
  font-family: helvetica, sans-serif;
}

#mission_content table.contentpaneopen td.contentheading,
#business_content  table.contentpaneopen td.contentheading{
  font-family: helvetica, sans-serif;
  font-size: 1.1em;
  font-weight: bold;
  text-align: center;
}

#mission_content table.contentpaneopen,
#business_content table.contentpaneopen{
  width: 100%;
}

#content,
#mission_content,
#business_content{
  color: #fff;        /* content text color */  
  font-family: georgia, serif;
  line-height: 1.5em;
}

#content p,
#mission_content p,
#business_content p{
  margin-bottom: 1.4em;
  margin-top: 1.4em;
}

#mission_content ul li,
#business_content ul li{
  margin-top: .4em;
  margin-left: 3em;
  text-indent: -1em;
  list-style-position: inside;
}

/*********** SHARE BUTTON ************/
#share{
  height: 32px;
}

#share div{
  position: absolute;
  width: 83;
  right: 10px;
  top: 16px;
}

/*********** HEADER STYLES ************/
#header{
        position: relative;
}
#header_banner {
	height				: 350px;
	width				: 100%;
	margin-bottom		        : 15px;
}

#small_header_banner {
	height				: 166px;
	width				: 100%;
	margin-bottom		        : 15px;
        position: relative;
}

#branding{
        position: absolute;
	left: 29px;
	bottom: 15.43%;
        font-size: 3em;
        font-weight: bold;
        z-index: 2;
}

#branding a{
  color:#fff;
  outline: none;
}



/*** COMMON COLUMN SETTINGS ***/

#left_column_container,
#mid_column_container,
#column_container,
#m_main_col,
#m_left_col,
#b_right_col,
#b_main_col{
	float:left;
	width:100%;			/* width of page */
	position:relative;
}

#content_container,
#content_container_mission,
#content_container_business,
#mission_nav,
#business_nav{
   float: left;
   position: relative;
   overflow: hidden;
}

#column_container,
#m_main_col,
#b_right_col{
 overflow: hidden;
 clear: both;
}

/*** 3 COLUMN SETTINGS ***/

/**** Column color/position **/
#column_container{
  background: #1e1d1d url('../images/top.png') no-repeat top right;
}

#column_container #mid_column_container{
   right:222px;
   background-color: #343233;
}

#column_container #left_column_container{
  right:443px;
  background: #1e1d1d url('../images/top.png') no-repeat top right;
}

#m_main_col{
  background-color: #343233;
}

#m_main_col #m_left_col{
  background: #1e1d1d url('../images/top.png') no-repeat top right;
  right: 665px;
}

#b_right_col{
  background: #1e1d1d url('../images/top.png') no-repeat top right;
}

#b_right_col #b_main_col{
  background-color: #343233;
  right: 222px;  
}

/**** Column CONTENT color/position **/

#column_container #content_container{
	width:443px;			/* width of center column content (column width minus padding on either side) */
	left:887px;			/* 100% plus left padding of center column */
}
#column_container #mission_nav {
	width:222px;			/* Width of left column content (column width minus padding on either side) */
	left:222px;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
#column_container #business_nav{
	width:222px;			/* Width of right column content (column width minus padding on either side) */
	left:665px;			/* Please make note of the brackets here:*/			
}
#m_main_col #content_container_mission{
   left: 887px;
   width: 665px;
}
#m_main_col #mission_nav{
   width: 222px;
}
#b_right_col #content_container_business{
  width: 665px;
  left: 222px; 
}

#b_right_col #business_nav{  
  left: 222px;
  width: 222px;
}

/**** MISSION CONTENT STYLES ****/
#m_main_col #mission_secondary_nav{
  width: 75%;
  position: absolute;
  left: 100%;
  top: 10px;
  z-index: 1;
}

#m_main_col #mission_content{
  margin: 0 0 4em 1em;
}

#m_main_col #minimized_menu{
  width: 75%;
  position: absolute;
  left:100%;
  bottom: 0;
  padding: 1em 0;
  background-color: #1e1d1d;  
  z-index: 1;
}

/**** BUSINESS CONTENT STYLES ****/
#b_right_col #business_secondary_nav{
  position: absolute;
  left: 25%;
  top: 10px;
  width: 75%;
  z-index: 1;
}

#b_right_col #business_content{
  margin: 0 1em 4em 1em;
}

#b_right_col #minimized_menu{
  position: absolute;
  left: 25%;
  bottom: 0;
  padding: 1em 0;
  background-color: #1e1d1d;
  width: 76%;
  z-index: 1;
}

/*********** MISSION/BUSINESS MENUS COMMON ************/
#mission_nav ul.menu,
#business_nav ul.menu {
   font-family: helvetica, sans-serif;
   padding: 1.9em 0 2em 1em;
   line-height: 2.5em;
}

#mission_nav,
#business_nav{
  padding: 2em 0 3.3em 0;
}

#mission_nav li.active>a,
#business_nav li.active>a{
  color: #fff;
}

#mission_nav li.active li,
#business_nav li.active li{
  list-style: none;
  line-height: 1em;
  margin-left: 15px;
}

/*********** SECONDARY NAVIGATION/MINIMIZED MENU STYLES (middle column)************/

#mission_secondary_nav li,
#business_secondary_nav li,
#minimized_menu li{
  float: left;
  font-family: helvetica, sans-serif;
  font-size: 1em;
}

#mission_secondary_nav a,
#business_secondary_nav a{
    margin-right: 1.75em;
}

/*-----------------------------------------------------*/
#mission_secondary_nav li.active a,
#business_secondary_nav li.active a{
  /*text-decoration: underline;*/
  color: #fff;
}

#minimized_menu li.item78,
#minimized_menu li.item23{
  display: none;
}
/*-----------------------------------------------------*/

#mission_secondary_nav div.center,
#business_secondary_nav div.center,
#minimized_menu .center{ /*styles to center div w/ unknown width */
  clear: both;
  float: left;
  overflow: hidden;
  width: 100%;
}
#mission_secondary_nav ul,
#business_secondary_nav ul,
#minimized_menu ul{ /* Styles to center div w/ unknown width */
  position: relative;
  float: left;
  left: 50%;
}
#mission_secondary_nav li,
#business_secondary_nav li,
#minimized_menu li{ /* Styles to center div w/ unknown width */
  position: relative;
  float: left;
  right: 50%;
}

#minimized_menu a{
   margin-right: 1.5em;
   font-size: .75em;
}

/*** SUB-CONTENT SECTION LAYOUT ***/
#mission_nav a.ad{
  margin: 0 0 0 4px;
}
#business_nav a.ad{
  margin: 0 0 0 3px;
}
#mission_nav h1{
 margin: 0 0 0 .75em;
}
#business_nav h1{
 margin: 0 0 0 .5em;
}
#mission_nav a,
#business_nav a{
  outline: none;
}

/****** CORNER POSITIONING ******/
.bottom{
  position: absolute;
  z-index: 3;
  width: 222px;
  height: 30px;
  bottom: 0;
  right: 0;
  background: transparent url('../images/bottom.png') no-repeat right bottom;
}

#m_left_col .bottom{
  background: transparent url('../images/bottom_mission.png') no-repeat right bottom;
  z-index: 0;
}

#b_right_col .bottom{
  background: transparent url('../images/bottom_business.png') no-repeat right bottom;
  z-index: 0;
}

/*** SPECIFIC FIXES  ***/

#business_nav ul.menu li.item74,
#minimized_menu ul.menu li.item74{/* to hide menu for ? */
  display: none;
}

#content>div.componentheading{ /* for the homepage heading*/
   display: none;
}

#content .contentpaneopen h3{ /* for margin above homepage text */
  padding: .25em 1em 0 1em;
}

#content .contentpaneopen h3 img{  /* homepage title */
  display: block;
}

#content .contentpaneopen h3 span{ /* homepage text */
  font: .96em/1.2em georgia,sans-serif;
  display: block;
  text-align: center;
  margin-top: .5em;
}

#content table div span.article_separator,
#business_content span.article_separator,
#mission_content  span.article_separator{ /* to hide problamatic auto spacer */
  display: none;
}

/*********** NEWS AND UPDATES STYLES **********/
#content p.first_line{
  font-weight: bold;
}

#content p{
  font: 1em georgia, sans-serif;
  margin-bottom: 1em;
  padding-left: .5em;
  padding-right: .1em;
}

#content div.container{
  position: relative;
  background: #1e1d1d url('../images/news_bottom.gif') no-repeat left bottom;
  padding-bottom: 35px;
  margin-bottom: .5em;
  margin-top: -1em;
  width: 412px;
  margin-right: auto;
  margin-left: auto;
}

#content div.title{
  background: transparent url('../images/news_top.gif') no-repeat left top;
  width: 412px;
  height: 31px;
  margin-bottom: .75em;
}

#content ul{
  margin-left: 2em;
  margin-bottom: 1em;
}

#content a img{
  display: block;
  width: 418px;
  margin-right: auto;
  margin-left: auto;
}

#content a{
  outline: none;
}


/*********** FOOTER STYLES ************/
/*********** SECONDARY BRANDING STYLES (footer)************/
#secondary_branding {
	padding-top			: 50px;
	clear				: both;
	width				: 100%;
	background-image	: url('../images/footer_back.jpg');
	background-repeat	: no-repeat;
        color: #fff;
        font: 100% arial, sans-serif;
        text-align: center;
}

/*#secondary_branding a:link{color: #fff;}/* unvisited link */
/*#secondary_branding a:visited {color:#FFF} /* visited link */
/*#secondary_branding a:hover {color:#1272D4} /* mouse over link */
/*#secondary_branding a:active {color:#1272D4} /* selected link */

/*********** SOCIAL MEDIA STYLES (footer)************/
#social_media{
  position: relative;
}
#social_media div.center{
  margin: 0 auto;
  text-align: center;
}