/*******************************************************************************************************
This style-sheet contains all modifications made to main.css by Saint Joseph's University.  
All modifications should be placed within this file so that main.css remains compatible with the latest Tellart version.
*******************************************************************************************************/

/******* SJU-created classes****************************************************/
/*** classes added by Scott Hine(scott.hine@sju.edu) ***/
.blank #headlines, .blank #bloglist{margin-top:2px;}
/**extendable allows for a template to expand and contract with window size***/
.extendable #subnav{top:60px;}
.extendable #header{height:165px;width:100%;}
.extendable #footer .wrapped .secondary, .extendable #footer .wrapped .copyright{margin-right: 5px;}
.extendable #footer .wrapped {padding: 0;line-height: 120%;}
.extendable #footer .wrapped,.extendable #footer .wrapper{width:100%;}
.extendable #colorBar1,.extendable #colorBar2{width:100%;right: 0px;}
.extendable .wrapper{width:100%;}
.extendable #body{text-align:left;}
.extendable #toolNav2{right:0px;}
.extendable #pageSubHeading{left:120px;}
.extendable #sjulongbrand{
position: absolute;
top:50px;
left: 120px;
z-index:150;
display:block;
width:170px;
height:70px;
background-image:url(../images/misc/sjubrand.png);
background-repeat:no-repeat;
}
/********Google Map Classes*********/
.gpopup{font-size:11px;width:400px;height:250px;}
.mapinfo{}
.gpopup img{border: 1px solid #AAAAAA;float:right;padding:5px;margin:5px;height:125px;}
.maptitle{font-weight:bold;text-transform:uppercase;}
#map_list b, #map_canvas b,.gpopup b{font-weight:bold;}
#map_list .sectionheader{height:5%;margin:0;}
#map_list .scrollable{overflow:auto;height:95%;}
#map_list, #map_canvas{height:600px;}
#map_list{
width:250px;
font-size: 12px;
background-color:#DED5BB;
padding-left:5px;
}
#map_canvas{width: 100%;}
/***********************************/
body.office #fullcontent{
        margin-top: 36px;
    margin-left: 135px;
        width:800px;
}
#itportal{
     width: 280px;
     height:140px;
}

#itportal1{
     width: 130px;
     height:140px;
}

#itportal2{
     width: 150px;
     height:140px;
}

#itportal p.links {
     font-size: 10pt;
     margin-left: 5px;
}

#itportalLogin {
        background-color: #A00000;
    width: 158px; /* fixed-width */
        float:left;
        margin-right: 5px;
}

#itportalLogin label {
    display: block;
    width: 158px;
    height: 10px;
    margin: 4px 0px 2px 0px;
    
}
#itportalLogin h2 {
     margin:5px 0px 0px 8px;
     font-size:11pt;
     color:#ffffff;
     text-transform:uppercase;
}
#itportalLogin input {
    margin-left: 8px;
}
#itportalLogin #login {
    margin-bottom: 11px;
}
#itportalLogin #roPortalLogin_forgotPassword, #itportalLogin #roPortalLogin_forgotPassword a {
    float: left;
}
#itportalLogin #roPortalLogin_needToRegister, #itportalLogin #roPortalLogin_needToRegister a {
    float: left;
}
#itportalLogin #roPortalLogin_login, #itportalLogin #roPortalLogin_login a {
    float: left;
}
#itportalLogin label span {
    display: none;
}
#itportalLogin .username {
    background-image: url("../images/portal/username.gif");
    background-repeat: no-repeat;
}
#itportalLogin .password {
    background-image: url("../images/portal/password.gif");
    background-repeat: no-repeat;
}

#IToverlay{
        background-color:#DCDAD7;
        color: #000000;
        position: absolute;
    z-index: 1000;
    top: -129px; 
    right: -1px;
    width: 330px;
        height: 95px;
        padding: 10px;
        filter: alpha(opacity=90); /*IE Only*/
        -moz-opacity:.90;/* Mozilla*/
        opacity:.90;
        visibility: hidden;
        display: none;
}
#IToverlay p{
        font-size: 12px;
        margin-bottom: 2px;
}
#IToverlay h3{
        font-size: 15px;
        margin-bottom: 7px;
}

/*** Created for school closing alert on home page ***/
/*** modified to fix CSS issues ***/
/*** 7/9/09 by scott.hine@sju.edu ***/
body.home #status-alert a {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #C80000;
    text-transform: uppercase;
}
body.home #status-alert {
    display: block;
    clear: both;
    margin-bottom:10px;
}
body.home .lowerregion{
    position:relative;
    float:left;
    margin-left:20px;
    top:-25px;
}
body.unithome .lowerregion{
    position:relative;
    top:-25px;
}
body.unithome .lowerregion #usefulLinks .links{
width: 200px;
}
body.unithome .lowerregion #featuredLinks{
width: 450px;
left: 500px;
top:-10px;
position:relative;
}
body.home .rightregion{float:left; margin-left:50px;}
body.home .centerregion{float:left;}
body.home #events{margin-left:0px;}
body.home #headlines{margin-left:20px;}
body.home #feature1{margin-left: 0px;}
body.home #feature2{margin-left: 15px;}

.rightfloater{
   float:right;
   margin-left:10px;
}

