/* Default */
body {
font-family:Arial;
font-size:10px;
}

#header, #navigation, #content, #heroImage, #toolbarWrap, #toolbar, #insideContent, #footer {
width:768px;
}

#wrap {
background-repeat:repeat-y;
margin:0 auto;
padding:0 60px;
position:relative;
width:768px;
}

/* Header */
#header {
font-size:11px;
text-transform:uppercase;
}
    #metaNav {
    float:right;
    font-size:10px;
    padding:14px 0 10px 0;
    }
        #metaNav a {
        text-decoration:none;
        }
        #metaNav a:hover {
        text-decoration:underline;
        }
        #metaNav li {
        background-position:right 2px;
        background-repeat:no-repeat;
        float:left;
        padding:0 11px 1px 10px;
        }
    #search {
    clear:right;
    float:right;
    margin-right:-1px;
    padding:2px 10px 0 0;
    }
        #search label {
        font-weight:bold;
        }
        #searchBox {
        border-style:solid;
        border-width:1px;
        font-size:9px;
        height:13px;
        margin:0 8px 0 5px;
        padding-left: 2px;
        width:134px;
        }
        #searchSubmit {
        margin-bottom:-6px;
        text-transform:uppercase;
        }
    #logo {
    margin:5px 0 9px 24px;
    }
    
/* Navigation */
#navigation {
position:relative;
text-transform:uppercase;
z-index:1050; /*1000*/
}
    #infoDropDown {
    float:left;
    width:184px;
    }
        #infoDropDown li {
        background-position:right bottom;
        background-repeat:no-repeat;
        float:left;
        font-size:13px;
        font-weight:bold;
        width:184px;
        }
        #infoDropDown span, #infoDropDown a {
        background-position:right 10px;
        background-repeat:no-repeat;
        display:block;
        margin-left:20px;
        padding:9px 15px 11px 0;
        text-decoration:none;
        width:137px;
        }
        #infoSubNav {
        display:none;
        position:absolute;
        text-transform:capitalize;
        }
        #infoDropDown li:hover #infoSubNav, #infoDropDown li.over #infoSubNav {
        display:block;
        }
            #infoSubNav li {
            font-size:12px;
            font-weight:normal;
            float:none;
            padding:0;
            width:184px;
            }
            #infoSubNav a {
            line-height:27px;
            margin:0;
            padding:0 15px 0 20px;
            width:149px;
            }
    #primaryNavigation {
    margin-left:205px;
    }
        #primaryNavigation li {
        float:left;
        font-size:12px;
        font-weight:bold;
        margin-left:8px;
        }
            #primaryNavigation a {
            display:block;
            padding:10px 8px 11px;
            text-decoration:none;
            }
        #primaryNavigation li ul {
        display:none;
        position:absolute;
        }
        #primaryNavigation li.over ul {
        display:block;
        }
            #primaryNavigation li li {
            float:none;
            font-size:11px;
            margin:0;
            padding:1px;
            text-transform:capitalize;
            width:160px;
            }
                #primaryNavigation li li a {
                line-height:16px;
                padding:2px 6px 2px 10px;
                width:144px;
                }
#heroImage{font-size:0em;}

