@import url("/includefiles/redesign/css/reset.css");
@import url("/includefiles/redesign/css/main.css");
@import url("/includefiles/redesign/css/menu.css");

/* standard DCTD branch styles */

#bodycopy.three {										background: #FFF url(/images/redesign/bkg3.gif) repeat-y 0 0;}
#bodycopy.two {										background: #FFF url(/images/redesign/bkg2.gif) repeat-y 0 0;}

#bodycopy.two #columnB { 							display: none; }
				
#columnA {												width: 200px;
															float: left;
															padding: 20px 0 0 0;
															height: 800px;
															background: transparent url(/images/redesign/bkg_colA.png) no-repeat 0 0;}

#branchLinks {											margin: 6em 0 0 0; }

#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 20px;
															width: 159px;}

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

#mainColumn {											width: 560px;
															float: left;
															margin: 0;
															padding: 20px;
															min-height: 300px;}

.two #mainColumn {									width: 760px; }

#pageSectionLinks { 									font-size: 11px; }

#pageSectionLinks span { 							padding: 0 5px; }

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

#pageSectionLinks a:hover {						color: #272727!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: #272727;
															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;}

#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: 12px;
															line-height: 18px;
															color: #272727;
															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;}

#mainColumn ol {										font-size: 12px;
															line-height: 18px;
															color: #272727;
															list-style: outside;
															list-style-type: decimal;
															margin-bottom: 12px;
															padding-left: 20px; }
									
#mainColumn ol ol {									margin-bottom: 0px;}
									
#mainColumn ol.number {								list-style-type: decimal; }						
#mainColumn ol.roman {								list-style-type: upper-roman; }
#mainColumn ol.alphaU {								list-style-type: upper-alpha; }
#mainColumn ol.alphal {								list-style-type: lower-alpha; }

#mainColumn .nospace {								margin-top: 0!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: 200px;
															float: right;
															padding: 0;
															height: 750px;
															background: transparent url(/images/redesign/bkg_colB.png) no-repeat 0 0;}

#columnB h3 {											background-color:  #18539c;
															-moz-border-radius: 9px;
															-webkit-border-radius: 9px;
															-khtml-border-radius: 9px;
															border-radius: 9px;
															color: #FFF;
															font-size: 16px;
															font-weight: bold;
															padding: 3px 6px;
															margin: 15px 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 a { 											color: #BB0E3D;
															text-decoration: none;
															font-weight: bold; }

#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 .aboutChief { 								display: none; }
	
.default #columnB .aboutChief { 					display: block; }

.aboutChief {											padding-top: 1em; }

#columnB .aboutChief p { 							padding: 3px 20px 3px 20px; 
															font-size: 11px; 
															line-height: 14px; }

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







/* recurring elements */

p.disclaimer {											font-size: 10px!important;
															line-height: 12px!important;
															margin-top: 4em; }

.insetBox {												width: 280px;
															margin: 20px 0 20px 20px;
															float: right;
															padding: 10px 10px 10px 10px;
															background-color: #F0F0F0;
															border: 1px solid #E0E0E0;
															-moz-border-radius: 9px;
															-webkit-border-radius: 9px;
															-khtml-border-radius: 9px;
															border-radius: 9px;
															overflow: hidden;
															clear: right!important; }
									
.insetBox h4 {											font-size: 14px;
															background-color: #597FC4;
															color: #FFF!important;
															font-weight: bold;
															margin: -10px -10px 5px -10px!important;
															padding: 5px 10px 5px 10px; }

.backtotop {											font-size: 10px;
															text-align: right;}