#events p, #headlines p, #bloglist p{
        line-height: 150%;
    color: #000000; 
    font-weight:none;
    text-decoration: none;
    font-size: 10px;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    padding: 0px;
    margin: 0px;
    margin-bottom: 5px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
}
#events p b, #headlines p b, #bloglist p b{
        line-height: 150%;
    color: #666666; 
    font-weight:none;
    text-decoration: none;
        
    font-family: Helvetica, Arial, Verdana, sans-serif;
}
#events h3, #headlines h3, #bloglist h3, #bloglist a{
line-height: 150%;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-weight: normal;
text-decoration: none;
font-size: 12px;
}

/****Fixes menu rollover issues with IE6 and 7 ***/
#menulayer{
    position:relative;
    z-index:1000;
}
#menulayer .wrapper, #menulayer .wrapper .wrapped {
    width: 972px;   /* fixed dim., should be px */
    height: 100%;
}

/*list with no bullets*/
#clearlist ul, #clearlist li{
     list-style: none;
     list-style-type: none; 
     list-style-image: none; 
     list-style-position: outside;
}
/*** mast color block properties, 
colors are defined by palettes.css ***/
#colorBar1{
        width:657px;
    height:124px;
    position: absolute;
    z-index: 1;
    display: block;
    top: 0;
    right: 24px;
    border-bottom: solid 2px #FFFFFF;
}
#colorBar2{
        width:657px;
    height:34px;
    position: absolute;
    z-index: 1;
    display: block;
    top: 126px;
    right: 24px;
}
/*** shadows ***/
 .shadow {
        position: relative;
        background-image: url("../images/tools/toolshadow.gif");
        float:left;
        z-index: 50;
        height: 2px;
        width: 100%;
        filter:alpha(opacity=55);
        -moz-opacity:.55;
        opacity:.55;
        filter:progid:DXImageTransform.Microsoft.Alpha(opacity=55);
        display: block;
        border-style: none;
        zoom:1;
        
}
 .shadow2 {
        position: relative;
        background-image: url("../images/tools/toolshadow.gif");
        float:left;
        z-index: 50;
        height: 1px;
        width: 100%;
        filter:alpha(opacity=35);
        -moz-opacity:.35;
        opacity:.35;
        filter:progid:DXImageTransform.Microsoft.Alpha(opacity=35);
        display: block;
        border-style: none;
        zoom:1;
}
 .shadow3 {
        position: relative;
        background-image: url("../images/tools/toolshadow.gif");
        float:left;
        z-index: 50;
        height: 1px;
        width: 100%;
        filter:alpha(opacity=15);
        -moz-opacity:.15;
        opacity:.15;
        filter:progid:DXImageTransform.Microsoft.Alpha(opacity=15);
        display: block;
        border-style: none;
        zoom:1;
}
.gn{
       position: relative;
       top:12px;
}
#toolNav2 {
    background-color: #231F20;
}
#toolNav2 {
    position: absolute;
    z-index: 100;
    top: 0;
    right: 16px;
    display: block;
    width: 430px;
    height: 39px; /* fixed-height */
        padding-left: 2px;
        padding-top: 1px;
}
#toolNav2 #searchTool {
    padding-left: 12px; /* fixed-width */
}
#toolNav2 .searchSubmitWrapper {
    float: left;
    position: relative;
    left: -164px;
}
#toolNav2 #roToolNav_Search {
    position: absolute;
}
#toolNav2 #searchTool .textInput {
    position: relative;
    top: 7px;
        left: 36px;
    width: 146px; /* fixed-width */
    height: 16px; /* fixed-height */
    font-size: 11px; /* must be fixed because text field is fixed, this overrides the generic def for .textInput */
    padding-top: 3px;
}
#toolNav2 .ROLLOVERIMAGE{
        margin-left: 1px;
        margin-right: 1px;
}
#toolNav2 .ROLLOVERIMAGE, #toolNav2 .ROLLOVERIMAGE a, #toolNav2 input {
    float: left;
}
/******ADMISSIONS Menu**********/
.horizrollmenu{
        position: absolute;
        z-index: 1;
        height:65px;
        top: -85px;
        left: 130px;
}

.horizrollmenu .ROLLOVERIMAGE{
        float: left;
        margin-right: 2px;
        margin-bottom:4px;
}
.rollbar{
    position: absolute;
        top: -50px;
        left: 130px;
}


/******PLS Menu**********/
.horizrollmenuPLS{
        position: absolute;
        z-index: 1;
        height:60px;
        top: -85px;
        left: 140px;
}
.horizrollmenuPLS .ROLLOVERIMAGE{
        float: left;
        margin-right: 2px;
        margin-bottom:2px;
}
.rollbarPLS{
    float: left;
    margin-bottom:2px;
}
.leftPLSmenu{
    position:absolute;
    top:-40px;
}
.leftPLSmenu .ROLLOVERIMAGE{
}

/******** Creative Serv *****/
.leftCREASERVmenu{
    position:absolute;
    top:-10px;
}
.leftCREASERVmenu .ROLLOVERIMAGE{
}



/******EMBA Menu**********/
.horizrollmenuEMBA{
        position: absolute;
        z-index: 1;
        height:65px;
        top: -85px;
        left: 130px;
}
.horizrollmenuEMBA .ROLLOVERIMAGE{
        float: left;
        margin-right: 2px;
        margin-bottom:4px;
}
.rollbarEMBA{
    float: left;
}
.leftEMBAmenu{
    position:absolute;
    top:-40px;
}
.leftEMBAmenu .ROLLOVERIMAGE{
}

