@import url("/includefiles/redesign/css/global/reset.css");
@import url("/includefiles/redesign/css/global/main.css");
@import url("/includefiles/redesign/css/global/interior.css");
@import url("/includefiles/redesign/css/global/menu_v.css");


@import url("/includefiles/redesign/css/tablet/main.css");
@import url("/includefiles/redesign/css/tablet/individual.css");


#contentWrapper {										width: 100%; }

#bodycopy {												overflow: hidden;

															background: transparent url(/images/redesign/border.png) repeat-y 20% 0;}



#columnA {												width: 20%;
															float: left;
															padding: 0 0 0 0;
															margin: 15px 0 0 0;
															min-height: 300px;
															}

#columnA h3 {											font-size: 1.4em;
															font-weight: bold;
															margin: 0 20px 10px 20px;
															padding: 0 0 6px 0;
															color: #606060;
															border-bottom: 1px dotted #CCC;}

#columnA a { 											color: #606060;
															text-decoration: none;
															font-weight: bold;
															display: block;
															padding: 7px 15px;
															/*width: 159px;*/}

#columnA a:hover { 									background-color: #CCCCCC; }

#sectionLinks {										margin: 0 0 0 0; }





#mainColumn {											width: 80%;
															float: left;
															margin: 0;
															padding: 0 0 0 0;
															height: 100%;
															min-height: 300px;
															 }

.mainContentWrapper {								padding: 15px 15px;
															
															min-height: 300px;
															height: 100%!important;}



/*
.two #mainColumn {									width: 760px; }
*/
.one #mainColumn {									width: 960px; }


#pageSectionLinks { 									font-size: 11px; }

#pageSectionLinks span { 							padding: 0 5px; }

#pageSectionLinks a {								color: #666!important;
															text-decoration: none; }

#pageSectionLinks a:hover {						color: #0F0F0F!important;
															text-decoration: underline; }

#mainColumn h1 { 										font-size: 2.4em;
															color: #606060;
															font-weight: bold;
															margin: 1.6em 0 12px 0;}

#mainColumn h1.secondH1 {							margin-top: 3em; }

#mainColumn td,
#mainColumn th,		
#mainColumn p {										font-size: 1.2em;
															line-height: 1.6em;
															color: #0F0F0F;
															margin-bottom: 12px; }

#mainColumn h2 { 										font-size: 2em;
															color: #606060;
															font-weight: bold;
															margin: 2em 0 12px 0;}

#mainColumn h1 + h2 {								margin-top: 1em; }

#mainColumn h2 + h3 {								margin-top: .4em; }

#mainColumn .bioPhoto + h2 {						margin-top: 1em; }

#mainColumn h3 { 										font-size: 1.6em;
															line-height: 1.4em;
															color: #606060;
															font-weight: bold;
															margin: 2em 0 1em 0;}

#mainColumn h4 { 										font-size: 1.4em;
															line-height: 1.4em;
															color: #606060;
															font-weight: bold;
															margin: 2em 0 12px 0;}



.h4Wrapper h4 {						margin-bottom: 0px!important; }


#mainColumn h5 { 										font-size: 1.2em;
															line-height: 1.2em;
															color: #606060;
															font-weight: bold;
															margin: 1.8em 0 .4em 0;}

#mainColumn ul {										font-size: 1.2em;
															line-height: 1.6em;
															color: #0F0F0F;
															list-style: outside;
															list-style-type: disc; 
															margin: 12px 0;
															padding-left: 20px; 
															overflow: hidden;}

#mainColumn ul ul {									list-style-type: circle; 
															margin-bottom: 0px;
															
															font-size: 1em;}

#mainColumn ul ul ul {								list-style-type: square; 
															margin-bottom: 0px;}
															
#mainColumn ol {										font-size: 1.2em;
															line-height: 1.6em;
															color: #0F0F0F;
															list-style: outside;
															list-style-type: decimal;
															margin-bottom: 12px;
															padding-left: 20px; }
									
									
#mainColumn ol ol {									margin-bottom: 0px;
															font-size: 1em;}


#mainColumn ul ol {									margin-bottom: 0px;
															font-size: 1em;}
									
