@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 15px 10px 15px;
															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; }

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



.subSectionLinks {									margin-bottom: 1em; }

.subSectionLinks .nolink,
.subSectionLinks a {									padding-left: 25px!important; }

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



#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: 100% }
.one #columnA,.one #columnB {						display: none!important; }

#bodycopy.one  {										background-image: none!important;}
															
															

#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: 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 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: 0; }

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

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



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

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

#columnB .branchLinks {								display: none; }
#columnB .secureAccessLink {						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; }


#columnA #sectionLinks div img {					max-width: 100%; }




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