/* -------------------------------------------------------------- 
   shell.css
-------------------------------------------------------------- */


body {
    margin:0;
    background: #021032 url('/design/assets/img/tile.jpg') repeat-x center top;	
    }

#container {
    background: url('/design/assets/img/container_tile.jpg') no-repeat center top;
    width: 100%;
    padding: 28px 0 0 0;	
    }


/* Site Width */

#header, nav, #wrapper, #main {
    width: 962px;
    margin: auto;
    text-align: left;
    }


/* Header styles */

#header {
    background: #19296b url('/design/assets/img/header_tile_ncpa.jpg') no-repeat center top;
    height: 173px;
    }

#logo { _overflow: hidden;}

#logo a {
    background: url('/design/assets/img/logo_ncpa.png') no-repeat 10px 10px;
    width: 962px;
    height: 126px;
    display: block;
    }

#logo a span { display: none; }

#quote { 
   display: none;
   color: #fff;
   text-align: right; }
   
   #quote h2 { color: #fff; }

/* Wrapper Styles */


#home #wrapper { background: url('/design/assets/img/wrapper_tile.png') repeat-y center top;}

#news #wrapper, 
#page #wrapper, 
#list #wrapper  { background: url('/design/assets/img/page_content_tile.jpg') repeat-y center top; margin-bottom: 10px; min-height: 600px;}

#index #wrapper, #wide_right #wrapper  { background: url('/design/assets/img/index_content_tile.jpg') repeat-y center top; margin-bottom: 10px; }


/* Wrapper Top Styles */

#page #wrapper .top,
#list #wrapper .top { background: url('/design/assets/img/list_content_top.jpg') no-repeat center top; min-height: 600px;}

#news #wrapper .top { background: url('/design/assets/img/page_content_top.jpg') no-repeat center top; }

#wide_right #wrapper .top { background: url('/design/assets/img/550_410_content_top.jpg') no-repeat center top; min-height: 10px;}


/* Wrapper Top Styles */

#wrapper .bottom { min-height: 600px;}

#news #wrapper .bottom, 
#page #wrapper .bottom, 
#list #wrapper .bottom  { background: url('/design/assets/img/page_content_bottom.jpg') no-repeat center bottom; }

#index #wrapper .bottom, #wide_right #wrapper .bottom  { background: url('/design/assets/img/index_content_bottom.jpg') no-repeat center bottom; min-height: 520px;}



.box { background-color: #e3e8ee; }
   #index #primary .box { background-color: #d2d8e2; }
   #focus .box, #political_focus .box, #districts_focus .box { background-color: transparent; float: left;}

.boxborder { margin: 9px 0 0 10px; border: 1px solid white;  }

.title { margin: 9px 0 7px 9px; padding:0;  }
.subtitle { padding: 15px 0 7px 0;  }

.submenu .title { margin: 9px 0 4px 9px; }
   #index .title { margin: 0 0 .5em 0;  }
   #focus .title, #political_focus .title { margin: 15px 0 9px 0; }
   #districts_focus .title { margin: 15px 0 12px 0; }

#focus .featured { width: 560px; height: 229px; }
#political_focus .featured { width: 550px; height: 310px; }
#focus .featured .photo { width: 293px; height: 207px; padding: 22px 235px 0 22px;  }
#political_focus .featured .photo { width: 293px; height: 288px; padding: 22px 235px 0 22px;  }
#focus .featured .quotes { color: white; width: 358px; height: 207px; padding: 22px 170px 0 22px; font-size: 1.15em; line-height: 1.2em; }

#focus .featured .photo a,
#focus .featured .photo a .date,
#focus .featured .photo a .headline,
#focus .featured .photo a .description,
#political_focus .featured .photo a,
#political_focus .featured .photo a .date,
#political_focus .featured .photo a .headline,
#political_focus .featured .photo a .description { color: #d6e6f7; display: block; }

#focus .featured .photo a .headline, #political_focus .featured .photo a .headline { font-size: 28px; line-height: 1em; }
#focus .featured .photo a .description, #political_focus .featured .photo a .description { font-size: 12px; }
#focus .featured .photo a .date, #political_focus .featured .photo a .date { font-weight: bold; font-size: 11px;  }

#focus .featured .photo a:hover,
#focus .featured .photo a:hover .date,
#focus .featured .photo a:hover .headline,
#focus .featured .photo a:hover .description,
#political_focus .featured .photo a:hover,
#political_focus .featured .photo a:hover .date,
#political_focus .featured .photo a:hover .headline,
#political_focus .featured .photo a:hover .description { color: white; display: block; }

#focus .featured .quotes p {padding: 0 0 12px 0; margin: 0;}
#focus .featured .quotes a {font-weight: bold; font-size: .75em; text-align: right; text-transform: uppercase;}

.secondary_focus { width: 388px; }

.ui-tabs-hide{ display: none; }

.interior {width: calc(100% - 4em); margin: 2em;}
#wide_right .interior {width: 388px}

.primary_index_wide {width: 528px; background: #e3e8ee url('/design/assets/img/box_left_wide.png') repeat-y center left;}
.primary_index_wide_nobg {width: 528px; background-color: #ebeef2;}

.primary_index_narrow {width: 258px; float: left; }
   #primary .pad .clearfix { _margin: 0 0 0 -9px; }

.primary_list_narrow {width: 293px; float: left; }
.secondary_index_wide {width: 100%;
    margin: 0;
    border: none; }
.secondary_index_narrow {width: 188px; float: left;}

#list .shading {background: url('/design/assets/img/list_clearfix_shading.png') repeat-x top left; margin-top: 18px;}



/* IDs */

#id {  
    width: 962px;
    height: 0px; 
    _overflow: hidden;
    margin: 0 auto; 
    text-align: left; 
    border-top: 1px solid #274776;
    background: url('/design/assets/img/id_tile.jpg') no-repeat left bottom;
    }

#id .our_union, 
#id .our_union_oil,
#id .media_center,
#id .multimedia,
#id .blog,
#id .action_center,
#id .action_center_political,
#id .action_center_pac,
#id .action_center_rr,
#id .action_center_economy,
#id .join_us,
#id .store,
#id .members,
#id .resources,
#id .districts,
#id .results,
#id .privacy,
#id .convention {  
    width: 505px;
    height: 38px; 
    display: block;
    }

#id .our_union { background: url('/design/assets/img/id_our_union.png') no-repeat 22px 12px; }
#id .our_union_oil { background: url('/design/assets/img/id_oil_bargaining.png') no-repeat 22px 12px; }
#id .media_center { background: url('/design/assets/img/id_media_center.png') no-repeat 22px 12px; }
#id .multimedia { background: url('/design/assets/img/id_multimedia.png') no-repeat 22px 12px; }
#id .blog { background: url('/design/assets/img/id_blog.png') no-repeat 22px 12px; }
#id .action_center { background: url('/design/assets/img/id_action_center.png') no-repeat 22px 12px; }
#id .action_center_political { background: url('/design/assets/img/id_political.png') no-repeat 22px 12px; }
#id .action_center_pac { background: url('/design/assets/img/id_pac.png') no-repeat 22px 12px; }
#id .action_center_rr { background: url('/design/assets/img/id_rapid_response.png') no-repeat 22px 12px; }
#id .action_center_economy { background: url('/design/assets/img/id_economy.png') no-repeat 22px 12px; }
#id .join_us { background: url('/design/assets/img/id_join_us.png') no-repeat 22px 12px; }
#id .store { background: url('/design/assets/img/id_store.png') no-repeat 22px 12px; }
#id .members { background: url('/design/assets/img/id_members.png') no-repeat 22px 12px; }
#id .resources { background: url('/design/assets/img/id_resources.png') no-repeat 22px 12px; }
#id .districts { background: url('/design/assets/img/id_districts.png') no-repeat 22px 12px; }
#id .results { background: url('/design/assets/img/id_results.png') no-repeat 22px 12px; }
#id .privacy { background: url('/design/assets/img/id_privacy.png') no-repeat 22px 12px; }
#id .convention { background: url('/design/assets/img/id_convention.png') no-repeat 22px 12px; }

#id a span { display: none; }



/* PAGE CONTENT */

.pgid { 
    margin: auto;
    width: 939px;
    border: 1px solid #b2b9c4; 
    border-top: none;
    background: white url('/design/assets/img/pgid_tile.png') repeat-y center top;
    }

#news #wrapper .bottom .pgid .top { 
    padding: 10px;
    background: url('/design/assets/img/pgid_top.png') no-repeat center top;
    }