#mainColumn ol.number {								list-style-type: decimal; }						
#mainColumn ol.roman {								list-style-type: upper-roman; }
#mainColumn ol.romanL {								list-style-type: lower-roman; }
#mainColumn ol.alphaU {								list-style-type: upper-alpha; }
#mainColumn ol.alphal {								list-style-type: lower-alpha; }

#mainColumn .nospace {								margin-top: -1em!important; }

#mainColumn ol.shortList li,
#mainColumn ul.shortList li,
#mainColumn ul.shortcuts li { 					margin: 0 0 0 0; }

#mainColumn ol.shortList ol,
#mainColumn ol.shortList ul,
#mainColumn ul.shortList ol,
#mainColumn ul.shortList ul {						margin-top: 0; }

#mainColumn li .shortList  { 						margin-top: 0!important; }

#mainColumn li {										margin: 0 0 12px 0; }

#mainColumn li p {									font-size: 1em; }

#mainColumn a {										font-weight: bold;
															color: #BB0E3D;
															text-decoration: none;}

#mainColumn a:hover {								color: #973335;
															text-decoration: underline;}

#columnB {												width: 100%;
															
															float: none!important;
															clear: both!important; 
															padding: 0 0 15px 0;
															margin: 0 0 0 0;
															background-color: #E8E8E8;
															
															border-top: 1px solid #AAAAAA; 
															}

#columnB h3 {											color: #606060;
															font-size: 1.3em;
															font-weight: bold;
															margin: 25px 20px 10px 20px; }

#columnB h4 {											color: #606060;
															font-size: 1.3em;
															font-weight: bold;
															margin: 25px 20px 10px 20px; }
									
#columnB ul.text {									list-style-type: disc;
															margin: 0 20px 0 35px;
															padding: 0 0 0 0;}

#columnB ul.text li {								margin: 0 0 0 0;
															padding: 0 0 .6em 0; }

#columnB ul li {										font-size: 12px; }

#columnB a { 											color: #BB0E3D;
															text-decoration: none;
															font-weight: bold; }

#columnB li strong,
#columnB li a { 										display: block;
															padding: 3px 20px 3px 20px;
															margin: 10px 0 0 1px; }

#columnB ul ul a { 									padding: 3px 20px 3px 30px;
															margin: 0 0 0 1px; }

#columnB a:hover { 									color: #973335;
															text-decoration: underline;}



#columnB #sidebarTwitter {							display: none; }


#otherProgramsSidebar {								margin: 0 0 0 20%; }



/* recurring elements */





.insetPhoto{											margin: 0 15px 15px 0; }

.bioPhoto {												margin: 1em 15px 5px 0;
															float: left; }

.citations {											margin: 3em 0 0 0; }

.citations p {											font-size: 1em!important;
															line-height: 1.2em!important;}
								
.figure {												text-align: center; 
															margin: 2em 0; }	



															
															
.caption {												text-align: center; 
															margin: 0 0 0 0;
															line-height: 1.4em;}
															