/******GALA Menu**********/
.horizrollmenuGALA{
        position: absolute;
        z-index: 1;
        height:65px;
        top: -85px;
        left: 130px;
}
.horizrollmenuGALA .ROLLOVERIMAGE{
        float: left;
        margin-right: 2px;
        margin-bottom:4px;
}
.rollbarGALA{
    float: left;
}
.leftGALAmenu{
    position:absolute;
    top:-40px;
}
.leftGALAmenu .ROLLOVERIMAGE{
}

/******IDEPEL Menu**********/
.horizrollmenuIDEPEL{
        position: absolute;
        z-index: 1;
        height:65px;
        top: -85px;
        left: 130px;
}
.horizrollmenuIDEPEL .ROLLOVERIMAGE{
        float: left;
        margin-right: 2px;
        margin-bottom:4px;
}
.rollbarIDEPEL{
    float: left;
}
.leftIDEPELmenu{
    position:absolute;
    top:-40px;
}
.leftIDEPELmenu .ROLLOVERIMAGE{
}

/******WRITING Menu**********/
.horizrollmenuWRITING{
        position: absolute;
        z-index: 1;
        height:65px;
        top: -85px;
        left: 130px;
}
.horizrollmenuWRITING .ROLLOVERIMAGE{
        float: left;
        margin-right: 2px;
        margin-bottom:4px;
}
.rollbarWRITING{
    float: left;
}
.leftWRITINGmenu{
    position:absolute;
    top:-40px;
}
.leftWRITINGmenu .ROLLOVERIMAGE{
}

/******ODL Menu**********/
.horizrollmenuODL{
        position: absolute;
        z-index: 1;
        height:65px;
        top: -85px;
        left: 130px;
}
.horizrollmenuODL .ROLLOVERIMAGE{
        float: left;
        margin-right: 2px;
        margin-bottom:4px;
}
.rollbarODL{
    float: left;
}
.leftODLmenu{
    position:absolute;
    top:-40px;
}
.leftODLmenu .ROLLOVERIMAGE{
}


/******IDEPEL Menu**********/
.horizrollmenuIDEPEL{
        position: absolute;
        z-index: 1;
        height:65px;
        top: -85px;
        left: 130px;
}
.horizrollmenuIDEPEL .ROLLOVERIMAGE{
        float: left;
        margin-right: 2px;
        margin-bottom:4px;
}
.rollbarIDEPEL{
    float: left;
}
.leftIDEPELmenu{
    position:absolute;
    top:-40px;
}
.leftIDEPELmenu .ROLLOVERIMAGE{
}





/******HAWKFEST Menu**********/
.horizrollmenuHAWKFEST{
        position: absolute;
        z-index: 1;
        height:65px;
        top: -85px;
        left: 130px;
}
.horizrollmenuHAWKFEST .ROLLOVERIMAGE{
        float: left;
        margin-right: 2px;
        margin-bottom:4px;
}
.rollbarHAWKFEST{
    float: left;
}
.leftHAWKFESTmenu{
    position:absolute;
    top:-40px;
}
.leftHAWKFESTmenu .ROLLOVERIMAGE{
}


/******HONORS Menu**********/
.horizrollmenuHONORS{
        position: absolute;
        z-index: 1;
        height:65px;
        top: -85px;
        left: 130px;
}
.horizrollmenuHONORS .ROLLOVERIMAGE{
        float: left;
        margin-right: 2px;
        margin-bottom:4px;
}
.rollbarHONORS{
    float: left;
}
.leftHONORSmenu{
    position:absolute;
    top:-40px;
}
.leftHONORSmenu .ROLLOVERIMAGE{
}



/******PHARMA Menu**********/
.horizrollmenuPHARMA{
        position: absolute;
        z-index: 1;
        height:65px;
        top: -85px;
        left: 130px;
}
.horizrollmenuPHARMA .ROLLOVERIMAGE{
        float: left;
        margin-right: 2px;
        margin-bottom:4px;
}
.rollbarPHARMA{
    float: left;
}
.leftPHARMAmenu{
    position:absolute;
    top:-40px;
}
.leftPHARMAmenu .ROLLOVERIMAGE{
}


/******ONLINEHSB Menu**********/
.horizrollmenuONLINEHSB{
        position: absolute;
        z-index: 1;
        height:65px;
        top: -85px;
        left: 130px;
}
.horizrollmenuONLINEHSB .ROLLOVERIMAGE{
        float: left;
        margin-right: 2px;
        margin-bottom:4px;
}
.rollbarONLINEHSB{
    float: left;
}
.leftONLINEHSBmenu{
    position:absolute;
    top:-40px;
}
.leftONLINEHSBmenu .ROLLOVERIMAGE{
}

/******GRADHSB Menu**********/
.horizrollmenuGRADHSB{
        position: absolute;
        z-index: 1;
        height:65px;
        top: -85px;
        left: 130px;
}
.horizrollmenuGRADHSB .ROLLOVERIMAGE{
        float: left;
        margin-right: 2px;
        margin-bottom:4px;
}
.rollbarGRADHSB{
    float: left;
}
.leftGRADHSBmenu{
    position:absolute;
    top:-40px;
}
.leftGRADHSBmenu .ROLLOVERIMAGE{
}


