.clear,.clearfix:after{
    visibility:hidden;
    display:block;
    clear:both
}
#GreenBlock a,
#LeftStaticLinks a,
#TealBlock a,
a.level0,
div a.toggleMore,
ul.megamenu .sub ul li h2{
    text-transform:uppercase
}

html{
    font-size:16px
}
.Normal,body{
    color:#5e5e5e;
    font-family:Arial,Helvetica,Sans-Serif;
    font-size:1rem;
    font-weight:400;
    line-height:1.26563rem;
    margin:0;
    padding:0;
    position:relative
}
*{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    text-shadow:none;
    text-rendering:optimizeLegibility
}
img{
    border:0
}
.clear{
    overflow:hidden;
    width:0;
    height:0
}
.clearfix:after{
    content:' ';
    font-size:0;
    line-height:0
}
.base-heading,.heading-h1,.heading-h2,.heading-h3,.heading-h4,.heading-h5{
    text-transform:uppercase;
    font-weight:700;
    display:block;
    text-decoration:none
}
.heading-h1{
    color:#779d72;
    font-family:"Roboto Condensed",Arial,Helvetica,Sans-Serif;
    font-size:1.26563rem;
    line-height:26px;
    margin:0 0 15px
}
.heading-h2,.heading-h3{
    font-family:"Roboto Condensed",Arial,Helvetica,Sans-Serif
}
.heading-h2{
    color:#333;
    font-size:1.125rem;
    line-height:22px;
    margin:0 0 10px
}
.heading-h3{
    color:#779d72;
    font-size:1rem;
    line-height:22px;
    margin:0 0 5px
}
.heading-h4,.heading-h5{
    font-family:"Oswald",Tahoma,sans-serif;
    text-shadow:-1px -1px rgba(51,51,51,.6)
}
.heading-h4{
    color:#95d5d4;
    font-size:1.60181rem;
    line-height:22px
}
.heading-h5{
    color:#333;
    font-size:2.88651rem;
    line-height:50px
}
.heading-h6{
    color:#FFF;
    font-family:"Roboto Condensed",Arial,Helvetica,Sans-Serif;
    font-size:1rem;
    line-height:18px;
    font-weight:300;
    display:block;
    margin:0 0 10px
}
a.level0,li.sublink a,ul.megamenu .sub ul li h2 a,ul.megamenu ul.submenu>li>a{
    font-family:"Roboto Condensed",Arial,Helvetica,Sans-Serif
}
hr{
    clear:both;
    background-color:transparent;
    border-color:#ccc;
    border-style:none none dotted;
    border-width:1px;
    color:#ccc;
    margin-top:10px;
    margin-bottom:10px
}
ul.megamenu,ul.megamenu li,ul.megamenu ul{
    margin: 0px;
    padding:0px;
}

ul.megamenu{
    float:right;
    list-style:none
}
ul.megamenu,ul.megamenu li{
    list-style-type:none
}
ul.megamenu li{
    float:left;
    position:relative
}
ul.megamenu li a{
    float:left;
    text-decoration:none
}
ul.megamenu li .sub{
    position:absolute;
    float:left;
    display:none;
    width:1200px
}
ul.megamenu li .row{
    clear:both;
    float:left;
    width:100%;
    margin-bottom:10px
}
ul.megamenu li .sub ul.megamenusubcontent{
    list-style:none;
    margin:0;
    padding:0;
    float:left
}
div.sub{
    width:990px!important
}
ul.megamenu .sub ul li{
    width:100%
}
ul.megamenu .sub ul li h2{
    padding:0;
    margin:0;
    font-size:.70233rem;
    font-weight:400;
    text-align:center
}
ul.megamenu .sub ul li.subheader h2 a,ul.megamenu .sub ul li.subheader h2 a:visited{
    color: #ffffff;
    font-weight:700
}

/* #Nav3 text should be Pitt Gold on hover */
ul.megamenu .sub ul li.subheader h2 a:hover{
    color: #ffb81c;
}

ul.megamenu .sub ul li h2 a{
    margin:0;
    font-size:.79012rem;
    font-weight:700;
    white-space:nowrap
}
ul.megamenu .sub ul li a.subStyle1{
    padding:0 48px
}
ul.megamenu .sub ul li a.subStyle2,ul.megamenu .sub ul li a.subStyle3,ul.megamenu .sub ul li a.subStyle4,ul.megamenu .sub ul li a.subStyle5,ul.megamenu .sub ul li a.subStyle6,ul.megamenu .sub ul li a.subStyle7,ul.megamenu .sub ul li a.subStyle8{
    padding:0 40px
}
ul.megamenu .sub ul li a{
    float:none;
    text-indent:0;
    display:block;
    text-decoration:none;
    color:#5e5e5e;
    padding:0;
    margin:0
}
ul.megamenu .sub ul li a:hover{
    color:#ea5948
}
ul.megamenu .sub ul li a.nohover:hover{
    color:#5e5e5e
}
ul.megamenu .sub ul li li a{
    max-width:130px
}
ul.megamenu{
    background-color:#00205b;
}
ul.megamenu a{
    color:#ffffff;
}
#megamenu li.sublink{
    margin-bottom:4px;
    margin-top:4px;
    float:none;
    border-bottom:1px dotted #5e5e5e
}
#megamenu li.sublink:last-child{
    border-bottom:none
}
ul.megamenu li .sub{
    background-color:transparent
}
a.level0{
    font-size:.6243rem;
    font-weight:700;
    line-height:10px;
    min-height:57px;
    max-width: 86px;
    padding: 10px 8px 0 10px;
}

/* University of Pittsburgh Logo */
ul.megamenu li.level0:first-child a.level0{
    content: "";
    background-image: url("/Portals/_default/Skins/AAA_UPPH/images/UPitt_GraduateSchoolPublicHealth.png");
    background-repeat: no-repeat;
    background-size: 260px 65px;
    height: auto;
    margin-top: -20px;
    margin-left: 22px;
    padding-right: 255px;
    /* Due to the DDRMenu structure, we can't fully replace the text "Home" with
     * a png logo.  The best we can do is set the logo as a background-imag and make
     * the text transparent.
     */
    color: transparent;
}
/* draw dotted-line spacers after Nav2 links */
a.level0::after{
    content:'';
    position:absolute;
    border-right:1.5px dotted gray;
    top: 10%;
    bottom:30%;
    right:0;
}
/* don't draw a dotted-line spacer after GSPH logo png */
/* don't draw a dotted-line spacer after Nav2 link to IDM */
li.level0:first-child a.level0::after,
li.level0:last-child  a.level0::after{
    content:'';
    border:none
}

.megamenusubcontent ul{
    display:none
}
ul.megamenu ul.submenu>li{
    margin:20px;
    padding:0
}
ul.megamenu ul.submenu>li>a{
    font-weight:700;
    line-height:1.26563rem
}

ul.megamenu ul.submenu{
    background-color:#fafafa;
    font-size:.79012rem!important;
    overflow:hidden;
    padding:0;
    position:relative;
    min-width:986px
}
.FeaturePane,.ImagePane{
    position:absolute
}
#FooterUpper,
#FooterMain,
#FooterLower,
#Nav1_QuickLinks,
#Nav2_Departments{
    min-width:990px
}
li.sublink a{
    font-weight:400
}
.submenu-footer{
    margin:0px;
    height:46px;
    background-color:#fafafa
}
#dnn_dnnSearch_txtSearch,ul.megamenu .sub li.currentSub{
    background-color:transparent
}

