@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: 2em; }

#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,
.brb .brb,
.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; }