.section {												margin-top: 4em;
															padding-top: 1em;
															border-top: 1px solid #E0E0E0; }

.centerNote {											text-align: center;
															padding-top: 2em; }

.announcement {										margin: 2em 0;
															font-size: 18px!important;
															font-weight: bold; }

.underline { 											text-decoration:underline; }



/* 	the following controls the sidebar "highlighting" effect when you're on a page.
		use the same class in the <div id="bodycopy"> and the <a> in the columnA.htm include */
		
.c01 .c01,
.c02 .c02,
.c03 .c03,
.c04 .c04,
.c05 .c05,
.c06 .c06,
.c07 .c07,
.c08 .c08,
.c09 .c09,
.c10 .c10,
.c11 .c11,
.c12 .c12,
.c13 .c13,
.c14 .c14,
.c15 .c15,
.b01 .b01,
.b02 .b02,
.b03 .b03,
.b04 .b04,
.b05 .b05,
.b06 .b06,
.b07 .b07,
.b08 .b08,
.b09 .b09,
.b10 .b10,
.b11 .b11,
.b12 .b12,
.b13 .b13,
.b14 .b14,
.b15 .b15{ 											background-color: #DDDDDD; } 



.dataTable {											border-collapse: collapse;
															border-spacing: none;
															margin: 10px 0 20px 0;
															border-bottom: 1px solid #AAAAAA;
															width: inherit; }

.dataTable caption {	 								font-size: 14px;
															line-height: 21px;
															color: #18539c;
															font-weight: bold;
															margin-top: 20px;
															text-align: center; }

.dataTable td, .dataTable th {      			padding: 5px;
															text-align: left; }
															
.dataTable th {										font-weight: bold;
															vertical-align: bottom!important;}

.dataTable td {     									border-top: 1px solid #AAAAAA;
															vertical-align: top;}

.dataTable .oddRow {									background-color: #F0F0F0; }



.prevNextLinks {										margin-top: 6em; }

.prevNextLinks a {									font-weight: normal!important; }

.prevNextLinks div {									margin-bottom: 2em; }

.prevnextBar {											padding: 0 10px;}


.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: 1em 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: 1em 0 0 0; }	












/* branch-specific styles begin here */

.oad .oad,
.gcob .gcob,
.mpb .mpb,
.btb .btb,
.tpb .tpb,
.dscb .dscb,
.npb .npb,
.prb .prb,
.itb .itb,
.iob .iob { 											background-color: #DDDDDD; } 


#repositoriesImages img {	margin: 1em 15px 1em 0; width: 250px; }			


.mtaTourBlock {	margin: 2em 0;
						padding: 15px 15px;
						background-color: #EFEFEF; }
						
						
.mtaTourFakeLink {	color: blue;
							text-decoration: underline; }
							
.mtaPink {				color: #FF00CC; }		
.mtaRed {				color: red;}		
.mtaGreen {				color: green;}		
.mtaBlue {				color: blue;}		

.mtaTourTable {										border: 1px solid #000;
															border-collapse: separate;
															border-spacing: 2px; }
															
.mtaTourTable td {									border: 1px solid #000;
															padding: 5px;
															font-size: 1em!important;
															width: 240px;}

.mtaTourTopRow td {									text-align: center;
															font-weight: bold; }
															
.mtaTourSection {										width: 760px; 
															margin: 0 0 2em 0;}

.mtaTourDescription {								width: 480px;
															float: right; }
															
.mtaTourTableLeft {									float: left; }															
															
															
#oadOrgChart {											margin: 2em 0 2em 0; }	


.gcobStaffBlock { 									margin: 2em 0 0 0;
															padding-top: 2em;
															border-top: 1px solid #E0E0E0; }

.gcobStaffPhoto { 									float: left;
															padding: 0 10px 0 0;}

.gcob h2 + h4,
.gcob h4 + h3 {										margin-top: 0px!important; }


#gcobFAQ h4 { 											margin: 3em 0 0 0!important;  }


/* styles for TPB main page table */
#stageGateCriteriaTable { border-collapse: collapse;
                                                                border-spacing: 0px;
                                                                margin-top: 3em;}



#stageGateCriteriaTable th {						background-color: #1c5e86;
															color: #FFF;
															padding: 5px; 
															vertical-align: top;
															font-size: 1em;
															width: 110px;}

#stageGateCriteriaTable td {						background-color: #EFEFEF;
															padding: 5px;
															width: 110px;}
#stageGateCriteriaTable td p {					font-size: .8em; }


.tableThumbnail img {								border: 3px solid #606060; }

.tableThumbnail a img {								border-color: #BB0E3D; }
.tableThumbnail a:hover img {								border-color: #606060; }



.ourOrganizationMain h3 {							margin: 2em 0 0 0!important; }




#organizationTable {						width: 710px;
												float: none;
												clear: both;
												padding: 10px 5px 5px 5px;
												background: #ebebeb url(/images/dctd_doubledot.gif) top repeat-x; }
												
#organizationTable table {				}

#organizationTable table tr td {		vertical-align: top;
												padding: 0 5px 20px 5px; 
												        font-size: 12px;}

#organizationTable h2 {                              background: url(../images/dottedLine.gif) bottom left no-repeat;
                                                        font-size: 12px!important;
																		  color: #000!important;
                                                        text-transform: uppercase;
                                                        padding: 0 0 8px 0!important;
                                                        margin: 8px 0 8px 0!important; }
																		  
																		  
#organizationTable .programtitle {
        font-family: Arial, Helvetica, Verdana, sans-serif;
        font-size: 20px;
        color: #4f4f4f;
        letter-spacing: 1px;
        padding-right: 5px;
        padding-top: 3px!important;

        text-transform: uppercase;
		  text-align: right;
		  width: 60px;

}

#organizationTable .programdcol1 { 				width: 225px; padding-right: 20px;}
#organizationTable .programdcol2 { 				width: 275px;}

#organizationTable a {        
        font-weight: bold;

        color: #973335;
        text-decoration: none; }

#organizationTable a:hover {        

        color: #000;
        text-decoration: underline; }


#organizationTable .programtitle a {               color: #4f4f4f!important;
                                                                font-weight: normal!important;
																					 text-decoration: none;}

.redText { color:#BB0E3D!important; }