/* Content */
#content {
}
    /* Toolbar */
    #toolbarWrap {
    background-position:center bottom;
    background-repeat:no-repeat;
    padding-bottom:10px;
    position:relative;
    z-index:900;
    }
    #toolbar {
    font-size:11px;
    }
        #breadcrumb {
        margin-left:10px;
        }
            #breadcrumb li {
            background-position:right 11px;
            background-repeat:no-repeat;
            float:left;
            margin-right:2px;
            padding:7px 10px 8px 0;
            }
                #breadcrumb a:hover {
                text-decoration:none;
                }
        #commands {
        display:inline; /* Fix IE double margin float bug */
        float:right;
        margin-right:10px;
        padding:6px 0 5px 0;
        }
            #commands li {
            float:left;
            margin-left:10px;
            }
            #email, #pdf {
            padding-top:1px;
            }
    
    /* Inside Content */
    #insideContent {
    background-repeat:repeat-y;
    border-style:solid;
    margin-top:-10px;
    }
        #leftNavigation {
        float:left;
        font-size:12px;
        padding-bottom:10px;
        width:187px;
        }
            #leftNavigation a {
            text-decoration:none;
            }
            #leftNavigation h1 {
            border-bottom-style:solid;
            border-bottom-width:1px;
            clear: both; /*added 7.30.10*/
            font-weight:bold;
            padding:12px 0 10px 0;
            text-transform:uppercase;
            }
                #leftNavigation h1 a {
                display:block;
                padding-left:22px;
                width:160px;
                }
                #leftNavigation h1.active a, #leftNavigation h1 a:hover {
                background-position:11px 4px;
                background-repeat:no-repeat;
                }
            #leftNavigation ul {
                                zoom: 1;
            }
                #leftNavigation li {
                background-position:center bottom;
                background-repeat:no-repeat;
                font-family:Georgia, "Times New Roman", Times, serif;
                line-height:23px;
                }
                #leftNavigation li a {
                display:block;
                padding:2px 0 2px 22px;         
                /*width:165px;*/
                width:162px;
                }               
                #leftNavigation li.active a, #leftNavigation li a:hover {
                background-position:11px 11px;
                background-repeat:no-repeat;
                }
            #leftNavigation #contact-info{
                background: #eceddf;
                padding: 15px 0px;
                width: 182px;
            }

        #copy {
        font-size:12px;
        float:left;
        line-height:16px;
        padding-bottom: 20px;
        width:394px;
        }
        .twoColumn #copy {
        width:580px;
        }
        /* added 03.17.09 to preserve insets around body text */
        #copy .copypad{
        padding:30px 38px 0px;
        }
        .twoColumn #copy #main{
        width: 504px;
        }
        #copy #main{
        width: 318px;
        }
        /* END added 03.17.09 to preserve insets around body text */
            #copy h1 {
            background-position:bottom left;
            background-repeat:repeat-x;
            font-size:22px;
            font-weight:normal;
            line-height:22px;
            /*margin: 0px 32px;*/  /* removed 03.17.09 */
            /*padding: 28px 0px 10px 5px;*/ /* removed 03.17.09 */
            margin: 0px 0px 20px;
            padding: 0px 0px 10px 5px;
            text-transform:uppercase;
            }
            #copy h2 {
            font-size:13px;
            font-weight:bold;
            line-height:20px;
            padding:12px 0px;
            }
            #copy h2.heading{/* added 08.13.09 */
            font-size: 16px;
            }
            #copy img.Left{/*added 08.24.09*/
            float: left;
            margin: 0px 15px 15px 0px;
            }
            #copy img.Right{/*added 08.24.09*/
            float: right;
            margin: 0px 0px 15px 15px;
            }
            #copy p {
            /*padding:0 45px 20px 37px;*/ /* removed 03.17.09 */
            padding: 10px 0px;
            }
            #copy ul {
            /*padding:0 45px 20px 0;*/ /* removed 03.17.09 */
            padding: 10px 10px 10px 0px;
            }
                #copy ol ul li{/* added 09.10.09 */
                background: transparent url(../img/bulletRed.gif) no-repeat scroll 7px 5px;
                }
            #copy ol li{background: none;}
                #copy li {
                /*background-position:37px 5px;*/
                background-position:7px 5px;
                background-repeat:no-repeat;
                /*padding-left:44px;*/
                padding-left:17px;
                padding-bottom: 5px;
                }
            #copy a:hover {
            text-decoration:none;
            }
        /* multimedia - text flows around */
            .mediaBox {
            display: inline;
            float: right;
            margin: 10px 0 20px 20px;
            width: 225px;
            z-index: 1;
            }
            /*new box in body*/
            .NewBox{
            float: left;
            clear: both;
            width: 318px;
            }
            
            .twoColumn .NewBox{
            width: 504px;
            }
            
            .NewBox .photoBox{margin: 0px 15px 10px;}
            
            .NewBox .photoBox img{
            display: block;
            margin-bottom: 5px;
            /*margin-top: 15px; added 10/20/10 - removed 12/15/11 */
            }
            
            .NewBox .caption{margin-top: 15px; width: 225px;}
            
            .date{padding-bottom: 10px;}
            
        #rightColumn {
        float:right;
        font-family:Georgia, "Times New Roman", Times, serif;
        font-size:12px;
        line-height:16px;
        padding-bottom:10px;
        width:187px;
        }
            #rightColumn h1 {
            border-bottom-style:solid;
            border-bottom-width:1px;
            font-family:Arial, Helvetica, sans-serif;
            font-size:12px;
            font-weight:bold;
            line-height:12px;
            margin-bottom:1px;
            padding:12px 0 10px 14px;
            text-transform:uppercase;
            }
            /*h2 added 09.25.09 */
            #rightColumn h2.rightcolumn{
            font-weight: bold;
            padding: 5px 20px;
            }
            #rightColumn .story {
            background-position:bottom center;
            background-repeat:no-repeat;
            padding:9px 0;
            }
                        #rightColumn ul{
                        padding: 10px 0px;
                        }
            #rightColumn li {
            background-position:14px 6px;
            background-repeat:no-repeat;
            padding:0 20px 5px 22px;
            }
            #rightColumn p{
            padding:5px 20px 5px 22px;
            }
            #rightColumn a {
            text-decoration:underline;
            }
            #rightColumn a:hover {
            text-decoration:none;
            }
            /* .noDot added 8/21/09 . Vspace and MultiLine 9.1.09 */
            #rightColumn .noDot{
            xpadding: 10px 0px;
            }
            #rightColumn .noDot li{
            background-image: none;
            }
            #rightColumn .Vspace{
            xpadding: 5px 0px;
            }
            #rightColumn .MultiLine li{
            padding-bottom: 10px;
            }

    /* Showcase */          
    #showcase {
    background-position:right bottom;
    background-repeat:no-repeat;
    float:left;
    padding-bottom:21px;
    width:420px;
    }
        #showcase h1 {
        font-family:Garamond, Times New Roman, serif;
        font-size:14px;
        font-weight:bold;
        padding:7px 0;
        font-variant:small-caps;
        text-align:center;
        }
        #showcase h2 {
        font-size:12px;
        font-weight:normal;
        padding-top:10px;
        text-align:center;
        text-transform:uppercase;
        }
        #showcase p {
        font-size:12px;
        line-height:1.33;
        padding:16px 20px 20px 20px;
        }
        #showcase a {
        text-decoration:underline;
        }
        #showcase a:hover {
        text-decoration:none;
        }
        #showcase #icons{
        padding: 0px 20px;
        }
        #showcase .button {
        margin:0 15px 0px 0px;
        width: 110px;
        }
        #showcase #applyOnline {
        margin: 0px
        }
        #showcase div {
        display:inline; /* Fixes IE 6 double margin */
        float:left;
        }
            #showcase .button a {
            text-decoration:none;
            }
            #showcase .button a:hover {
            text-decoration:underline;
            }
            #showcase .button img {
            border:1px solid #fff;
            }
            
    /* Upcoming */
    #upcoming {
    float:left;
    width:348px;
    }
        #upcomingTabs li {
        float:left;
        font-weight:bold;
        font-size:12px;
        text-align:center;
        text-transform:uppercase;
        margin-bottom:11px;
        padding-bottom:7px;
        width:174px;
        }
        #upcomingTabs .active {
        background-position:bottom center;
        background-repeat:no-repeat;
        }
            #upcomingTabs span {
            display:block;
            padding:8px 0 7px 0;
            }
                #upcomingTabs a {
                text-decoration:none;
                }               
                #upcomingTabs span a:hover {
                text-decoration:underline;
                }
                #upcomingTabs .active a:hover {
                text-decoration:none;
                }
        #upcoming h1 {
        font-size:13px;
        font-weight:bold;
        padding-left:23px;
        text-transform:uppercase;
        }
        #upcoming p {
        font-size:12px;
        line-height:1.33;
        padding:8px 50px 8px 23px;
        }
        #upcoming a:hover {
        text-decoration:none;
        }
        
