/* ---------------- COMMON styles ---------------- */
/* ------------- nav, structure, etc. ------------ */

#page {
	}

header {  
	margin: 5px 0; 
	}

.header-inner { 
	margin: 0 auto; 
	color: #fff; 
	}
	
.header-logo { 
	float: left;
	margin: 0 0 0 3px;
	width: 510px; /* for desktop view */
	height: 72px; /* for desktop view */
	color: #333;
	}
	
.header-logo img {
	width: 510px; /* for desktop view */
	height: 72px; /* for desktop view */
	}

/* -------------- top nav + breadcrumb -------------- */

#breadcrumb { 
	float: left; 
	text-align: left; 
	font: 11px/14px Arial, Helvetica, sans-serif; 
	padding-top: 4px; /* for vertical centering */
	margin-bottom: 20px;
	}

#breadcrumb ul { 
	padding: 0 0 0 15px;
	margin: 0;
	}

nav#main-nav li,
nav#main-nav-extra li,
nav#breadcrumb li {
	display: inline;
	float: left;
	}
	
nav#main-nav li a,
nav#main-nav-extra li a,
nav#breadcrumb li a {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	}

nav#main-nav li a,
nav#main-nav li a:link,
nav#main-nav li a:visited {
	text-decoration: none;
	color: #006093;
	padding: 20px 15px 11px 14px; /* different in VM vs my machine :( */
	/*border-bottom: 2px solid #006093; */
	}

nav#main-nav li.last a,
nav#main-nav li.last a:link,
nav#main-nav li.last a:visited {
	}

nav#main-nav li a:hover,
nav#main-nav li a:active {
	color: #1f87cc;
	border-bottom: 6px solid #1f87cc;
	}

nav#breadcrumb li a:hover,
nav#breadcrumb li a:active {
	color: #555;
	}
	
nav#breadcrumb li a {
	color: #777;
	margin: 0 4px 0 0;
	}
	
nav#breadcrumb li.first a { /* first link */
	margin-left: 0;
	}
	
nav#breadcrumb li.first:before {
 	content: ""; 
 	}
	
nav#breadcrumb li:before {
 	content: "\03E \020"; /* HEX code for " > (space plus >)" */
 	}
		
nav#main-nav a#pull {
	display: none;
	}

#main-nav { 
	width: 100%;
	margin: 0 auto;
	background: #eeeeee; /* Old browsers */
		background: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #eeeeee 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #eeeeee 0%,#ffffff 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 100%); /* IE10+ */
		background: linear-gradient(to bottom, #eeeeee 0%,#ffffff 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	}

#main-nav-inner {  
	margin: 0 auto;
	}

#main-nav ul { 
	padding: 0;
	width: 980px;
	position: relative; /* this is to get continuous border regardless of text width */
	height: 50px; /* this is to get continuous border regardless of text width */
	border-bottom: 2px solid #006093;
	text-align: center;
	font-size: 13px;
    line-height: 15px;
	color: #006093; 
	font-family: 'Fira Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-weight: bold /*500*/; 
	}
	
#main-nav-extra { 
	margin-top: 25px;
	float: right;
	}
	
#main-nav-extra ul { 
	float: left;
	margin: 6px 6px 0 0;
	font-family: 'Fira Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-weight: bold /*500*/; 
	text-transform: uppercase;
	font-size: 10px; 
    line-height: 12px; 
	}
		
#main-nav-extra li a,
#main-nav-extra li a:link,
#main-nav-extra li a:visited {
	padding: 0;
	margin: 0 12px 0 0;
	color: #1f87cc;
	}
		
#main-nav-extra li a:hover,
#main-nav-extra li a:active {
	color: #1f87cc;
	}

#main-nav-sub { /* breadcrumb wrapper */
	margin: 0 auto; 
	}
	
.search {
	float: left;
	}
	
#search input[type="search"] {
	padding: 3px 5px;
	margin-right: 3px;
	width: 120px;
	font-size: 13px;
	color: #333;
	}
	
#search .search input[type="submit"] {
	padding: 3px 8px;
	}

/* ---------------------- search ---------------------- */

nav#search { 
	float: right; 
	width: 240px; 
	}

input[type="search"] { 
	padding: 3px 5px; 
	}

/* --------------------- side nav ---------------------- */

nav#side-nav { 
	float: left; 
	width: 224px; 
    margin-right: 24px;
	font-size: 95%;
	line-height: 125%;
	}
	
nav#side-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
nav#side-nav ul li {
    padding: 4px 0;
    border-bottom: 1px solid #74a9b8;
	}
	
nav#side-nav li a {
    display: block;
    padding: 7px 12px;
	color: #4c5459;
    background-color: #fff;
	text-decoration: none;
	}
	