.storyinfo, .brief { float: left; overflow: hidden; }
.storyinfo { width: 630px; margin: 0 20px 0 0; }
.brief { width: 269px;  }



/* Columns
-------------------------------------------------------------- */

#primary, #secondary {
   float: left;
   overflow: hidden; 
   }

#primary {
   width: 620px;
   padding: 15px 20px; 
   }

#secondary {
   width: 300px; padding: 0 0 9px 0; 
   }

#index #primary, #wide_right #primary {
   width: 550px;
   min-height: 146px;
   padding: 0 0 10px 0;
   margin: 0 0 0 1px;
   }

#index #primary {
   width: 100%;
   display: block;
   }

#index #secondary, #wide_right #secondary {
   width: 410px; 
   min-height: 142px;
   }

#index #secondary {
   padding: 15px;
   margin: 0 20px 20px 20px;
   background: white !important;
   width: calc(100% - 70px);
   }

#wide_right #primary .pad {
   padding: 15px 20px;
   }


.flex {
   width: 100%;
   flex: 0 0 auto;
   padding: 0;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-content: flex-start;
   text-align: center;   
}

.col1 {
   width: 45%;
   margin: 0 5% 0 0;
   display: inline-block;
}

.col2 {
   width: 50%;
   margin: 0;
   display: inline-block;
}


/* Index Focus */

#focus {
   width: 960px;
   height: 229px;
   overflow: hidden;
   margin: auto;
   background: url('/design/assets/img/index_focus_tile.jpg') repeat-x center top;   
   }

#rapid_response_focus {
   width: 960px;
   height: 385px;
   overflow: hidden;
   margin: auto;
   background: #013366 url('/design/assets/img/rapid_response_focus_tile.jpg') repeat-x center top;   
   }

#rapid_response_focus .map  {
   display: none;
   float: left;    
   width: 300px; 
   }

/* floating images. */

.imgright {
  float: right;
  margin: 0 0 10px 10px; 
  }

.imgleft {
  float: left;
  margin: 0 10px 10px 0; 
  }

#wide_right #secondary .imgleft {
  border: 1px solid #b2bdce; 
  }

.thumbright {
  border: 1px solid white;
  float: right;
  margin: 0 0 8px 8px; 
  }

.thumbleft {
  border: 1px solid white;
  float: left;
  margin: 0 8px 8px 0; 
  }




/* Misc classes and elements
-------------------------------------------------------------- */


.divider {
   width: 620px; 
   height: 34px;
   background: url('/design/assets/img/divider.png') no-repeat center top; 
   margin-bottom: 25px;  
   }

#wide_right .divider {
   width: 510px; 
   height: 34px;
   background: url('/design//assets/img/divider_510.png') no-repeat center top; 
   margin-bottom: 25px;  
   }


/* RSS Icon ----- */

.rss_corner {float: right; margin: 5px 5px 0 0; }


/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.45em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}