﻿body
{
    background-image: url(http://www.wpi.edu/Images/Templates/MPI/background.jpg);
    background-position: -8px 0px;
    
}
body.homepage
{
    margin: 0px 15px 0px 15px;
    background: url(http://www.wpi.edu/Images/Templates/MPI/headerbg.jpg) 0px 90px repeat-x;
    
}
body.homepage #layout
{
    width: 843px;
    background: url(http://www.wpi.edu/Images/Templates/MPI/background.jpg) 0px 0px repeat-y;
    margin: auto;
    padding: 0px 0px 15px 0px !important;
}
* html body.homepage #layout { width: 875px; }
/* ************** */
/* Header Section */
/* ************** */
#header
{
    height: 87px !important;
    margin: 0px !important;
    padding: 13px 0px 0px 0px;
    background-image: url(http://www.wpi.edu/Images/Templates/MPI/headerbg.jpg);
    background-position: 0px -7px;
    background-repeat: repeat-x;
}
body.homepage #header
{
    width: 100%;
    height: 174px !important;
    margin: 0px 0px 0px 0px;
    padding-top: 15px;
    padding-left: 0px;
    background: url(http://www.wpi.edu/Images/Templates/MPI/headerbg.jpg) #fff 0px 90px repeat-x;
}
.acrc #header { background-image: url(http://www.wpi.edu/Images/Templates/MPI/acrcheaderbg.jpg); }
.chte #header { background-image: url(http://www.wpi.edu/Images/Templates/MPI/chteheaderbg.jpg); }
.pmrc #header { background-image: url(http://www.wpi.edu/Images/Templates/MPI/pmrcheaderbg.jpg); }
.sloan #header { background-image: url(http://www.wpi.edu/Images/Templates/MPI/sloanheaderbg.jpg); }
.cis #header { background-image: url(http://www.wpi.edu/Images/Templates/MPI/cisheaderbg.jpg); }
.americ #header { background-image: url(http://www.wpi.edu/Images/Templates/MPI/americheaderbg.jpg); }
.americ #header { background-image: url(http://www.wpi.edu/Images/Templates/MPI/rrrheaderbg.gif); }
.rrr #header { background-image: url(http://www.wpi.edu/Images/Templates/MPI/rrrheaderbg.gif); }
#wpihome { margin: 0px 31px 0px 15px; }
body.homepage #wpihome
{
    float: left;
    margin: 96px 32px 0px 20px;
}
* html body.homepage #wpihome { margin-left: 11px !important; }
body.homepage #banner, body.homepage #banner em
{
    width: 450px;
    height: 70px;
    background: url(http://www.wpi.edu/Images/Templates/MPI/mpi-banner-hp.gif) 0 0 no-repeat;
    position: relative;
}
body.homepage #banner
{
    
    top: 0px;
    left: 170px;
}
body.homepage #banner a { color: #fff; }
#banner, #banner em
{
    width: 384px;
    height: 60px;
    background-image: url(http://www.wpi.edu/Images/Templates/MPI/mpi-banner-sub.gif);
}
#banner, #banner1
{
    top: 18px;
    left: 220px;
}
#banner1 { top: 21px; }
#banner2 { top: 37px; }
#banner1,  #banner1 em
{
    width: 456px;
    height: 14px;
}
#banner2, #banner2 em
{
    width: 525px;
    height: 40px;
}
#banner1, #banner1 em, #banner2, #banner2 em
{
    background-position: top left;
    background-repeat: no-repeat;
}
.americ #banner2, .americ #banner2 em { width: 567px; }
.acrc #banner1, .acrc #banner1 em { background-image: url(http://www.wpi.edu/Images/Templates/MPI/acrcbanner1.gif); }
.acrc #banner2, .acrc #banner2 em { background-image: url(http://www.wpi.edu/Images/Templates/MPI/acrcbanner2.gif); }
.chte #banner1, .chte #banner1 em { background-image: url(http://www.wpi.edu/Images/Templates/MPI/chtebanner1.gif); }
.chte #banner2, .chte #banner2 em { background-image: url(http://www.wpi.edu/Images/Templates/MPI/chtebanner2.gif); }
.pmrc #banner1, .pmrc #banner1 em { background-image: url(http://www.wpi.edu/Images/Templates/MPI/pmrcbanner1.gif); }
.pmrc #banner2, .pmrc #banner2 em { background-image: url(http://www.wpi.edu/Images/Templates/MPI/pmrcbanner2.gif); }
.sloan #banner1, .sloan #banner1 em { background-image: url(http://www.wpi.edu/Images/Templates/MPI/sloanbanner1.gif); }
.sloan #banner2, .sloan #banner2 em { background-image: url(http://www.wpi.edu/Images/Templates/MPI/sloanbanner2.gif); }
.cis #banner1, .cis #banner1 em { background-image: url(http://www.wpi.edu/Images/Templates/MPI/cisbanner1.gif); }
.cis #banner2, .cis #banner2 em { background-image: url(http://www.wpi.edu/Images/Templates/MPI/cisbanner2.gif); }
.americ #banner1, .americ #banner1 em { background-image: url(http://www.wpi.edu/Images/Templates/MPI/americbanner1.gif); }
.americ #banner2, .americ #banner2 em { background-image: url(http://www.wpi.edu/Images/Templates/MPI/americbanner2.gif); }
.rrr #banner1, .rrr #banner1 em { background-image: url(http://www.wpi.edu/Images/Templates/MPI/rrrbanner1.gif); }
.rrr #banner2, .rrr #banner2 em { background-image: url(http://www.wpi.edu/Images/Templates/MPI/rrrbanner2.gif); }
/* ************************* */
/* Horizontal Top Navigation */
/* ************************* */
#navcontainer
{
    display: none;
}
/* *************** */
/* Side Navigation */
/* *************** */
#nav
{
    margin-top: -8px;
    padding: 0px 10px 0px 0px;
    background: url(http://www.wpi.edu/Images/Templates/MPI/nav.jpg) -11px 0px no-repeat;
    top: 100px;
}
body.homepage #nav
{
    margin-top: 0px !important;
    width: 208px !important;
    position: relative;
    top: 0px;
    float: left;
    background-position: -3px 0px !important;
}
body.homepage #nav ul
{
    margin: 0px 0px 0px 8px;
    padding: 0px;
    font-weight: bold;
    font-size: 0.85em;
}
#nav ul li a, #nav ul li#first a, #nav ul li.related span
{
    color: #fff !important;
    width: 185px;
    border-top: 1px solid #ccc;
}
#nav ul li#first a { border-top: 0px !important; }
#nav ul li a:hover, #nav ul li#first a:hover, #nav ul li.related li a:hover, #nav ul li li a:hover
{
    background-color: #7399C6 !important;
    background-image: none !important;
}
#nav ul li.down, #nav ul li.downsub { background-color: #999; }
#nav ul li.downsub li a:hover { background-color: #777 !important; }
#nav ul li.down a, #nav ul li.downsub a, #nav ul ul
{
    background-color: transparent !important;
}
#nav ul li li a { border-top: 0px !important; }
/* modified */
#nav ul li.related span { border-top: 1px solid #ccc !important; width: 210px;  }
* html #nav ul li.related span { width: 190px;  }
/* end modified */
#nav ul li.home
{
    border-top: 1px solid #ccc;
    background-image: none;
}
.rrr #home, .rrr #home em
{
    background: url(http://www.wpi.edu/Images/Templates/MPI/csm.jpg) top left no-repeat;
    height: 154px;
    left: 0px;
}
* html>body .rrr #home em
{
    /* for ie5.x/mac only */
    margin-bottom: -40px;
    /* Required to bring text underneath image. Use the negative height of the image here.*/
}

/* ************ */
/* Content Area */
/* ************ */
body.homepage #content
{    
    position: relative !important;
    top: -91px;
    left: 0px;
    padding: 0px 2px 0px 5px !important;
}
* html body.homepage #content 
{ 
     width: 620px; 
}
.photocenter
{
    width: 650px;
  margin: 105px 0 15px 0 !important;}
.photocenter img { margin-bottom: 0 !important; }

#centers
{
    width: 635px;
    clear: left;
  margin-left: 15px;
}
#centers img { margin-right: 20px; }
.icons
{
    width: 200px;
  height: 95px;
    margin-left: 14px;
    float: left;
}
body.homepage #content h1
{
    color: #036;
    font-size: 1.4em !important;
}
 
body.homepage #footer
{
    margin-left: 220px !important;
    width: 625px !important;
}
DIV.callout UL LI, DIV.callout300 UL LI
{
  text-indent: 0 !important;
  padding-left: 0 !important;
  margin-right: 5px !important;
}