/******GRADCAS Menu**********/
.horizrollmenuGRADCAS{
        position: absolute;
        z-index: 1;
        height:65px;
        top: -85px;
        left: 130px;
}
.horizrollmenuGRADCAS .ROLLOVERIMAGE{
        float: left;
        margin-right: 2px;
        margin-bottom:4px;
}
.rollbarGRADCAS{
    float: left;
}
.leftGRADCASmenu{
    position:absolute;
    top:-40px;
}
.leftGRADCASmenu .ROLLOVERIMAGE{
}

/******MBA Menu**********/
.horizrollmenuMBA{
        position: absolute;
        z-index: 1;
        height:65px;
        top: -85px;
        left: 130px;
}
.horizrollmenuMBA .ROLLOVERIMAGE{
        float: left;
        margin-right: 2px;
        margin-bottom:4px;
}
.rollbarMBA{
    float: left;
}
.leftMBAmenu{
    position:absolute;
    top:-40px;
}
.leftMBAmenu .ROLLOVERIMAGE{
}


/******FOODACD Menu**********/
.horizrollmenuFOODACD{
        position: absolute;
        z-index: 1;
        height:65px;
        top: -85px;
        left: 130px;
}
.horizrollmenuFOODACD .ROLLOVERIMAGE{
        float: left;
        margin-right: 2px;
        margin-bottom:4px;
}
.rollbarFOODACD{
    float: left;
}
.leftFOODACDmenu{
    position:absolute;
    top:-40px;
}
.leftFOODACDmenu .ROLLOVERIMAGE{
}

/******STDLIFE Menu**********/
.horizrollmenuSTDLIFE{
        position: absolute;
        z-index: 1;
        height:65px;
        top: -85px;
        left: 130px;
}
.horizrollmenuSTDLIFE .ROLLOVERIMAGE{
        float: left;
        margin-right: 2px;
        margin-bottom:4px;
}
.rollbarSTDLIFE{
    float: left;
}
.leftSTDLIFEmenu{
    position:absolute;
    top:-40px;
}
.leftSTDLIFEmenu .ROLLOVERIMAGE{
}

/******MSBI Menu**********/
.horizrollmenuMSBI{
        position: absolute;
        z-index: 1;
        height:65px;
        top: -85px;
        left: 130px;
}
.horizrollmenuMSBI .ROLLOVERIMAGE{
        float: left;
        margin-right: 2px;
        margin-bottom:4px;
}
.rollbarMSBI{
    float: left;
}
.leftMSBImenu{
    position:absolute;
    top:-40px;
}
.leftMSBImenu .ROLLOVERIMAGE{
}


/******MSFS Menu**********/
.horizrollmenuMSFS{
        position: absolute;
        z-index: 1;
        height:65px;
        top: -85px;
        left: 130px;
}
.horizrollmenuMSFS .ROLLOVERIMAGE{
        float: left;
        margin-right: 2px;
        margin-bottom:4px;
}
.rollbarMSFS{
    float: left;
}
.leftMSFSmenu{
    position:absolute;
    top:-40px;
}
.leftMSFSmenu .ROLLOVERIMAGE{
}

/******HSB Menu**********/
.horizrollmenuHSB{
        position: absolute;
        z-index: 1;
        height:65px;
        top: -85px;
        left: 130px;
}
.horizrollmenuHSB .ROLLOVERIMAGE{
        float: left;
        margin-right: 2px;
        margin-bottom:4px;
}
.rollbarHSB{
    float: left;
}
.leftHSBmenu{
    position:absolute;
    top:-40px;
}
.leftHSBmenu .ROLLOVERIMAGE{
}


/******CAS Menu**********/
.horizrollmenuCAS{
        position: absolute;
        z-index: 1;
        height:65px;
        top: -85px;
        left: 130px;
}
.horizrollmenuCAS .ROLLOVERIMAGE{
        float: left;
        margin-right: 2px;
        margin-bottom:4px;
}
.rollbarCAS{
    float: left;
}
.leftCASmenu{
    position:absolute;
    top:-40px;
}
.leftCASmenu .ROLLOVERIMAGE{
}

/******PHARMA Menu**********/
.horizrollmenuPHARMA{
        position: absolute;
        z-index: 1;
        height:65px;
        top: -85px;
        left: 130px;
}
.horizrollmenuPHARMA .ROLLOVERIMAGE{
        float: left;
        margin-right: 2px;
        margin-bottom:4px;
}
.rollbarPHARMA{
    float: left;
}
.leftPHARMAmenu{
    position:absolute;
    top:-40px;
}
.leftPHARMAmenu .ROLLOVERIMAGE{
}

/******MIM Menu**********/
.horizrollmenuMIM{
        position: absolute;
        z-index: 1;
        height:65px;
        top: -85px;
        left: 130px;
}
.horizrollmenuMIM .ROLLOVERIMAGE{
        float: left;
        margin-right: 2px;
        margin-bottom:4px;
}
.rollbarMIM{
    float: left;
}
.leftMIMmenu{
    position:absolute;
    top:-40px;
}
.leftMIMmenu .ROLLOVERIMAGE{
}