nav#side-nav li a:hover,
nav#side-nav li a:active {
	color: #0c5586;
    background-color: #adc0cc;
	}
	
nav#side-nav li a.current {
	font-weight: bold;
	color: #2b3033;
    background-color: #e6e6e6;
	}

/* ------------------- page content ------------------- */

#page-content { 
	margin: 0 auto; 
	}
   	
section.publication-content { /* publication layout */
	float: left; 
	}
   	
section.article-content { /* 3col/article layout */
	float: left; 
	width: 472px; 
	font-size: 115%; 
	line-height: 140%; 
	}
   	
section.issue-content { /* 3col/article layout */
	float: left; 
	width: 472px; 
	font-size: 115%; 
	line-height: 130%; 
	}
   	
section.feature-content { /* 2col/feature layout */ 
	float: left; 
	font-size: 115%; 
	line-height: 130%; 
    width: 712px;
	}
   	
section.landing-content { /* landing page */ 
	float: left; 
	width: 472px; 
	font-size: 115%; 
	line-height: 130%; 
	}

/* ------------------- third col------------------- */

#right-col-asides {
	float: left;
	width: 192px;
    margin-left: 48px;
 	}

aside {  
	border-bottom: 1px solid #8d9ca6;
	margin-bottom: 10px;
	padding-bottom: 4px;
	}
	
aside ul,
aside p {  
	font-size: 75%;
	line-height: 120%;
	color: #606466;
	}
	
aside ul {  
	list-style: none;
	padding: 0 0 10px 0;
	margin: 0;
	}
	
aside ul li {  
	padding: 8px 0 0 0;
	}
	
.aside-inner {
	padding: 7px 0;
	}
	
aside h3 { 
	color: #333;
	padding: 0;
	font-size: 95%;
	}
	
aside h3.aside-latest { 
	padding-right: 60px;
	}
	
#aside-connect a {
	text-decoration: none;
	}
	
#aside-connect ul {
	list-style: none; 
	padding: 5px 0 0 0;
	}
	
#aside-connect ul li {
	padding: 0 0 5px 15px;
	}
	
#aside-connect ul li.tw {
	background: url('../images/common/icon-connect-tw.png') no-repeat 0 1px;
	}
	
#aside-connect ul li.fb {
	background: url('../images/common/icon-connect-fb.png') no-repeat 0 1px;
	}
	
#aside-connect ul li.rss {
	background: url('../images/common/icon-connect-rss.png') no-repeat 0 1px;
	}

.aside-linklist h3 {
	color: #333;
    padding: 0;
    font-size: 95%;
	padding-right: 60px;

}

.aside-linklist ul {
	list-style: none;
    padding: 0 0 10px 0;
    margin: 0;
	font-size: 75%;
    line-height: 120%;
    color: #606466;
}

.aside-linklist ul li {
	padding: 8px 0 0 0;
}


/* ------------------- footer ------------------- */

footer { 
	margin: 30px auto 0 auto;
	color: #777; 
	padding: 30px 0 20px 0;
	height: 143px;
	background: transparent url('../images/seal-hd.png') no-repeat bottom right;
    background-size: 191px 191px;
	}
	
footer h4 {
	border-bottom: 1px solid #4e6b84;
	padding: 3px 0;
	margin: 0 0 10px 0;
	color: #393f42;
	}
	
.footer-section {
	float: left; 
	width: 260px; 
	margin-right: 30px;
	}

#footer-nav ul { 
	margin: 0;
	padding: 0; 
	font-size: 85%; 
	float: left; 
	width: 120px;
	margin-right: 10px;
	}
		
nav#footer-nav li { 
	list-style-type: none;
	padding: 2px 0 0 0;
	}
		
nav#footer-nav li a,
nav#footer-nav li a:link,
nav#footer-nav li a:visited {
	display: inline-block;
	text-decoration: none;
	color: #006093;
	padding: 0;
	font-weight: bold;
	}
		
nav#footer-nav li a:hover,
nav#footer-nav li a:active {
	color: #1f87cc;
	}
		
nav#footer-nav a#pull {
	display: none;
	}

footer.cicd-footer {
	background: transparent url('../images/cicd-watermark.png') no-repeat bottom right;
    background-size: 191px 191px;
}

.cicd-footer .footer-section{
	width: 300px;
}
.cicd-footer nav#footer-nav ul {
	width: auto;
}

.cicd-footer nav#footer-nav div.cicd-mpls-footer {
	width: 400px;
}

.cicd-footer nav#footer-nav div.cicd-mpls-footer ul {
	width: 120px
}
	
/* -------------- special styles -------------- */

.mediabox {
	background: #dce9ed; 
	padding: 8px 9px; 
	width: 412px; 
	font-size: 11px; 
	color: #333; 
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
	margin-bottom: 11px;
	}

