@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_h.css");


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



/* standard DCTD branch styles */

html { height: 100%; }


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

#bodycopy.two #columnB { 							display: none; }

.one #mainColumn {									width: 960px; }
.one #columnA, .one #columnB {					display: none; }


#columnA {												width: 200px;
															float: left;
															padding: 20px 0 0 0;
															min-height: 400px; 

															background: transparent url(/images/redesign/bkg_colA2.png) no-repeat 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; }



.subSectionLinks {									margin-bottom: 1em; }

.subSectionLinks .nolink,
.subSectionLinks a {									padding: 7px 20px 7px 35px!important;
															width: 144px!important; }

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






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

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

#mainColumn ul ul ul {								list-style-type: square; 
															margin-bottom: 0px;}
															
#mainColumn ol {										font-size: 12px;
															line-height: 18px;
															color: #0F0F0F;
															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: -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: 200px;
															float: right;
															padding: 0;
															min-height: 400px; 

															background: transparent url(/images/redesign/bkg_colB2.png) no-repeat 0 0;}





#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 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 .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 */





.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 20px; }
									


.secondaryLinks span {								padding: 7px 20px; font-weight: bold; }
.secondaryLinks ul li ul li a {					padding-left: 30px!important; 
															width: 149px!important; }											
															



.lb {														display: block; }


/* branch-specific styles begin here */


#columnA .branchLinks {								margin: 6em 0 1em 0; }
#columnA .secureAccessLink {						display: none;  }

#columnB .branchLinks {								display: none; }
#columnB .secureAccessLink {						display: none;  }





.pep-ctnTableWrapper {								border-top: 1px solid #CCC;
															border-left: 1px solid #CCC;
															clear: both;
															overflow: auto;}

.pep-ctnTableCell { 									box-sizing: border-box;
															float: left;
															border-right: 1px solid #CCC;
															border-bottom: 1px solid #CCC;
															width: 50%;
															height: 150px;
															padding: 15px;}