/* Footer */
#footerWrap {
background-position:center top;
background-repeat:no-repeat;
clear:both;
/*margin-top:-10px;
padding-top:10px;*/
position:relative;
z-index:800;
}
    #footer {
    clear:both;
    font-size:11px;
    padding:15px 0 2px 0;
    text-align:center;
    }
        #footer ul {
        clear:both;
        padding-bottom:8px;
        }
            #footer li {
            display:inline;
            }
            #footerNav li {
            background-position:9px 3px;
            background-repeat:no-repeat;
            padding-left:20px;
            }
            #footerMeta li {
            background-position:4px 5px;
            background-repeat:no-repeat;
            padding-left:14px;
            }
        #footer a:hover {
        text-decoration:none;
        }
        
#visual-bcrumb {
left:300px;
position:absolute !important;
top:0;
z-index: 900; /*1000*/
}

/* Shadow Bottom */
#shadowBottom {
padding:0 30px;
margin:0 auto;
width:828px;
}

/* Hacks */
.clear {
clear:both;
height:0;
}

/* suckerfish */

#nav{
    position: relative;
    z-index: 1000; /*10000*/
}

#nav, #nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#nav a {
    display: block;
}

#nav li {
    float: left;
        position: relative;
    width: 187px; /*need width*/
}