.mediabox-left {
	float: left; 
	width: 100px; 
	padding: 2px; 
	font-size: 12px; 
	line-height: 17px; 
	margin-right: 8px;
	}

.mediabox-right {
	float: left; 
	width: 300px;
	}

.mediabox-novid {
	 background: #dce9ed;
	 width: 121px;
	 padding: 7px 10px 0 10px;
	 color: #333; 
	 border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
	 margin-bottom: 10px;
	 font-size: 12px;
	 line-height: 17px;
	}

.mediabox-novid-wrapper {
	float: right;
	margin: 0 0 8px 8px;
	}
	
.topicbox {
	float: right; 
	background: #dce9ed; 
	border-radius: 3px; 
	padding: 6px 10px; 
	width: 250px;
	}
	
.topicbox p {
	padding-bottom: 5px;
	}
	
.video-link {
	font-size: 12px;
	font-weight: bold;
} 
/* ------ landing pages --------*/
	
.landing-item {
	border-bottom: 1px solid #8d9ca6;
	padding-bottom: 10px;
	margin: 0 0 20px 0;
	font-size: 14px;
	line-height: 21px;
	}

.cicd-landing-event {
	padding-bottom: 10px;
	margin: 0 0 25px 0;
}

.landing-featured {
	}
	
.landing-hero-2up {
	}

.landing-item h2 {
	color: #333;
	border-top: 1px solid #0072a3;
	padding: 4px 0;
	font-size: 18px;
	line-height: 130%; 
	}

.landing-featured h2 {
	font-size: 21px;
    padding-top: 0;
	}
	
.landing-hero-2up h2 {
    padding-top: 8px;
	font-size: 200%; 
	line-height: 100%; 
	}

.landing-item h2 a,
.landing-item h2 a:link,
.landing-item h2 a:visited {
	color: #333;
	text-decoration: none;
	}

.landing-item h2 a:hover,
.landing-item h2 a:active {
	color: #004c80;
	}

.landing-item .item-keyimage {
	float: right; 
	width: 112px; 
	padding-left: 9px;
	}
		
.landing-featured .item-keyimage {
	width: 112px; 
	height: 63px;
	}

.landing-item .item-keyimage img {
	width: 112px;
	height: 63px;
	}

.landing-featured .item-keyimage img {
	width: 112px;
	height: 63px;
	}

.landing-item .item-content {
	float: left; 
	width: 336px;
	}

.landing-item > .item-content { /* item w/ no photo therefore no floatgroup */ 
	float: none; 
	width: 472px;
	}
	
.landing-featured .item-content {
	width: 336px;
	}
	
.landing-item p.pubtype,
.landing-item p.date {
	font-size: 11px;
	line-height: 11px;
	color: #737373;
	font-weight: bold;
	margin-bottom: 5px;
	}
	
.landing-item p.pubtype {
	font-size: 10px;
	text-transform: uppercase;
	}	
	
.landing-item a {
	text-decoration: none;
	}	
	
.landing-item a,
.landing-item a:link,
.landing-item a:visited {
	text-decoration: none;
    color: #0072a3;
	}	
	
.landing-item a:hover,
.landing-item a:active {
	color: #1f87cc;
	}
	
.landing-item a,
.landing-item a:link,
.landing-item a:visited {
	text-decoration: none;
    color: #0072a3;
	}	
	
.landing-item a:hover,
.landing-item a:active {
	color: #1f87cc;
	}

.landing-item .authorinfo {
    line-height: 120%; 
    font-size: 80%;
    color: #737373;
    }

.landing-item .authorinfo-name {
    font-weight: bold;
    text-transform: uppercase;
    color: #737373;
    }

.landing-item a .authorinfo-name,
.landing-item a:link .authorinfo-name,
.landing-item a:visited .authorinfo-name {
    font-weight: bold;
    text-transform: uppercase;
    color: #737373;
    }

.landing-item a:hover .authorinfo-name,
.landing-item a:active .authorinfo-name {
    font-weight: bold;
    text-transform: uppercase;
	color: #1f87cc;
    }
	
.landing-item p.pubtype {
	float: left;
	}	
	
.landing-item p.pubtype a,
.landing-item p.pubtype a:link,
.landing-item p.pubtype a:visited {
	color: #1f87cc;
	text-decoration: none;
	}	
	
.landing-item p.pubtype a:hover,
.landing-item p.pubtype a:active {
	color: #737373;
	}
	
.landing-item p.date {
	color: #737373;
	float: right;
	}

.issue-featured { /* first item in an issue page */
	margin: 0 10px 20px 0;
	}