/******MSHRM Menu**********/
.horizrollmenuMSHRM{
        position: absolute;
        z-index: 1;
        height:65px;
        top: -85px;
        left: 130px;
}
.horizrollmenuMSHRM .ROLLOVERIMAGE{
        float: left;
        margin-right: 2px;
        margin-bottom:4px;
}
.rollbarMSHRM{
    float: left;
}
.leftMSHRMmenu{
    position:absolute;
    top:-40px;
}
.leftMSHRMmenu .ROLLOVERIMAGE{
}

#NFSoverlay{
        background-color:#226588;
        color: #FFFFFF;
        position: absolute;
    z-index: 1000;
    top: -293px; 
    right: 30px;
    width: 240px;
        padding: 10px;
        filter: alpha(opacity=90); /*IE Only*/
        -moz-opacity:.90;/* Mozilla*/
        opacity:.90;
        visibility: hidden;
        display: none;
}
#NFSoverlay p{
        color: #FFFFFF;
        font-size: 11px;
        margin-bottom: 2px;
}
#NFSoverlay h3{
        color: #CCCCCC;
        font-size: 15px;
        margin-bottom: 7px;
}
#NFS {
    position: absolute;
    z-index: 1001;
    top: -323px; /* fixed-height */
    right: 16px;
    width: 158px; /* fixed-width */
}
.home #NFSoverlay{
        top: 26px; /* fixed-height */
    right: 16px;
}
.home #NFS {
    top: 0px; /* fixed-height */
    right: 0px;

}
.level2 #NFSoverlay{
        top: 26px; /* fixed-height */
    right: 16px;
        z-index: 100;

}
.level2 #NFS {
    top: 0px; /* fixed-height */
    right: 0px;

    float: right;
    position: relative;
    z-index: 200;
        clear: right;

}

.lowcontent{
        position: absolute; 
        z-index: -1;
        top: -55px;
        left: 140px;
        width: 800px;
}

.lowcontent .sectionheader{
        margin-bottom: 8px;
}
#lowerNav, #lowerNav a, #lowerNav a:link, #lowerNav a:visited {
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 100%;
    font-weight: bold;


    line-height: 140%;
    text-decoration: none;
}
#lowerNav ul {
    width: 118px; /* fixed-width */
    padding-top: 4px;
    padding-bottom: 8px;
}
#lowerNav li a:hover {
    color: #666666;
    background-color: #ECEAE5;
    text-decoration: none;
}
#lowerNav li a {
    display: block;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 5px;
}
#lowerNav li a span {
    display: block;
    width: 100%;
}

#lowerNav {
    position: relative;
    /*top: 180px;*/ /* fixed-height */
    z-index: 200;
        width: 118px;
        float: left;
}

#facultypage h3{
    text-transform: uppercase;
    color: #000000;
    font-weight:bold;
    font-size: 13px;
    font-family: Arial, Verdana,
        
}
.content {
        top: -20px;
}
body.office .content {
        top: 0px;
}
#index_body_img{
    left: 8px;
    height: 271px;
        position: relative;
        float:left;
        top: 119px;
        


}



#today a{
color: #ffffff; 

text-decoration: none;
}