.ImagePane{
    top:0;
    right:0;
    display:block;
    width:960px
}
.FeaturePane{
    top:10px;
    right:10px;
    display:block;
    width:380px;
    height:480px
}
.dnnEditState .FeaturePane{
    position:absolute;
    top:10px;
    right:60px
}
.DefaultLeftPane,.HomeFeaturePane,.HomeLeftPane,.LeftPane{
    display:block;
    position:relative
}

.ContentPane,.DefaultImagePane{
    clear:both;
    position:relative
}
.DefaultLeftPane{
    float:left;
    width:535px
}
.DefaultLeftPane img{
    max-width:535px
}
.dnnEditState .DefaultLeftPane{
    width:526px
}
.LeftPane{
    float:left;
    width:435px
}

.DepartmentLeftPane{
    float:left;
    width:575px;
    display:block;
    position:relative;
    padding-top: 1em;
}
.DefaultRightPane,.RightPane{
    float:right;
    position:relative;
    display:block
}
.DefaultRightPane{
    width:220px
}
.DefaultRightPane img{
    max-width:220px
}
.RightPane{
    width: 297px;
}
.BottomPane{
    clear:both;
    position:relative
}
.BottomPane img{
    max-width:790px
}
.DNNEmptyPane,.dnnEditState .dnnDragHint{
    display:none
}
.ContentPane img[title=Maximize],.ContentPane img[title=Minimize]{
    margin-top:-4px
}
#Login,#Nav1_QuickLinks{
    height:48px;
    position:relative
}
.ContentWidth{
    margin:0 Auto;
    width:990px;
    position:relative
}
#Search,#Nav2_Departments{
    background-color:#fff
}
#Nav1_QuickLinks{
    display:block;
    margin:0 auto;
    background-color:#00205b;
    text-align:right;
    clear:both
}
#Nav1_QuickLinks > div.ContentWidth{
   padding-left: 262px;
   width: 650px;
}

#PittLogo{
    position:absolute;
    top:0;
    left:20px;
}
#PittLogo img{
    height: 30px;
    padding-top: 8px;
}

/* QuickLinks in Nav1 should all float left */
.QuickLinks{
    float: left;
}
/* except for the QuickLink to Pitt's site, which should float right */
.QuickLinks.PittHome{
    float: right;
}

a.QuickLinks,
a.QuickLinks:active,
a.QuickLinks:hover,
a.QuickLinks:visited,
#Login .loginGroup a{
    font-family:Arial,Helvetica,Sans-Serif;
    color:#e6e6e6;
    font-size:.79012rem;
    line-height:48px;
    font-weight:700;
    margin:0 0 0 20px;
    text-decoration: none;
}
a.QuickLinks:hover,
#Login .loginGroup a:hover{
    color: #ffb81c; /* Pitt Gold */
}

#Login .registerGroup,#Login .registerGroup *{
    display:none
}
#Login .loginGroup,#Login .loginGroup *{
    display:block
}
#Login .loginGroup{
    float:left;
    padding:0;
    margin:0;
    position:relative
}

#Nav1_QuickLinks #flip{
    display:inline;
    margin-left:25px;
    line-height: 48px;
    cursor:pointer;
}
#Nav1_QuickLinks #flip i{
    color:#e6e6e6;
    font-size: 13px;
}
#Nav1_QuickLinks #panel{
    position:absolute;
    right: 55px;
    top: 50px;
    display:none;
    z-index: 7; /* must be higher than z-index of #Nav2 */
    background: #00205b;
    padding:0px 25px 37px 40px;
}

#Search{
    position:relative;
    width:410px;
    height:40px;
    margin-top:5px;
    float:right;
    text-align:left
}
#Search a.SearchButton:link,#Search a.SearchButton:visited{
    display:inline-block;
    float:left;
    font-size:0;
    height:32px;
    width:32px;
    margin:0;
    padding:0;
    text-decoration:none
}
#Search a.SearchButton:before{
    font-family:FontAwesome;
    content:"\f002";
    text-decoration:none;
    color:#5e5e5e;
    font-size:1.125rem;
    line-height:38px;
    padding-left:8px
}
#dnn_dnnSearch_txtSearch{
    display:block;
    float:left;
    width:368px;
    height:38px;
    padding:2px 0px 0px 10px;
    margin:0;
    border:none;
    border-radius:0;
    box-shadow:none;
    outline:0;
    color:#002142;
    line-height:32px;
    font-size:1rem;
    -webkit-transition:all .1s ease-in-out;
    -moz-transition:all .1s ease-in-out;
    -ms-transition:all .1s ease-in-out;
    -o-transition:all .1s ease-in-out;
    transition:all .1s ease-in-out
}
#dnn_dnnSearch_txtSearch:active,#dnn_dnnSearch_txtSearch:focus{
    background:#f2f2f2;
    box-shadow:inset 0 3px 8px #999
}
.dnnSearchResultContainer>.dnnSearchResultItem>.dnnSearchResultItem-Link span{
    color:#668a60!important;
    margin:0 0 6px
}

#LeftColumn{
    float:left;
    width:182px;
    margin-left:4px;
    display:block
}
#GreenBlock,#TealBlock{
    position:relative;
    width:181px;
    height:83px;
    margin:5px 0 0;
    padding:0
}
#TealBlock{
    background-color:#006e7a
}
#RightColumnTop,#SingleColumnTop,#TopPageName_P>h1{
    background:url(Images/rightcolumntop_bg_repeat.png) center bottom repeat-x
}
#GreenBlock:after,#TealBlock:after{
    display:block;
    top:83px;
    right:0;
    border-top:0 solid transparent;
    border-bottom:10px solid transparent;
    border-left:10px solid #496345
}
#GreenBlock a,#TealBlock a{
    color:#fff;
    font-family:"Roboto Condensed",Arial,Helvetica,Sans-Serif;
    font-size:.79012rem;
    text-decoration:none;
    font-weight:700;
    line-height:1.26563rem;
    padding-left:10px;
    padding-top:13px;
    padding-right:10px;
    display:block
}

#LeftMenu,#LeftStaticLinks{
    clear:both;
    padding:0 20px 0 16px
}
#LeftStaticLinks a{
    clear:both;
    display:block;
    margin:0;
    text-decoration:none;
    font-family:"Roboto Condensed",Arial,Helvetica,Sans-Serif;
    font-size:.79012rem;
    line-height:13px;
    font-weight:700;
    color:#ea5948;
    padding:10px 0
}
#ApplyLink{
    border-bottom:1px dotted #d9d9d9
}
#RightColumn{
    float:right;
    width:790px;
    margin-right:5px;
    display:block
}
#RightColumnTop{
    clear:both;
    padding:4px 13px 20px;
    margin-bottom:15px
}
#SingleColumn,#TwoColumn_P{
    margin-left:15px;
    margin-right:15px;
    display:block
}
#SingleColumnTop{
    clear:both;
    padding:4px 13px 10px
}
#TwoColumnTop_P{
    clear:both;
    padding:4px 13px 0
}
#TwoColumn_P a,#TwoColumn_P p{
    /* It's unclear why <p> tags in FSD profiles were ever assigned 0px margin like this,
     * but it's messy to change now.  Most faculty members have paragraphs that appear to
     * bleed together as a result.  Some faculty members, however, have gone out of their
     * way to add <p>&nbsp;</p> to force spacing between paragraphs.  This is laudible(!)
     * but makes it more difficult to change this value now.
     */
    margin: 0px;
}
#TopPageName,#TopPageName_P>h1{
    font-weight:300;
    color:#4d4d4d;
    display:block
}
#Breadcrumbs,#Breadcrumbs a,#Breadcrumbs a:visited{
    color:#999
}
#TwoColumn_P a{
    color:#2a73bb;
    text-decoration:none
}
#TwoColumn_P a:hover{
    text-decoration:underline
}