span.news-content-locationdate + p,
p.news-content-locationdate { 
    /* AA 8/25/15 still working on this - in NewsContentDetail.cshtml 
        display: inline;*/
    }
	
/* ------ rollups --------*/

.issue-rollup { margin-top: 10px; border-top: 1px solid #ddd; }
.article-rollup { margin: 0 0 4px 0; background-color: #ededed; }
.article-rollup-header { padding: 6px 8px 7px 8px;}
.article-rollup-header a { float: right; padding-right: 2px; font-size: 80%; cursor: pointer; }
.issue-rollup-header a { float: right; padding-top: 3px; font-size: 80%; cursor: pointer; }
.article-rollup h3 { padding: 2px 3px; float: left; }
.issue-rollup h3 { padding: 7px 3px; float: left; }
.article-rollup h4 { float: left; padding-top: 1px; }
.article-rollup-list { min-height: 100px; font-size: 85%; background: #ededed url('../images/common/issuepage_issue_bkrd.gif') repeat-x bottom left; padding: 5px 7px 15px 7px; }
.article-rollup-list ul li.more { list-style: none; padding-top: 4px; padding-bottom: 10px; }
.article-rollup-list ul { margin: 0 0 0 15px; }

/*////////////////////////////////////////*/
/* ------------   legacy   ---------------*/
/*////////////////////////////////////////*/

.speech_media_container_vid {
	background: #dce9ed; 
	padding: 8px 9px; 
	width: 412px; 
	font-size: 11px; 
	color: #333; 
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
	margin-bottom: 11px;
	}

.speech_media_container_vid_left {
	float: left; 
	width: 100px; 
	padding: 2px; 
	font-size: 12px; 
	line-height: 17px; 
	margin-right: 8px;
	}

.speech_media_container_vid_right {
	float: left; 
	width: 300px;
	}

.speech_media_container_novid {
	 background: #dce9ed;
	 width: 121px;
	 padding: 7px 10px 0 10px;
	 color: #333; 
	 border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
	 margin-bottom: 10px;
	 font-size: 12px;
	 line-height: 17px;
	}

.speech_media_container_novid_wrapper {
	float: right;
	margin: 0 0 8px 8px;
	}

.speech_image_wrapper {
	float: right;
	margin: 0 0 8px 8px;
	}
	
	/* more robust tabs - 
	for content/landing pages, 
	such as P+P home, IC, etc. - 
	AKA 'ic_tab' */

.heavy_tab_container {
	background: transparent url('/images/common/heavy_tab_bkrd.gif') repeat-x top left;
	padding: 4px;
	width: 422px; /*width: 673px; - Indian Country, CDFI - full width stuff */
	/*margin: auto 14px;*/
	}

ul.heavy_tabnav { 
	height: 27px; 
	overflow: hidden; 
	padding-left: 0; 
	}
	
ul.heavy_tabnav li { 
	margin: 0; 
	padding: 0; 
	float:left; 
	list-style-type: none; 
	position: relative;
	}
	
ul.heavy_tabnav li a { 
	margin: 0 4px 0 0;
	padding: 10px 10px 0 10px;
	height: 23px;
	background-color: #e1ebed; 
	float: left; 
	text-align: center;  
	display: block; 
	font: bold 13px/13px Arial, Helvetica, sans-serif; 
	color: #000; 
	text-decoration: none; 
	border-radius: 3px;
	border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
	margin-bottom: 4px;
	/*behavior: url(/css/border-radius.htc);
    border-radius: 4px;*/
	}
	
ul.heavy_tabnav li.heavy_tab_twoline a { 
	padding-top: 8px;
	height: 34px;
	}
	
ul.heavy_tabnav li.heavy_tab_last a { 
	margin-right: 0;
	padding-right: 11px;
	}
	
ul.heavy_tabnav li a:hover { 
	color: #000; 
	background-color: #ecf4f5; 
	}
	
ul.heavy_tabnav li a.heavy_tab_selected { 
	color: #000; 
	margin-bottom: 5px;
	border-bottom: 4px solid #fff;
	background-color: #fff; 
	border-radius: 3px;
	border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	border-bottom-right-radius: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	-moz-border-radius-bottomleft: 0;
	-webkit-border-bottom-left-radius: 0; 
	behavior: none;
	}
	
.heavy_tab_panel { 
	background: #fff;  
	padding: 12px 15px; 
	}
	
div.sub_columns { height: 1%; }
div.sub_columns_col1 { width: 210px; float: left; margin-right: 10px; }
div.sub_columns_col2 { width: 210px; float: left; }
div.sub_columns_small_col1 { width: 190px; float: left; margin-bottom: 0px; margin-right: 10px; }
div.sub_columns_small_col2 { width: 190px; float: left; }
div.sub_columns_end { clear: both; font: 1px/1px sans-serif; }