#nav li ul {
        background: #E1E6BF;
    border: 1px solid #d2d7aa;
    position: absolute;
    width: 187px;
    left: -9999em;
    xmargin-top: -28px;
        top: 0px;
}
/*
#nav li:hover, #nav li.sfhover {  
     position: static;  
 }  
*/
#nav li:hover{zoom: 1;}
   
#nav li:hover ul, #nav li.sfhover ul {
    background: #E1E6BF;
    /* left: auto; */
    left: 187px;
    z-index: 1100; /*10000*/
}

#nav li:hover ul li, #nav li.sfhover ul li{
    display: block;
    width: 187px;
}

#nav li:hover ul li a, #nav li.sfhover ul li a{
    color: #3B3464;
    display:block;
    padding:2px 0 2px 22px;
    /*width: 165px;*/
        width: 160px;
}

#nav li:hover ul li a:hover, #nav li.sfhover ul li a:hover{

}

#nav li ul ul {
    margin: -1em 0 0 10em;
}

#nav, #nav ul {
    padding: 0;
    margin: 0;
    list-style: none; 
    line-height: 1;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
    left: -999em;
}

/*
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
    left: auto;
}
*/
/* Addtional Information below Left Navigation */

#leftNavigation .LeftBlock{
    background-color: #ecedde;
        clear: both;
        display: inline;
        float: left;
    width: 180px;
    margin: 10px 0px 0px 3px;
}

#leftNavigation .LeftBlock{
    background: none;
}

#leftNavigation .LeftBlock h1,
#leftNavigation h1.LeftBlock{
    background-color: #B8C468;
    background-image: none;
    border: none;
        clear: both;
    color:#fff;
    font: bold 12px Arial, Helvetica, sans-serif;
    text-align: center;
    padding:10px 5px;
    margin: 0px;
    text-transform: uppercase;
}

#leftNavigation .LeftBlock h1 a{margin: 0px; padding: 0px;}

#leftNavigation .LeftBlock h1 div{font-size: 12px;}

#leftNavigation .LeftBlock img{
    display: block;
    margin: 0px;
}

#leftNavigation .LeftBlock ul{
    background:#8D8BB7 none repeat scroll 0 0;
    margin:1px 0px 5px;
    text-align: center;
    width:180px;
}

#leftNavigation .LeftBlock ul li{
    background: none;
    border-bottom: 1px solid #D7D1E0;
    color: #fff;
    line-height: 16px;
    padding: 4px 0px;
    margin: 0px;
    display: block;
}

#leftNavigation .LeftBlock ul li.last{border:none;}

#leftNavigation .LeftBlock ul li a{
    color: #fff;
    font: bold 11px Arial, Helvetica, sans-serif;
    text-align: center;
    text-transform: uppercase;
    margin: 0px;
    padding: 0px 5px;
    width: 170px;
    line-height: 12px;
}

#leftNavigation .LeftBlock ul li a:hover{text-decoration: underline;}

#leftNavigation .LeftBlock li.active a, 
#leftNavigation .LeftBlock li a:hover,
#leftNavigation .LeftBlock h1 a:hover {background-image: none;}

/*** ul chart ***/