#TopPageName,#TopPageName_P>h1{
    font-family:"Roboto Condensed",Arial,Helvetica,Sans-Serif
}
#TwoColumn_P .LeftPane{
    padding-right:25px
}
#TopPageName_P > h1{
    font-size:1.60181rem;
    width:960px;
    padding-bottom:20px;
    text-transform:none;
}
#FeatureArea,.ImagePane,
.dnnEditState .ImagePane .DNNModuleContent{
    height:500px
}
#TopPageName{
    font-size:1.60181rem;
    line-height:34px;
    width:575px
}

#ShareButtons{
    display:block;
    width:180px;
    text-align:right;
    float:right
}
#FeatureArea{
    clear:both;
    position:relative;
    z-index:3;
}

/* Nav2 needs a lower z-index than #Nav1_QuickLinks #Panel so that
   search (#Panel) can toggle down into view when needed and draw over Nav2
*/
#Nav2_Departments{
    z-index:6;
}

.ImagePane{
    z-index:4
}
.FeaturePane{
    z-index:5
}
div a.toggleMore{
    margin-top:15px!important;
    background:#348a93;
    padding:7px 20px;
    color:#fff!important;
    text-decoration:none
}
div a.toggleMore:hover{
    background:#ea5948;
    color:#fff;
    text-decoration:none!important
}
.dnnEditState .more_DarkGreen,.dnnEditState .more_DarkTeal,.dnnEditState .more_LightGreen,.dnnEditState .more_LightTeal,.more_DarkGreen,.more_DarkTeal,.more_LightGreen,.more_LightTeal{
    display:inline-block;
    position:absolute;
    width:62px;
    height:28px;
    margin-left:auto;
    margin-right:auto;
    bottom:0;
    left:0;
    right:0;
    border:1px solid #f2f2f2;
    vertical-align:top;
    font-size:.70233rem;
    font-weight:700;
    font-family:"Roboto Condensed",Arial,Helvetica,Sans-Serif!important;
    line-height:28px!important;
    color:#fff!important
}
.brick-red{
    color:#ea5948
}
.datagrid table{
    border-collapse:collapse;
    text-align:left;
    width:100%
}
.datagrid{
    font-family:Arial,Helvetica,Sans-Serif;
    font-weight:400;
    font-size:.70233rem;
    line-height:150%;
    background:#fff;
    overflow:hidden;
    border:1px solid #668a60
}
.datagrid table td,.datagrid table th{
    padding:3px 10px
}
.datagrid table thead th{
    background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#668a60),color-stop(1,#668a60)) #668a60;
    background:-moz-linear-gradient(center top,#668a60 5%,#668a60 100%) #668a60;
    color:#FFF;
    font-size:.6243rem;
    font-weight:700;
    border-left:1px solid #FFF
}
.datagrid table thead th:first-child{
    border:none
}
.datagrid table tbody td{
    color:#737373;
    border-left:1px solid #def2f2;
    font-size:.70233rem;
    border-bottom:1px solid #def2f2;
    font-weight:400
}
.datagrid table tbody td:first-child{
    border-left:none
}
.datagrid table tbody tr:last-child td{
    border-bottom:none
}
ul.courseCatalogListing{
    list-style-type:none!important;
    margin:0;
    padding:0;
    border-bottom:1px dotted #ababab
}
table.courseCatalogSchedule{
    padding:0;
    margin:0;
    border-spacing:0;
    border:1px solid #ababab;
    width:100%;
    table-layout:fixed
}
ul.courseCatalogListing li{
    margin:0;
    padding:0;
    line-height:25px!important;
    border-top:1px dotted #ababab!important
}
table.courseCatalogSchedule td,table.courseCatalogSchedule th{
    padding:3px 5px;
    margin:0;
    text-align:center;
}
ul.courseCatalogListing li a{
    color:#5e5e5e!important;
    padding:4px;
    display:block
}
table.courseCatalogSchedule tr.greyRow td,ul.courseCatalogListing li.greyRow a{
    background-color:#f2f2f2
}
ul.courseCatalogListing li a:hover{
    color:#fff!important;
    text-decoration:none!important;
    background-color:#cdb87d
}
.profile-affiliations{
    width:665px
}
.lg-img-container{
    float:right
}
.lg-img-container-bottom{
    display:block;
    width:300px;
    height:7px;
    clear:both;
    margin:0;
    background:url(/images/fsd_lg_img_bg_bottom.png) top center no-repeat;
    overflow:hidden
}
.fsdTextView{
    width:903px!important;
    margin:5px 5px 0 52px
}
.fsdTextView2{
    width:770px!important;
    margin:5px 5px 0 0
}
.fsd-list{
    clear:both;
    margin:10px 0 0!important;
    padding:0!important
}
.fsd-list .sm-txt-container{
    padding:10px 0 0 9px;
    width:177px;
    font-size:.79012rem;
    line-height:16px
}
.fsd-record,.fsd-record2{
    display:block;
    width:188px;
    padding:0;
    float:left;
    overflow:hidden
}
.fsd-list .sm-txt-container a{
    font-size:.79012rem
}
.fsd-record{
    height:305px;
    margin:10px 0 10px 52px;
    font-size:.70233rem;
    line-height:16px
}
.fsd-record a{
    font-size:.79012rem;
    line-height:16px
}
.fsd-record2,.fsd-record2 a{
    font-size:.70233rem;
    line-height:16px
}
.fsd-record2{
    height:300px;
    margin:10px 8px 10px 0
}
.sm-img,.sm-img-container{
    display:block;
    width:170px
}
.sm-img-container{
    height:170px;
    padding:5px;
    overflow:hidden;
    clear:both;
    margin:0
}
.lg-img,.lg-img-container{
    width:280px;
    display:block
}
.lg-img-container{
    padding:7px;
    clear:both;
    margin:0
}
#dirFilter select,#nameSearch{
    margin-top:10px;
    padding:5px;
    border:1px solid #ccc;
    font-size:1rem
}
#dirFilter{
    width:392px
}
#dirFilter select{
    width:330px
}
.filter-text{
    float:left;
    width:60px
}
.filter-contactType,.filter-contactType2.filter-department{
    float:left
}
#nameSearch{
    float:left;
    width:320px
}
#nameSearch,.filter-contactType{
    margin-left:60px
}
.filter-contactType2{
    margin-left:0
}
input[type=text]:focus,select:focus{
    border:1px solid #fafafa;
    box-shadow:0 0 5px #2a73bb;
    outline:0
}
div.profile-affiliations{
    width:630px
}
div.profile-affiliations p{
    font-weight:700!important
}
div.profile-affiliations #assistant{
    font-size:1rem;
    line-height:1.26563rem
}
.form-instructions{
    width:600px
}
.form-instructions h2{
    color:#006e7a;
    font-family:"Roboto Condensed",Arial,Helvetica,Sans-Serif;
    font-size:1.26563rem;
    font-weight:400;
    height:24px;
    text-transform:uppercase;
    line-height:20px;
    display:block;
    margin-bottom:15px
}
.form-row{
    float:left;
    display:block;
    width:630px;
    margin:5px 0;
    padding:0
}
.form-column{
    padding-left:15px
}
div.xmp-form-row span div input{
    width:210px
}
div.xmp-form-row textarea{
    font-weight:400!important
}
div.xmp-form-row input,div.xmp-form-row label,div.xmp-form-row select,div.xmp-form-row textarea{
    font-size:1rem!important;
    padding:2px
}
#dnn_ctr10787_DNNArticleSearch_cmdSearch:hover,#dnn_ctr10790_DNNArticleSearch_cmdSearch:hover,.DynamicForms_SaveFormDiv a:first-of-type:hover,.form-column input[type=submit]:hover,div.xmp-form-row span div a.CommandButton:hover{
	background: #5e5e5e;
    text-decoration:none!important
}
#dnn_ctr10787_DNNArticleSearch_cmdSearch:visited,#dnn_ctr10790_DNNArticleSearch_cmdSearch:visited,.DynamicForms_SaveFormDiv a:first-of-type:visited,.form-column input[type=submit]:visited,div.xmp-form-row span div a.CommandButton:visited{
    background:#663399
}
.DNNContainer_Sidebar_Title_h2 #dnn_ctr10787_DNNArticleSearch_txtSearch,.DNNContainer_Sidebar_Title_h2 #dnn_ctr10790_DNNArticleSearch_txtSearch{
    width:180px!important
}
.form-column p{
    padding-top:3px
}
tr.DynamicForms_TableRow{
    border-bottom:1px dotted #d9d9d9
}
tr.DynamicForms_TableRow input,tr.DynamicForms_TableRow select{
    font-size:1rem
}
tr.DynamicForms_TableRow td.NormalBold{
    width:200px;
    white-space:normal!important
}
.dnnEditState tr.DynamicForms_TableRow td:first-child{
    width:20px
}
.dnnEditState tr.DynamicForms_TableRow td:nth-child(2){
    width:39px
}
.dnnEditState tr.DynamicForms_TableRow td.NormalBold{
    width:125px;
    white-space:normal!important
}
tr.DynamicForms_TableRow table.NormalTextBox,tr.DynamicForms_TableRow tbody tr td input[type=text],tr.DynamicForms_TableRow tbody tr td select{
    width:355px!important;
    height:22px!important
}
.dnnEditState tr.DynamicForms_TableRow table.NormalTextBox,.dnnEditState tr.DynamicForms_TableRow tbody tr td input[type=text],.dnnEditState tr.DynamicForms_TableRow tbody tr td select{
    width:200px;
    height:auto
}
tr.DynamicForms_TableRow tbody tr td textarea{
    width:355px!important;
    height:150px!important
}
.dnnEditState tr.DynamicForms_TableRow tbody tr td textarea{
    width:200px;
    height:auto
}