a .imageLink {								border: 3px solid #BB0E3D; }

a:hover .imageLink {					border-color: #606060; }																
															

.spacer {												margin: 1em 0 0 0; }	

.interiorBox {											border: 1px solid #DDDDDD;	
															padding: 10px 10px 0 10px; 
															margin: 2em 0; }

.interiorBox h3 { 									margin-top: 0!important; }

.columnContent {										float: none!important;
															clear: both!important; }
							
							
.columnContent div {									float: left; 
															width: 260px; }
								
.columnContent div.thin {							width: 150px; }								
								
								
								


.note {													margin: 3em 0 0 0;
															border-top: 1px solid #E0E0E0; 
															padding: 1em 0 0 0;
															font-size: 1.2em; }	

blockquote,
.indent {												margin-left: 30px; }

.orgChartWrapper {									margin-top: 2em; }

h2.bioName {                           		font-size: 1.6em!important;
															margin: 2em 0 .4em 0!important; }

h2.noBio {												margin-bottom: 0!important; }

.staffPhoto {											margin: 3em 0 0 0;
															text-align: center; }

.photoCaption {										font-size: 1.2em;
															margin: 1em 0 0 0; }


.spacer {												margin-top: 2em!important; }	





.secondaryLinks {										margin: 0 0 2em 0; }


.secondaryLinks h4 {									color: #606060;
															font-size: 1.4em;
															font-weight: bold;
															margin: 2em 20px 10px 15px; }


.secondaryLinks span {								padding: 7px 15px; font-weight: bold; }


.secondaryLinks ul li.indent {					margin-left: 10px; }		
															

.secondaryLinks ul li ul li a {					padding-left: 30px!important;  }	




/* branch-specific styles begin here */

.aboutImageCaption {	margin: 2em 0; }

#reviewProcess th {	font-weight: bold; width: 180px; }



/* table at /pipelineManagement/stageGate.htm */
.verticalTable {										border-collapse: collapse;
															border-spacing: none;
															margin: 10px 0 20px 0;
															border-bottom: 1px solid #AAAAAA;
															width: inherit; }
.verticalTable td,
.verticalTable th {      							padding: 5px;
															text-align: left;
															font-size: 11px!important; }
									
															
.verticalTable th {									background-color: #1C5E86;
															color: #FFF!important; 
															font-weight: bold!important; 
															vertical-align: bottom!important;}
											
.verticalTable td {      							background-color: #F0F0F0;}											
											
.verticalTable td p{      							font-size: 11px!important;
															margin-bottom: 18px;}


#stageGateCriteriaTable td,
#stageGateCriteriaTable th {      				width: 115px;}		


#tpbTable td,
#tpbTable th {      									width: 142px;}		


/* table at /entryToPipeline/instructions.htm */

#reportingGuideline {							border-collapse: collapse;
														border-spacing: 0px;
														margin: 1em 0 2em 0;
														border-bottom: 1px solid #AAAAAA; }

#reportingGuideline caption {					font-weight: bold;
														padding: 10px;
														font-size: 1.2em;}

#reportingGuideline th {						text-align: left;
														padding: 5px 10px;
														background-color: #1C5E86;
														color: #FFF; 
														font-weight: bold;}
														
#reportingGuideline td {						font-size: 1.2em;
														padding: 5px 10px;
														border-bottom: 1px solid #AAAAAA;}

#reportingGuideline .oddRow td {				background-color: #F0F0F0; }

#reportingGuideline span {						font-weight: bold; 
														font-size: 1.4em; 
														line-height: 1.2em; 
														padding: 0px 10px;
														display: block;
														float: left; }

#reportingGuideline span.long {				padding-bottom: 2.2em; }





#discoveryResourcesSidebar,
#developmentResourcesSidebar,
#otherProgramsSidebar {				display: none; }


.discoveryResources #discoveryResourcesSidebar,
.developmentResources #developmentResourcesSidebar,
.otherPrograms #otherProgramsSidebar {				display: block!important; }





#cbcImageMap {		margin-top: 3em; }




.subSectionLinks a {									padding-left: 35px!important; }
															

.subSectionLinks .subSectionLinks a {			padding-left: 50px!important; }







/* page-specific styles below this point */

#columnA .branchLinks {											margin: 6em 0 2em 0; }
#columnB .branchLinks {											display: none; }



#columnB .aboutChief {											overflow: visible; }

#columnB .aboutChief p { 										padding: 3px 20px 10px 20px; 
																		font-size: 12px; 
																		line-height: 1.4em!important;
																		min-height: 81px; }

#columnB .aboutChief img {										margin: 0 10px 5px 0; }



#researchResourcesButtons .researchResourcesButton,
#fundingButtons .fundingButton {												font-size: 1.4em;
																						width: 40%;
																						min-width: 230px; }


#researchResourcesButtons .researchResourcesButton a,
#fundingButtons .fundingButton a {											width: 100%;
																						min-width: 230px; }


#newsletterSignUpForm {							width: 300px;
														float: right;
														margin: 0 0 15px 30px;
														background-color: #F0F0F0;
														padding: 10px 10px 10px 10px;
														border: 1px solid #CCC;}

#newsletterSignUpForm h3 {						margin: 0 0 10px 0!important;
														font-size: 1.2em!important;}
														
#newsletterSignUpForm input#email {			width: 210px; }