.filled{background-color: #DDDDDD;}
.filled td{background-color: #CCCCCC;}
.filled th{background-color: #BBBBBB;}

/* tpalettes for tables to reflect university palettes
   -Scott Hine(scott.hine@sju.edu) */
.tpalette0{background-color: #EAE3D2;}
.tpalette0 td{background-color: #DED5BB;}
.tpalette0 th{background-color: #9A8230; color: #FFFFFF;}
/*.tpalette0 td a{color: #a00000;}*/
.tpalette1{background-color: #F2DED0;}
.tpalette1 td{background-color: #EACCB6;}
.tpalette1 th{background-color: #C25E28; color: #FFFFFF;}
/*.tpalette1 td a{color: #a00000;}*/
.tpalette2{background-color: #D6DBE3;}
.tpalette2 td{background-color: #BFC7D5;}
.tpalette2 th{background-color: #226588; color: #FFFFFF;}
/*.tpalette2 td a{color: #a00000;}*/
.tpalette3{background-color: #E3D1D3;}
.tpalette3 td{background-color: #D5B7BC;}
.tpalette3 th{background-color: #871D4A; color: #FFFFFF;}
/*.tpalette3 td a{color: #a00000;}*/
.tpalette4{background-color: #D7DDDA;}
.tpalette4 td{background-color: #C1CCC7;}
.tpalette4 th{background-color: #357361; color: #FFFFFF;}
/*.tpalette4 td a{color: #a00000;}*/
.tpalette5{background-color: #EDEBE6;}
.tpalette5 td{background-color: #DCDAD7;}
.tpalette5 th{background-color: #726A5F; color: #FFFFFF;}
/*.tpalette5 td a{color: #a00000;}*/
.tpalette5 th a{color: #FFFFFF;}

.tpalette6{background-color: #D8E4E3;}
.tpalette6 td{background-color:#CCD7D6;}
.tpalette6 th{background-color: #6a8785; color: #FFFFFF;}
/*.tpalette6 td a{color: #a00000;}*/
.tpalette6 span.required{color: #990000;}
.tpalette7{background-color: #DDE6D7;}
.tpalette7 td{background-color: #D0DDC8;}
.tpalette7 th{background-color: #5B9215; color: #FFFFFF;}
/*.tpalette7 td a{color: #a00000;}*/
.tpalettePLS{background-color: #e7eaee;}
.tpalettePLS td{background-color: #c5c8cc;}
.tpalettePLS th{background-color: #949599; color: #FFFFFF;}
/*.tpalettePLS td a{color: #a00000;}*/

.tlibheader{background-color: #EAE3D2; border: 1px solid #666;}
.tlibheader td{background-color: #DED5BB; letter-spacing: 1px; text-align:center;padding:5px 5px 5px 5px;}
.tlibheader th{background-color: #9A8230; color: #FFFFFF; text-align:center;padding:5px 5px 5px 5px;}

.tpalette9{background-color: #EDEBE6;}
.tpalette9 td{background-color:#DCDAD7;}
.tpalette9 th{background-color: #666666; color: #FFFFFF;}

.tpalette10{background-color: #E9E9E9;}
.tpalette10 td{background-color:#DDDDDD;}
.tpalette10 th{background-color: #226588; color: #FFFFFF;}

/*fixes link color for announcements links - Scott Hine*/
.generalSidebar a {
    color: #333333;
}

.newslink h3 {
    font-size: 120%;
    font-weight: normal;
}

#primary p {
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-size: 12px;
    line-height: 160%;
    margin-bottom: 1em;
}
#stories p {
    font-size: 120%;
}

body.home #level2-alert span {
    display: none;
    font-size: 210%;
    font-family: Georgia, serif;
    font-style: italic;
    font-weight: bold;
    color: #333333;
}
.QUICKMENU h2 {
    margin-bottom: 6px; /* fixed */
}
body.utility #primary span.date{
     font-weight: bold;
     color: #333333;
     font-size: 110%;
}


/* adds space around content images */
.pimage{
margin:10px;
}
/*** Added by Scott(scott.hine@sju.edu) ***/
/* trying to fix utility temp subheading*/
#pageHeadingUtil h2{

    font-family: Georgia, serif;
    font-size: 18px;
    line-height: 22px;
    font-style: italic;
        text-transform:none;
    color: #FFFFFF;
    font-weight: normal;
        padding: 0px;
    margin: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
}
#pageHeadingUtil{
    position: absolute;
    top: 133px;
        left: 130px;
    height: 126px;
    width: 656px;
    z-index: 100;
}
body.office #pageSubHeading h2 {
    font-family: Georgia, serif;
    font-size: 18px;
    line-height: 22px;
    font-style: italic;
        text-transform:none;
    color: #FFFFFF;
    font-weight: normal;
        padding: 0px;
    margin: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
}
body.office #pageSubHeading {
    position: absolute;
    left: 110px;
    height: 126px;
    width: 656px;
    z-index: 300;
}

/*** Created for school closing status box ***/
/*** 12/6/2007 by bachovch@sju.edu ***/
#univ-status {
    background: #FFFFFF;
    width: 500px;
    margin-right: auto;
    margin-left: auto;
    border: 2px solid #A00000;
    vertical-align: middle;
    padding: 5px;
    margin-bottom: 10px;
    color: #000000;
}

#univ-status h1 {
    font-size: 120%;
    font-weight: bold;
    color: #A00000;
    text-align: center;
    padding-bottom: 20px;
}


.sectionheader #univ-status p {
    font-size: 100%;
    font-weight: normal;
    width: 400px;
    margin-left: 50px;
    margin-right: 50px;
}

/* Added by Joel (joel.scott@sju.edu) */
/* Testing document title in different browsers */

.sectionheader {
    background-color: transparent;
    text-transform:uppercase;
    text-decoration:none;
    height: auto;
    line-height: 160%;
    color: #000000;
    font-weight: bold;
    font-size: 16px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    padding: 0px;
    margin: 0px;
    margin-bottom: 15px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

#sectionheader-alert {
    background-color: transparent;
    text-transform:uppercase;
    text-decoration:none;
    height: auto;
    line-height: 160%;
    color: #000000;
    font-weight: bold;
    font-size: 16px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    padding: 0px;
    margin: 0px;
    margin-bottom: 15px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

/* added by Scott Hine(scott.hine@sju.edu) */
/** For Expert's Expertise in Doctitle **/
.expertise {
    text-transform:none;
    font-weight: normal;
    font-size: 12px;
}

/* Added by Joel (joel.scott@sju.edu) */
/* Testing issues with bulledted list in different browsers */

#inlinelist li { 
    list-style-position: outside;
        font-family: Helvetica, Arial, Verdana, sans-serif;
        font-size: 12px; 
        text-decoration: none;
    line-height: 150%;
        margin-left: 0cm;
        margin-bottom: 8px; 
    vertical-align: middle; }

#inlinelist li a { 
    margin-left: 0px; 
    padding: 0px; } 

ol.number li {
        list-style-type:decimal;
        font-family: Helvetica, Arial, Verdana, sans-serif;
        font-size: 12px; 
        text-decoration: none;
    line-height: 150%;
        margin-left: 40px;
        margin-bottom: 8px; 
    vertical-align: middle;
}

ol.number li a { 
    margin-left: 40px; 
    padding: 0px; }

/* Added by Joel (joel.scott@sju.edu) */
/* Fixing body content text */





.bodycontent {
    background-color: transparent;
    position: relative;
    line-height: 150%;
    color: #000000; 
    font-weight: normal;
    text-decoration: none;
    font-size: 12px;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    padding: 0px;
    margin: 0px;
    margin-bottom: 0px;
    margin-top: 0px;


    margin-left: 0px;
    margin-right: 0px;
}

.bodycontent a {
    color: #c80000; 
    /*font-weight: normal;*/ /*removed to allow for bolding of links*/ 
    text-decoration: none;
    font-size: 12px;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    }

.bodycontent a:hover {
    color: #c80000; 
    /*font-weight: normal;*/ /*removed to allow for bolding of links*/ 
    text-decoration: underline;
    font-size: 12px;
    font-family:  Helvetica, Arial, Verdana, sans-serif;

}


.admbodycontent {
    background-color: transparent;
    position: relative;
    line-height: 150%;
    color: #000000; 
    font-weight: normal;
    text-decoration: none;
    font-size: 12px;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    padding: 0px;
    margin: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
        left: 140px;
        width: 800px;
    margin-left: 0px;
    margin-right: 0px;
        top: -55px;
}

.admbodycontent a {
    color: #c80000; 
    /*font-weight: normal;*/ /*removed to allow for bolding of links*/ 
    text-decoration: none;
    font-size: 12px;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    }

.admbodycontent a:hover {
    color: #c80000; 
    /*font-weight: normal;*/ /*removed to allow for bolding of links*/ 
    text-decoration: underline;
    font-size: 12px;
    font-family:  Helvetica, Arial, Verdana, sans-serif;

}
/* Added by Joel (joel.scott@sju.edu) */
/* Color text */

.white12 {
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
    font-family: Arial, Verdana, sans-serif;
}
a.white12: hover {
    color: #ffffff;
    text-decoration: underline;
    font-size: 12px;
    font-family: Arial, Verdana, sans-serif;
}

.black8 {
    color: #000000;
    margin-left: 8px;
    text-decoration: none;
    line-height: 160%;
    font-size: 9px;
    font-family: Arial, Verdana, sans-serif;
}
a.black8 {
    color: #000000;
    margin-left: 8px;
    text-decoration: none;
    font-size: 9px;
    font-family: Arial, Verdana, sans-serif;
}

a.black8:hover {
    color: #000000;
    margin-left: 8px;
    line-height: 150%;
    text-decoration: underline;
    font-size: 9px;
    font-family: Arial, Verdana, sans-serif;
}

.black10 {
    color: #000000;
    margin-left: 10px;
    text-decoration: none;
    font-size: 11px;
    font-family: Arial, Verdana, sans-serif;
}
a.black10 {
    color: #000000;
    margin-left: 10px;
    text-decoration: none;
    font-size: 11px;
    font-family: Arial, Verdana, sans-serif;
}

a.black10:hover {
    color: #000000;
    margin-left: 10px;
    line-height: 150%;
    text-decoration: underline;
    font-size: 11px;
    font-family: Arial, Verdana, sans-serif;
}

.black12 {
    color: #000000;
    margin-left: 10px;
    line-height: 150%;
    text-decoration: none;
    font-size: 12px;
    font-family: Arial, Verdana, sans-serif;
}
a.black12 {
    color: #000000;
    margin-left: 10px;
    line-height: 150%;
    text-decoration: none;
    font-size: 12px;
    font-family: Arial, Verdana, sans-serif;
}

a.black12:hover {
    color: #000000;
    margin-left: 10px;
    line-height: 150%;
    text-decoration: underline;
    font-size: 12px;
    font-family: Arial, Verdana, sans-serif;
}
.red12{
    color: #a00000;
    line-height: 150%;
    text-decoration: none;
    font-size: 12px;
    font-family: Arial, Verdana, sans-serif;
}
a.red12: hover {
    color: #a00000;
    text-decoration: underline;
    font-size: 12px;
    font-family: Arial, Verdana, sans-serif;
}

.title {
    color: #a00000;
    font-weight: bold;
    font-size: 15px;
    line-height: 180%;
    font-family: Arial, Verdana, sans-serif;
}

.widebody {
        position: absolute; left: 320px; top: 20px; width: 830px;
        background-color: transparent;
    position: relative;
    height: 100%;
}

#portalLogin.alumni  {
    margin-top: 140px;
}
#portalLogin.alumni h2 {
    font: bolder 14pt Georgia, "Times New Roman", Times, serif;
    color: #FFFFFF;
}

#admfooter {
    position: absolute;
    bottom: 0;
}


/*****************************************************************
 Created to display special notice on gateway pages. Works with 
 the notice-links block (XHTML).

 Created: 3/11/2008 (bachovch@sju.edu)

*/
body.portalhome #primaryUsefulLinks #notice {
    background: #FFFFCC;



    border: medium double #990000;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 50px;
    position: absolute;
    z-index: 900;
    left: -50px;
    top: -160px;
    font-size: 16px;
    letter-spacing: 0.2em;
    width: 400px;
}

body.portalhome #primaryUsefulLinks #notice h2 {
    padding-bottom: 5px;
}

body.portalhome #primaryUsefulLinks #notice p {
    width: 98%;
    line-height: 1em;
    padding-bottom: 5px;
}

body.portalhome #primaryUsefulLinks #notice ul {
    line-height: 1.0em;
    width: 98%;
}
#searchLogo {
    background-image: url(http://oldwww.sju.edu/inc/features/searchBannerBackground.gif);
    background-repeat: repeat-x;
}

#rssregion {
        position: absolute; top: 430px; height: 74px; width: 200px; padding-left: 0px; padding-right: 0px;
}

#newsregion {
       float: left;
       margin-top: 15px;
       margin-left: 12px;
       width: 150px;

}

#magHeading h1 {
        font-family: Georgia, serif;
    font-size: 18px;
    line-height: 22px;
    font-style: italic;
    color: #FFFFFF;
    font-weight: normal;
        padding: 0px;
    margin: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

#magHeading {
    position: absolute;
    left: 126px;
    height: 126px;
    width: 656px;
    z-index: 50;
}
#magHeading {
    top: 130px; /* fixed-height */
}

/*****************************************************************
 Created to display error messages in the Alumni Portal registration process.

 Created: 3/27/2008 (bachovch@sju.edu)

*/
#ap-errormsg {
    background-color: #CCCCCC;
    position: absolute;
    z-index: 500;
    width: 50%;
    border: thin double #000000;
    left: 25%;
    top: 5%;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}

.splash-links{
    color: #a00000;
    font-weight:bold;
    line-height: 150%;
    font-size: 20px;
    font-family: Arial, Verdana, sans-serif;
}
a.splash-links: hover {

    color: #a00000;
    font-weight:bold;
    text-decoration: underline;
    font-size: 20px;
    font-family: Arial, Verdana, sans-serif;
}
/*****************************************************************
 Created to enable the <blockquote> tag as well as add some headers
 Created: 12/19/2008 (bachovch@sju.edu)
*/
.bodycontent .header1 {
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}
.bodycontent .header2 {
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}
.bodycontent .header3 {
    font-size: 12px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}
.bodycontent .header4 {
    font-size: 12px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}
.bodycontent ul {
    margin-bottom: 10px;
}
.bodycontent li {
    margin: 0px;
    margin-left: 40px;
    padding: 0px;
    list-style-type: disc;
}
.bodycontent p {
    margin-bottom: 10px;
}
.bodycontent blockquote {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
}
/*****************************************************************
 Created to enable the <blockquote> tag as well as add some headers
 Created: 12/22/2008 (bachovch@sju.edu)
*/
.admbodycontent p {
    margin-bottom: 10px;
}
.admbodycontent blockquote {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
}

/*****************************************************************
 Created to enable png files to work in old versions of IE
 Created: 01/2009 (jscott02@sju.edu)

img, div { behavior: url(http://oldwww.sju.edu/inc/pngfix/iepngfix.htc) }*/

/*****************************************************************
  Created to enable MySJU system alerts on the login page
  Created: 2/23/2009 (bachovch@sju.edu)
*/
#systemAlert {
    background-color: #FFFFCC;
    width: 600px;
    border: 2px double #FF0000;
    position: absolute;
    left: 130px;
    top: 150px;
    z-index: 1000;
    padding: 10px;
}
#systemAlert p {
    margin-top: 3px;
    margin-bottom: 3px;
}

/*****************************************************************
  Career Level2 Login
  Created: 6/1/2009 (jscott02@sju.edu)
*/

#CareerportalLogin {
background-color: #A00000;
position: relative;
z-index: 100;
width: 249px;
margin-bottom: 10px;
}

#CareerportalLogin label {
    display: block;
    width: 158px;
    height: 10px;
    margin-top: 4px;
    margin-bottom: 2px;
}
#CareerportalLogin input {
    margin-left: 8px;
}
#CareerportalLogin #login {
    margin-bottom: 11px;
}
#CareerportalLogin #roPortalLogin_forgotPassword, #portalLogin #roPortalLogin_forgotPassword a {
    float: left;
}
#CareerportalLogin #roPortalLogin_needToRegister, #portalLogin #roPortalLogin_needToRegister a {
    float: left;
}
#CareerportalLogin #roPortalLogin_StudentLogin, #portalLogin #roPortalLogin_StudentLogin a {
    float: left;
}
#CareerportalLogin #roPortalLogin_EmployerLogin, #portalLogin #roPortalLogin_EmployerLogin a {
    float: left;
}


#CareerportalLogin label span {
    display: none;
}
#CareerportalLogin .username {
    background-image: url("../images/portal/username.gif");
    background-repeat: no-repeat;
}
#CareerportalLogin .password {
    background-image: url("../images/portal/password.gif");
    background-repeat: no-repeat;
}

.dirResults {
    color: #a00000;
    font-weight:bold;
    font-size: 12px;
    font-family: Arial, Verdana, sans-serif;
    text-decoration: none;
}
a.dirResults : hover {

    color: #a00000;
    text-decoration: underline;
    font-size: 12px;
    font-family: Arial, Verdana, sans-serif;
}

 rotator in-page placement */
    div#rotator {
    position:relative;
    height:468px;

}
/* rotator css */
    div#rotator ul {
    float:left;
    position:absolute;
    list-style: none;
    margin: 0 0 0 0px;
    padding-left:0px;
}

    div#rotator li {
    float:left;
    position:absolute;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

/* rotator image style */   
    div#rotator ul li img {
    border:0px;
    padding: 0px;
}
    div#rotator ul li.show {
    z-index:2;
}