#divRss div.itemContent,#divRss div.itemContent a,#divRss div.itemContent li,#divRss div.itemContent ol,#divRss div.itemContent ul{
    color:#262626;
    font-family:Arial,Helvetica,Sans-Serif;
    font-size:1.80203rem;
    line-height:34px;
    text-transform:none;
    font-weight:700
}
.imgCaptionL,.imgCaptionR{
    margin-bottom:10px;
    font-style:italic
}
.imgCaptionR{
    float:right;
    margin-left:15px
}
.imgCaptionL{
    float:left;
    margin-right:15px
}
.imgCaptionL img,.imgCaptionR img{
    margin-bottom:5px
}
.imgL,.imgR{
    margin-bottom:10px
}
.imgR{
    float:right;
    margin-left:15px
}
.imgL{
    float:left;
    margin-right:15px
}
#divRss div.itemContent,#divRss div.itemContent li,#divRss div.itemContent ol,#divRss div.itemContent ul{
    width:680px;
    padding:0 0 0 525px
}
#divRss div.itemDate,#divRss div.itemTitle,#divRss div.itemTitle a,.DNNContainer h1,.DNNContainer h2,.DNNContainer h3,.DNNContainer h4,.DNNContainer h5,.DNNContainer h6,.DnnModule h1,.DnnModule h2,.DnnModule h3,.DnnModule h4,.DnnModule h5,.DnnModule h6{
    text-transform:uppercase
}

#divRss div.itemTitle,#divRss div.itemTitle a{
    color:#2a73bb;
    font-size:2.88651rem;
    line-height:66px;
    font-family: "Oswald",Impact,Tahoma,sans-serif;
    font-weight:700
}
#divRss div.itemTitle a:hover{
    color:#ea5948
}
#divRss div.itemTitle a:visited{
    color:#663399
}
#divRss div.itemContent img{
    padding:0 30px 0 0;
    width:500px;
    position:absolute;
    visibility:visible;
    left:0;
    top:0;
    z-index:200
}
#divRss div.itemContent ul{
    margin-bottom:22px;
    list-style-type:disc
}
#divRss div.itemContent ul li ul{
    margin-bottom:0;
    list-style-type:circle
}
#divRss div.itemContent ol{
    margin-bottom:22px
}
#divRss div.itemContent a,#divRss div.itemContent a:active,#divRss div.itemContent a:hover,#divRss div.itemContent a:link,#divRss div.itemContent a:visited{
    text-decoration:none!important
}
#divRss div.itemTitle{
    clear:both;
    text-decoration:none;
    padding:0 0 0 525px;
    margin-bottom:30px
}
#divRss div.itemTitle a{
    text-decoration:none!important
}
#divRss div.itemTitle a:hover{
    text-decoration:underline
}
#divRss div.itemDate{
    color:#779d72;
    font-family: "Oswald";
    font-size:1.80203rem;
    line-height:30px;
    font-weight:700;
    clear:both;
    padding:20px 0 0 525px;
    margin-bottom:20px
}
#divRss div.itemDate span{
    color:#ea5948
}

span.question{
    cursor:pointer;
    display:inline-block;
    width:16px;
    height:16px;
    background-color:#008e9e;
    line-height:16px;
    color:#fff;
    font-size:.88889rem!important;
    font-weight:400;
    border-radius:6px;
    text-align:center;
    position:relative
}
div.tooltip,span.question:hover{
    background-color:#006e7a
}
div.tooltip,div.tooltip:before{
    position:absolute;
    display:block
}
.DNNContainer,.DnnModule,.minicalendar{
    position:relative
}
div.tooltip{
    color:#fff;
    left:25px;
    top:-30px;
    z-index:1000000;
    width:350px;
    border-radius:5px
}
div.tooltip:before{
    border-color:transparent #006e7a transparent transparent;
    border-right:6px solid #006e7a;
    border-style:solid;
    border-width:6px 6px 6px 0;
    content:"";
    height:0;
    width:0;
    line-height:0;
    top:40%;
    left:-6px
}
div.tooltip p{
    margin:10px!important;
    color:#fff!important;
    text-align:left;
    font-weight:400
}


.DNNContainer h1 a,
.DNNContainer h2 a,
.DNNContainer h3 a,
.DNNContainer h4 a,
.DNNContainer h5 a,
.DNNContainer h6 a,
.DnnModule h1 a,
.DnnModule h2 a,
.DnnModule h3 a,
.DnnModule h4 a,
.DnnModule h5 a,
.DnnModule h6 a{
    text-decoration:none
}


.DNNContainer h1 a:hover,
.DNNContainer h2 a:hover,
.DNNContainer h3 a:hover,
.DNNContainer h4 a:hover,
.DNNContainer h5 a:hover,
.DNNContainer h6 a:hover,
.DnnModule h1 a:hover,
.DnnModule h2 a:hover,
.DnnModule h3 a:hover,
.DnnModule h4 a:hover,
.DnnModule h5 a:hover,
.DnnModule h6 a:hover{
    text-decoration:underline;
    color:#ea5948
}

/* ------------------------------------ */
/* header styling */