#copy ul.chart{
    background: none;
    clear: both;
    float: left;
    list-style: none;
}

#copy ul.chart li{
    background: none;
    border-top: 1px solid #CCCCCC;
    float: left;
    height: 40px;
    padding-top: 10px;
    width: 46%;
}

#copy ul.chart li.first{
 border:none;
}

#copy ul.lcols{
    background: none;
    clear: both;
    float: left;
    list-style: none;
    margin-bottom: 10px;
    padding: 10px 0px;
    width: 100%;
}

#copy ul.lcols li{
    float: left;
    width: 46%;
}

#copy ul.lcols li.profs{
    background: none;
    height: 308px;
    padding: 0px;
    width: 50%;
    }
#copy ul.lcols li.profs:nth-child(odd){clear:both;}
#copy ul.lcols li.profs img{
    border: 5px solid #dfdde8;
    display:block;
    margin: 0px 0px 10px;
    }
#copy ul.lcols li.profs p{padding: 5px 0px;}
/*** staff ***/

.staffTable{clear: both;}

.staffTable td{width: 50%; vertical-align: top;}

#copy .staffTable td.oneCol{width: 110px;}

.staffTable .member{
    float: left;
    margin: 7px 0px;
    width: 250px;
    text-align: left;
}

.staffTable .member img{
    float: left;
    margin: 0px 10px 10px 0px;
}
.staffTable .member .info{
    text-align: left;
}

#copy .staffTable h2.name{padding: 0px 0px 5px;}

/** staff one col **/

.StaffOneCol{
    
}

.StaffOneCol .row{
    clear: both;
    float: left;
    padding: 13px 0px;
}

.StaffOneCol .oneCol{
    float: left;
    width: 115px;
}

#copy .StaffOneCol .oneCol h2{
    padding: 0px 0px 5px;
}

.StaffOneCol .oneCol img{
    margin-right: 15px;
}

.StaffOneCol .info{
    width: auto;
}

/* multimedia column or float */

#copy .multimedia{
    margin-bottom: 10px;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 0px;
    width: 225px;
}

#copy .multimedia img{
    display: block;
    margin-bottom: 10px;
}

#copy .multimedia .caption{
    font-size: 11px;
    padding: 5px 5px 10px;
}

#copy #main .videoIcon {
clear:both;
margin:10px 0 12px;
padding-top:12px;
}

#copy #main .videoIcon a{
background:url("http://matrix.scranton.edu/admissions/profiles/images/video-icon.png") no-repeat scroll left top transparent;
color:#3B3464;
font-weight:bold;
padding:13px 0 13px 49px;
text-decoration:none;
text-transform:uppercase;
}

/* social network icons */

#leftNavigation .LeftBlock ul.connect li a,
#leftNavigation .LeftBlock ul.connect li a img{width: auto; padding: 0px; display: inline;}
#leftNavigation .LeftBlock ul.connect li a:hover{text-decoration: none;}
/* Rotating Profiles */

#rightColumn ul.profile{
    list-style: none;
}

#rightColumn ul.profile li{background: none; padding: 0px 10px;}
#rightColumn ul.profile li div.name{display: block; font-weight: bold; padding-top: 3px; text-align: center;}
#rightColumn ul.profile li div.desc{display: block; padding-top: 3px; text-align: center;}
#rightColumn ul.profile li div.image{display: block; text-align: center; padding-top: 3px;}
#rightColumn ul.profile li img{ border: 1px solid #333; display: inline; text-align: center; margin: 5px 5px 5px 0px;}

#rightColumn ul.profile li a{text-decoration: none;}
#rightColumn ul.profile li a:hover{text-decoration: underline;}

#rightColumn ul.profile .story{padding-top: 0px;}

/* special left nav */

#leftNavigation li.special,
#leftNavigation #nav .special ul li{
    background: #dda934;
}
#leftNavigation #nav li:hover ul li.special a, 
#leftNavigation #nav li.sfhover ul li.special a, 
#leftNavigation li.special a{
    color: #fff;
}

#nav li.special ul{border: 1px solid #dda934;}

/* fancyzoom users - 09/22/09 */
#zoom{z-index: 10000;/*100000*/}