h1, .DNNContainer h1,.DnnModule h1{
    font-family:"Roboto Condensed",Arial,Helvetica,Sans-Serif;
    font-size:1.26563rem;
    line-height:1.26563rem;
    margin-top: 15px;
}

h1.PageTitle{
	margin-top: 1.5rem;
	margin-bottom: 0rem;
}

h1.PageTitle.Profile{
	text-transform: none;
}

/*  Most of the time, we don't want containers to have any margins
	because most containers have an h2 or h3 header, and the h2 or h3 element
	has a margin.  The exception to this is the no-title container.
	When a no-title container is the first module on a page, we want to bump it
	down just a little so that its content aligns with the navigation on the left.
 */
div.DefaultLeftPane > div.DnnModule > div.DNNContainer.container-with-no-title,
div.DefaultImagePane > div.DnnModule > div.DNNContainer.container-with-no-title,
div.ContentPane > div.DnnModule > div.DNNContainer.container-with-no-title{
	margin-top: 1rem;
}


.DNNContainer h2,.DNNContainer h3,.DnnModule h2,.DnnModule h3{
    font-family:"Roboto Condensed",Arial,Helvetica,Sans-Serif
}
.DNNContainer h2, .DnnModule h2 {
    font-size:1.125rem;
	color: #3b5083;
    line-height:1.125rem;
	margin-top: 15px;
}
h3, .DNNContainer h3, .DnnModule h3 {
    font-size:1rem;
    line-height:1rem;
	margin-top: 3px;
}

.DNNContainer h4,.DNNContainer h5,.DnnModule h4,.DnnModule h5{
    font-family:"Oswald",Tahoma,sans-serif;
    text-shadow:-1px -1px 0 rgba(51,51,51,.6)
}
.DNNContainer h4,.DnnModule h4{
    font-size:1.60181rem;
    color:#95d5d4;
    line-height:22px;
    margin-bottom:5px
}
.DNNContainer h5,.DnnModule h5{
    font-size:2.88651rem;
    color:#333;
    line-height:50px
}
/* ------------------------------------ */

.DNNContainer div,.DNNContainer p,.DnnModule div,.DnnModule p{
    font-family: "Roboto Condensed",Arial,Helvetica,Sans-Serif;
    font-size:1rem;
    font-weight:400;
    color:#5e5e5e;
    line-height:24px
}
.DNNContainer img,.DnnModule img{
    max-width:100%;
    height:auto
}
.DNNContainer .rightIcon,.DnnModule .rightIcon{
    float:right;
    padding-left:5px
}
.DNNContainer .rightIcon img {
    max-width: 200px
}

.DnnModule .rightIcon img {
	max-width: 200px;
}

.DnnModule .featured-img {
    float: right;
    padding-left: 5px;
}

.DNNContainer .Normal,.DNNContainer .NormalDeleted,.DNNContainer .NormalDisabled,.DnnModule .Normal,.DnnModule .NormalDeleted,.DnnModule .NormalDisabled{
    color:#5e5e5e;
    font-size:1rem;
    line-height:24px
}
.DNNContainer .NormalBold,.DnnModule .NormalBold{
    color:#5e5e5e
}
.DNNContainer hr,.DnnModule hr{
    margin-top:10px;
    margin-bottom:10px;
    background-color:Transparent;
    border-color:#ccc;
    border-style:none none dotted;
    border-width:1px
}
.DNNContainer a:hover,
.DnnModule a:hover{
    color:#ed1c24;
    text-decoration:underline;
}
.DNNContainer a:active,.DNNContainer a:focus,.DnnModule a:active,.DnnModule a:focus{
    color:#2a73bb
}
.DNNContainer a:visited,.DnnModule a:visited{
    color:#663399
}
.DNNContainer ul,.DnnModule ul{
    margin-bottom:22px;
    list-style-type:disc
}
.DNNContainer ol,.DnnModule ol{
    margin-bottom:22px
}
.DNNContainer ol ol,.DNNContainer ol ul,.DNNContainer ul ol,.DNNContainer ul ul,.DnnModule ol ol,.DnnModule ol ul,.DnnModule ul ol,.DnnModule ul ul{
    list-style-type:circle
}
.DNNContainer li p,.DnnModule li p{
    line-height:24px
}
.DNNContainer table,.DnnModule table{
    width:100%;
    border-collapse:collapse;
    border:1px solid #e6e6e6
}
.DNNContainer table th,.DnnModule table th{
    border:1px solid #e6e6e6;
    background-color:#f2f2f2;
    padding:10px;
    text-align:left;
    vertical-align:top;
    font-weight:700
}
.DNNContainer table th.nostyle,.DnnModule table th.nostyle{
    border:0;
    background-color:#FFF;
    padding:0
}
.DNNContainer table td,.DnnModule table td{
    border:1px solid #e6e6e6;
    background-color:#fafafa;
    text-align:left;
    vertical-align:top;
    font-weight:400
}
.DNNContainer table td.nostyle,.DnnModule table td.nostyle{
    border:0;
    background-color:#FFF;
    padding:0
}
.DefaultRightPane .no_title,.gray-box{
    padding:10px
}
.DNNContainer table.nostyle,.DnnModule table.nostyle{
    width:auto;
    border-width:0
}
.DefaultRightPane h1{
    font-size:1.125rem
}
.DefaultRightPane h2{
    font-size:1rem
}
.DefaultRightPane h3{
    font-size:.88889rem
}
.DefaultRightPane h4,.DefaultRightPane h5{
    font-size:1.26563rem
}
.DefaultRightPane h5{
    line-height:22px
}
.DefaultRightPane div,.DefaultRightPane p{
    font-size:.79012rem;
    line-height:18px;
    margin-bottom:13px
}
.DefaultRightPane a{
    font-size:.79012rem;
    line-height:18px
}
.DefaultRightPane ol,.DefaultRightPane ol ol,.DefaultRightPane ol ul,.DefaultRightPane ul,.DefaultRightPane ul ol,.DefaultRightPane ul ul{
    font-size:.79012rem;
    line-height:18px;
    list-style-type:square
}
.DefaultRightPane .sidebarH2{
    margin:0
}
.DefaultRightPane .shortDescription{
    margin-bottom:10px
}
.DefaultRightPane a.readMore{
    font-size:.70233rem
}




.title-h1 .TitleH1{
    margin:0
}

.title-h2 .TitleH2{
    margin:0
}

.title-h3 .TitleH3{
    margin:0;
}


.gray-box{
    background-color:#e6e6e6
}

.gray-border{
    background-color:#FFF
}
.gray-box ol,.gray-box ol ol,.gray-box ol ul,.gray-box ul,.gray-box ul ol,.gray-box ul ul{
    line-height:22px;
    margin-bottom:0
}
.gray-border{
    border-color:#e6e6e6;
    border-width:3px;
    border-style:solid;
    padding:7px
}

.calendar{
    clear:both;
    width:300px;
    margin-top:25px
}
.calendar div{
    color:#FFF
}
.calendar li,.calendar p,.calendar ul{
    color:#FFF;
    font-size:.88889rem;
    line-height:15px
}
.calendar .TitleH3{
    margin:0
}
.calendar .calendar-wrap{
    width:278px;
    border:6px solid #348a93;
    border-radius:0 0 100% 100%/0 0 10% 10%;
    background-color:#3795a0;
    margin-bottom:4px;
    padding:10px 5px 5px
}
.calendar .evtTitle{
    color: #003594; /* "Pitt Royal" Jan 2020 rebrand */
    line-height:15px
}
.calendar table.RadCalendar_default{
    background-color:#e6e6e6!important;
    color:#5e5e5e;
    font-family:Arial,Helvetica,Sans-Serif;
    font-size:.88889rem;
    border-collapse:collapse;
    border:1px solid #f2f2f2
}
.calendar table.RadCalendar_default td{
    border-collapse:collapse!important;
    border:1px solid #f2f2f2!important
}
.calendar .slDayEvent,.calendar .slDayEvent td{
    color:#e6e6e6!important;
    background-color:#ea5948!important
}
.calendar .slDay a.evtDayLink,.calendar .slDay a.evtDayLink:active,.calendar .slDay a.evtDayLink:visited{
    color:#e6e6e6!important;
    font-weight:700!important
}
.calendar .pagelinks,.calendar .pagelinks a,.calendar .pagelinks a:active,.calendar .pagelinks a:hover,.calendar .pagelinks a:link,.calendar .pagelinks a:visited{
    color:#FFF;
    padding-top:8px
}
.calendar .pagelinks a:hover{
    color:#15393d!important
}
.calendar .ListTitleBig,.calendar .ListTitleBig a,.calendar .ListTitleRow{
    height:auto!important
}
.calendar .MoreLink{
    font-family:Arial,Helvetica,Sans-Serif;
    font-size:1.125rem;
    font-weight:700;
    color:#FFF;
    line-height:15px;
    text-decoration:underline
}
.calendar .MoreLink:hover{
    color:#15393d
}
.calendar img{
    max-width:278px
}
.badge.rPaneTT{
    padding:0 10px 0 15px
}
.badge .event-title:active,.badge .event-title:hover,.badge .event-title:link,.badge .event-title:visited{
    font-family:"Roboto Condensed",Arial,Helvetica,Sans-Serif;
    font-size:1rem;
    font-weight:600;
    color: #003594; /* "Pitt Royal" Jan 2020 rebrand */
    text-decoration:none;
    line-height:16px;
}
.badge .shortDescription{
    font-size:.79012rem;
    color: #003594; /* "Pitt Royal" Jan 2020 rebrand */
}
.minicalendar{
    clear:both;
    display:block;
    width:220px;
    margin-top:45px
}
.minicalendar div{
    margin-bottom:0
}
.minicalendar p{
    font-size:.88889rem;
    color:#FFF;
    line-height:15px
}
.minicalendar a{
    line-height:15px
}
.minicalendar ol,.minicalendar ol ol,.minicalendar ol ul,.minicalendar ul,.minicalendar ul ol,.minicalendar ul ul{
    font-size:.88889rem;
    color:#FFF;
    line-height:15px;
    list-style-type:disc
}
.minicalendar table{
    border:none
}
.minicalendar table td{
    border:none;
    padding:0;
    text-align:center
}
.minicalendar .RadCalendar_default,.minicalendar .RadCalendar_default td{
    border-collapse:collapse;
    border-width:1px;
    border-style:solid;
    border-color:#f2f2f2
}
.minicalendar .RadCalendar_default{
    font-family:Arial,Helvetica,Sans-Serif;
    font-size:.88889rem;
    color:#5e5e5e
}
.minicalendar .slDayEvent td{
    color:#e6e6e6;
    background-color:#ea5948
}
.minicalendar .slDay a.evtDayLink:active,.minicalendar .slDay a.evtDayLink:visited{
    color:#e6e6e6;
    font-weight:700
}
.minicalendar .pagelinks a{
    padding-top:8px
}
.minicalendar .pagelinks a:active,.minicalendar .pagelinks a:link,.minicalendar .pagelinks a:visited{
    color:#FFF
}
.minicalendar .pagelinks a:hover{
    color:#15393d
}
.minicalendar .ListTitleBig a{
    height:auto
}
.minicalendar .MoreLink{
    font-family:Arial,Helvetica,Sans-Serif;
    font-size:1.125rem;
    font-weight:700;
    color:#FFF;
    line-height:15px;
    text-decoration:underline
}
.HomeFeaturePane .header-feature-home a:hover,.main-links h3{
    text-decoration:none
}
.minicalendar .MoreLink:hover{
    color:#15393d
}
.header-image h4{
    font-size:1.26563rem;
    line-height:24px
}
.header-image h5{
    color:#FFF
}
.header-image p{
    color:#FFF;
    line-height:19px
}
.header-image ol,.header-image ol ol,.header-image ol ul,.header-image ul,.header-image ul ol,.header-image ul ul{
    color:#FFF;
    line-height:19px;
    margin-bottom:0
}
.header-image img{
    width:960px;
    height:500px
}



#DepartmentHeader{
	position:relative;
	clear:both;
	margin:0 auto;
	height: 500px;
	min-width:990px
}

#DepartmentHeaderText{
	padding-top:300px;
}

.header-feature{
    position:relative;
    width:368px;
    height:140px;
    display:block;
    background-color:#FFF;
    padding:6px;
    margin-bottom:11px;
    box-shadow:1px 1px 2px 0 #737373
}
.header-feature div{
    font-size:.88889rem;
    overflow:hidden;
    line-height:17px
}
.header-feature h2,.header-feature h2 a{
    font-size:1rem;
    color:#4d4d4d;
    margin-top:0;
    margin-bottom:5px;
    padding-top:5px;
    text-transform:none
}
.header-feature p{
    font-size:.88889rem;
    line-height:17px
}
.header-feature ol,.header-feature ol ol,.header-feature ol ul,.header-feature ul,.header-feature ul ol,.header-feature ul ul{
    font-size:.88889rem;
    line-height:17px;
    margin-bottom:0
}
.header-feature img{
    float:left;
    display:block;
    margin-right:10px
}
.header-feature a{
    font-size:.88889rem;
    color:#333;
    line-height:24px;
    text-align:left;
}

.header-feature a:hover h3{
	color: #ed1c24;
}

.header-feature a:hover{
    background:url(../../Containers/AAA_UPPH/images/headerfeature_link_icon.png) 0 -21px no-repeat #f2f2f2;
    color:#333;
    text-decoration:none
}

.DnnModule-DynamicForms table{
    border:none
}
.DnnModule-DynamicForms table td,.DnnModule-DynamicForms table th{
    border:inherit
}
.DnnModule-LiveTabs table{
    border:none;
    background-color:#FFF
}
.DnnModule-LiveTabs table td,.DnnModule-LiveTabs table th{
    border:inherit;
    background-color:inherit
}
.DnnModule-LiveTabs li[role=tab] a:link{
    font-size:.88889rem
}
table.Override_XmodStyle td,table.Override_XmodStyle th{
    border:1px solid #e6e6e6!important;
    font-size:.88889rem!important
}
table.Override_XmodStyle{
    border:1px solid #e6e6e6!important
}
table.Override_XmodStyle th{
    background-color:#f2f2f2!important
}
table.Override_XmodStyle td{
    background-color:#fafafa!important
}
.DNNArticleDescription a:after{
    content:'...';
    font-weight:700;
    font-size:1.26563rem
}
h2.news-title,h2.news-title a{
    font-size:1.125rem;
    text-transform:none
}
h2.news-title{
    margin-top:3px;
    margin-bottom:5px
}
h2.news-title a{
    margin:0
}
.rPaneTT{
    margin-bottom:20px
}
.lPaneTT:hover .ttSummary,.rPaneTT:hover .ttSummary{
    display:block
}
.lPaneTT .ttSummary,.rPaneTT .ttSummary{
    display:none;
    background:#e8eef7;
    box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);
    margin-top:-10px;
    padding:20px;
    position:absolute;
    z-index:1000;
    width:400px;
    line-height:18px
}
.lPaneTT .ttSummary{
    margin-left:25px
}
.rPaneTT .ttSummary{
    margin-left:-250px
}
.lPaneTT .ttSummary .ttBody,.lPaneTT .ttSummary .ttBody *,.lPaneTT .ttSummary .ttTitle,.rPaneTT .ttSummary .ttBody,.rPaneTT .ttSummary .ttBody *,.rPaneTT .ttSummary .ttTitle{
    font-family:Arial,Helvetica,Sans-Serif!important;
    font-size:.8rem!important;
    font-weight:700!important;
    line-height:18px!important;
    text-align:left!important
}
.lPaneTT .ttSummary .ttBody,.lPaneTT .ttSummary .ttBody *,.rPaneTT .ttSummary .ttBody,.rPaneTT .ttSummary .ttBody *{
    font-weight:400!important
}

/* ----------------------------------------------- */
/* ------------ 2018/2019/2020 Color changes ---------- */

h1, .TitleH1{
    text-transform:uppercase;
    color: #000000;
    font-family:"Roboto Condensed",Arial,Helvetica,Sans-Serif;
}

h2, .DNNContainer h2, .DnnModule h2 {
	color: #003594; /* "Pitt Royal" as of KCP's Jan 2020 notes */
}

h3{
	color: #b58500; /* "New Dark Gold" as of KCP's Jan 2020 notes */
}

h4,
.DNNContainer h4,
.DnnModule h4 {
	color: #bfd4fb; /* "New Light Blue" as of KCP's Jan 2020 notes */
}

h5{

}

p{

}

a{
	color: #0081a6; /* "Deep Blue" according to KCP's 2020 notes */
	text-decoration: none;
}

a:hover{
	color: #dc582a; /* "Orange" according to KCP's 2020 notes */
	text-decoration: underline;
}

a:visited{
	color: #7e5475; /* "Plum" according to KCP's 2020 notes */
	text-decoration: none;
}

/* ----------------------------------------- */
/* footer element that appears on every page */

/* 60px padding between bottom of page content and footer */
footer {
   padding-top:60px;
}

footer span.sitemap a,
footer span.sitemap a:visited{
   color: #999999;
}

footer span.sitemap a:hover{
   color: #dc582a; /* "Orange" according to KCP's 2020 notes */
   text-decoration: underline;
}


/* align and size footer sectios manually
 *  this will probably be replaced by Bootstrap soon
 */
footer section{
   vertical-align: top;
   display: inline-block;
}
footer section.address { width: 35%; }
footer section.prospective-students { width: 25%; }
footer section.resources { width: 20%; }
footer section.ceph-accreditation { width: 18%; }

/* float the ceph-accreditation logo to the right */
footer section.ceph-accreditation > * {
   float: right;
}

/* Most (but not all) of the footer should use a black background-color
 * #FooterUpper should be mostly white.
 */
#FooterMain, #FooterLower {
    background-color: #000000;
}

#FooterUpper{
    text-align:center;
}


#FooterSocialIcons{
   background-color:#fff;
   position:absolute;
   bottom:-23px;
   left:0;
   width:240px;
   height:25px;
   z-index:1;
}
/* footer social media icons are Pitt Royal Blue */
#FooterSocialIcons a i{
   color: #003594;
   font-size:1.26563rem;
   padding:0;
   margin:0 9px;
}
/* footer social media icons are black on hover */
#FooterSocialIcons a i:hover{
    color: #000000;
}



#FooterLower{
   padding: 5px 0px 5px 0px;
}

#FooterLower span{
    color: #999;
    font-size: 0.9em;
    line-height: 22px;
}

#FooterLower span.sitemap{
    float: right;
	margin: 0px;
}



#FooterMain{
    padding-top:55px;
    padding-bottom:30px
}
#FooterMain section {
   font-family: "Roboto Condensed",Arial,Helvetica,Sans-Serif;
}

/* headings within the footer */
#FooterMain section h2{
   font-family: "Roboto Condensed",Arial,Helvetica,Sans-Serif;
   font-size: 1.2em;
   font-weight: 600;
   color: #ffffff;
   text-transform: none;
   line-height: 18px;
   margin-bottom: 10px;
}

/* building address */
#FooterMain section p{
   color: #ffffff; /* Pitt Gold */
   font-size: 1em;
   line-height: 20px;
}

/* ensure footer links are always Pitt Gold (except on hover, when they are red...) */
#FooterMain section a,
#FooterMain section a:active,
#FooterMain section a:link,
#FooterMain section a:visited {
    color: #ffb81c; /* Pitt Gold */
    font-size: 1em;
}

/* ensure footer links are orange on hover */
#FooterMain section a:hover {
	color: #dc582a;
}

/* ------- End Global Footer Styling ------ */
/* ---------------------------------------- */


/* gray-box is no longer gray! */
div.DNNContainer.gray-box{
	background-color: #bfd4fb; /* "Lt blue" according to KCP's Jan 2020 notes */
}

.DNNContainer a:active,
.DNNContainer a:focus,
.DnnModule a:active,
.DnnModule a:focus {
    color: #2a73bb;
}

.calendar .calendar-wrap{
    width: 278px;
    border: 0px;
    border-radius: 0;
    background-color: #bfd4fb; /* "Lt Blue" as of KCP's 2020 notes */
    box-shadow: 0;
    margin-bottom: 4px;
    padding: 10px 5px 5px;
}


/* background color of currently-innactive tab within news/events tabgroup */
.livetabsupph .ui-state-default, .livetabsupph .ui-widget-content .ui-state-defaut{
	background-color: #003594; /* Pitt Royal Blue */
}

#Nav3 {
    position:absolute;
    top: 67px;
    height:36px;
    width:100%;
    min-width:990px;
    background-color: #003594; /* Pitt Royal Blue */
}

/* Pitt Royal Blue background-color for hovering over Nav2 list items */
nav ul.megamenu li.level0:hover,
nav ul.megamenu li.level0.current{
    background-color: #003594;
}

/* text in anchor for currently-active department in Nav2 should be Pitt Gold */
nav ul.megamenu li.level0 a.level0.current{
    color: #ffb81c; /* Pitt Gold */
}
/* but text in Nav2 "Home" anchor should always be transparent, even when current */
nav ul.megamenu li.level0:first-child a.level0.current{
	color: transparent;
}
/* and that text in Nav2 "Home" anchor should stay transparent during hover when it's not current */
nav ul.megamenu li.level0:first-child:hover a.level0{
    color: transparent;
}

/* The University of Pittsburgh png Logo is the first anchor in Nav2
 * and should always be "Pitt Medium Blue" to effectively override the
 * Pitt Royal Blue hover effect
*/
nav ul.megamenu li.level0:first-of-type:hover,
nav ul.megamenu li.level0.current:first-of-type{
    background-color: #00205b;
}

#Nav2_Departments {
    background-color: #00205b;
    height: 103px;
    display: block;
    position: relative;
    clear: both;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#RightColumnTop,#SingleColumnTop,#TopPageName_P>h1{
    background:none;
}

#SingleColumnTop {
	padding: 0px;
}



/* active text in departmental sub-tab (Academics, Research & Practice, etc.)
 * should be Pitt Gold; that is, if the URL is /home/academics
 * then the ACADEMICS text should be Pitt Gold
*/
#Nav2_Departments ul.megamenu .sub li.currentSub h2 a{
	color: #ffb81c;
}

#LeftColumn{
	border-right: 1px #5e5e5e solid;
	width: 170px;
}

#LeftMenu {
	padding: 56px 20px 0px 16px;
}

#LeftStaticLinks{
	padding: 0px 20px 0px 16px;
}

.calendar{
	margin-top: 0px;
}

.DnnModule table td {
	background-color: #ffffff;
}

/* this pulls the departmental full-width banners over to the left a little more
	to align with left-pane type
*/
.ImagePane{
	width: 990px;
}


/* the FullWidthBlack class is used on a wrapper div for Department landing pages */
.FullWidthBlack{
	background: #000;
}

/* this aligns the white topnav with the page elements
	the white topnav is an unordered list
*/
ul.megamenu{
	width: 990px;
}

div.DepartmentalLandingPage .calendar .calendar-wrap .livetabsupph .ui-state-active,
.livetabsupph .ui-widget-content .ui-state-active {
	background-color: #ffffff;
}

/* this overrides 3px of margin-top that applies to ALL h3 elements otherwise.
	This allows h3 on departmental pages to align with calendar
	NOTE: not all departments have these h3 modules at the top of leftpane!
 */
.DepartmentLeftPane h3:not(.DepartmentLeftPane section.three-col-img-module h3){
	margin-top: 0px;
}

.DepartmentLeftPane h3 a{
	color: #6d5a23;
}

/* ensure that the Login button's text is white, not blue like most site anchors */
.DNNContainer a.dnnPrimaryAction, .DnnModule a.dnnPrimaryAction{
	color: #fff;
}


/* make text within tables a little smaller */
.DnnModule table tr td{
	font-size: 90%;
}

/* Expandable sections - the triangle should hang to the left.
	Depending on whether the modules start expanded or collapsed
	the <a> will have different title attributes.
*/
div.title-h2 h2 a[title="Maximize"],
div.title-h2 h2 a[title="Minimize"],
div.title-h3 h3 a[title="Maximize"],
div.title-h3 h3 a[title="Minimize"]{
	margin-left: -15px;
}

/* Expandable anchors are followed by sibling spans.
	The normal DNN behavior is to only be able to expand/shrink by clicking on
	anchor (tiny little triangle), but we've added some jQuery to make sibling
	span clickable, too.  This CSS just styles the cursor to be a pointer in
	those cases.
*/
a[title='Maximize'] + span,
a[title='Minimize'] + span{
	cursor: pointer;
}

/* remove border around div that encapsulates table on /graduation
	(and probably other pages too)
 */
.ThemeEvents-PPH div.RptTable{
	background-color: none;
	border: none;
}


/* un-left-pad cell content on /graduation  */
#tblData td, #tblData2 td{
	padding-left: 0px !important;
}

/* on pages like /academic-calendar, this colors the datatable header and footer to be gray */
.ThemeEvents-PPH .RptTable {
	background-color: #f2f2f2 !important;
}

/* departmental course listings use unordered lists, rather than tables */
.DefaultSkin ul.courseCatalogListing li a:hover {
	background-color: #9eb3d9;
}

/* This should hopefully handle all styling for all buttons.
   A lot of these values are defined to be 0 or "none".
   This is by design, to override other values haphazardly defined above
   by Pipitone.  This is what we want; it's easier than fixing that mess.
*/
.DynamicForms_SaveFormDiv a:first-of-type,
a.upphBtn,
a.pphButton,
.dnnPrimaryAction,
.dnnSecondaryAction,
.dnnTertiaryAction,
div.ModDNNArticleSearchC .dnnPrimaryAction,
a.dnnPrimaryAction[title="Login"],
.dnnFormItem button,
.dnnFormItem input[type="button"],
.dnnFormItem input[type="reset"],
.dnnFormItem input[type="submit"],
ul.megamenu ul.submenu .submenu-footer a{
	background: #ffb81c; /* Pitt Gold */
	color: #00105b; /* Medium Blue */
	border: 0px;
	border-radius: 0px;
	display:inline-block;
	font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: 600;
	letter-spacing:normal;
	line-height:normal;
	margin:0px;
	text-align:center;
	text-indent:0;
	word-spacing:0;
	padding: 3px 8px;
	text-shadow: none;
	box-shadow: none;
	min-width: 0px;
	text-decoration: none;
}
/* hover for buttons: gray background, white text */
.DynamicForms_SaveFormDiv a:first-of-type:hover,
a.upphBtn:hover,
a.pphButton:hover,
.dnnPrimaryAction:hover,
.dnnSecondaryAction:hover,
.dnnTertiaryAction:hover,
div.ModDNNArticleSearchC .dnnPrimaryAction:hover,
a.dnnPrimaryAction[title="Login"]:hover,
.dnnFormItem button:hover,
.dnnFormItem input[type="button"]:hover,
.dnnFormItem input[type="reset"]:hover,
.dnnFormItem input[type="submit"]:hover,
ul.megamenu ul.submenu .submenu-footer a:hover{
	background-color: #5e5e5e;
	color: #ffffff;
	text-decoration: none;
}
/* enforce text color for "buttons" that are just
   styled anchors that have already been visited
 */
a.upphBtn:visited,
a.pphButton:visited,
a.dnnPrimaryAction:visited,
a.dnnSecondaryAction:visited,
a.dnnTertiaryAction:visited{
    color: #00105b;
}

a.upphBtn:visited:hover,
a.pphButton:visited:hover,
a.dnnPrimaryAction:visited:hover,
a.dnnSecondaryAction:visited:hover,
a.dnnTertiaryAction:visited:hover{
    color: #ffffff;
}


ul.megamenu ul.submenu .submenu-footer h2{
	color:#fff;
	display:inline-block!important;
	font-size:1rem!important;
	padding:0
}

/* some departments (biostat, epi, idm) have a three-image
	section under their primary banner
 */
section.three-col-img-module > div {
	width: 31%;
	float: left;
	margin-right: 3%;
}
section.three-col-img-module > div:nth-child(3n) {
	margin-right: 0;
}
section.three-col-img-module a {
	color: #000 !important;
}
section.three-col-img-module img {
	width: 100%;
}


/* We need a better way to allow content editors to create multi-column layouts without
 * resorting to copy/pasting tables from MS Word; Asking them to write their own HTML
 * and apply classes is unreasonable, but it's all I've got for now. -Dan
 */
div.flex-row{
    display: flex;
    align-items: stretch;
}
div.flex-row > div {
    flex: 50%;
}
/* Matt's note on images: "Our standard image size is 200 pixels wide and right justified." */
div.flex-row > div > img {
    width: 200px;
    float: right;
}


/* "importance icons" are normally used by the Events module to display high priority/low priority icons
   at some point, we just overwrote the HighPrio.gif and LowPrio.gif assets in the Events module to be
   grand rounds and continuing education icons and repurposed the importance attribute.
*/
img.EventIconLow, img.EventIconHigh{
   /* enforce a size on the icons */
   height: 20px;
}

/* Override some of the "details page" rules that exists in
 * ./DesktopModules/Events/Themes/PH/PH.css
 * (which seems to be public health's custom skin for DNN's event module).
 * I don't know if this is a sensible place to do this. -Dan
 */
.ThemePH .DetailEventDetailsDiv1 span.Head span.Normal{
	font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
    color: #4d4d4d;
}

/* The LiveForms module specifies
 * box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
 * which doesn't fit with our skin. Override it.
 */
.LiveForm.Default ul.page-break-section,
.LiveForm.Default .thank-you {
    box-shadow: none;
}

/* styling for DynamicForms modules (for example, on /sharenews) */
.dnnBoxLabel{
   display: inline;
}
.DynamicForms_MainPanel > div{
   margin-top:20px;
}