body { background-image: url(http://www.wpi.edu/Images/Templates/CDC/background(2).gif); }
body.homepage
{
    margin: 0px auto 0px auto;
    background: url(http://www.wpi.edu/Images/Templates/CDC/headerbg.gif) 0px 8px repeat-x;
    text-align: center;
}

/* *************** */
/* Homepage Layout */
/* *************** */
#layout
{
    margin: 0px auto;
    width: 950px;
    text-align: left;
}
#container
{
    width: 950px;
    background: url(http://www.wpi.edu/Images/Templates/CDC/background(2).gif) 10px 0px repeat-y;
    float: left;
    padding-bottom: 10px;
}
#leftcol
{
    float: left;
    width: 220px;
    clear: both;
}
#rightcol
{
    float: left;
    width: 710px;
    margin: 15px 0px 15px 5px;
}
#marketing
{
    width: 703px;
    margin-top: 0px;
    margin-bottom: 0px;
}
#centers
{
    width: 680px;
    clear: left;
}
.icons
{
    width: 120px;
    margin-left: 17px;
    float: left;
}
* html .icons { margin-left: 15px; }
.icons img { border: 1px solid #555 !important; }
#centers .first { margin-left: 0px !important; }
#centers .icons p, #centers .icons p a
{
    margin: 5px 0px 13px 1px !important;
    padding: 0px !important;
    line-height: 1.3em !important;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    font-size: 0.95em;
    color: #900;
}
.icons img:hover { border: 1px solid #600 !important; }
.icons p a:hover { color: #600 !important; text-decoration: underline !important; }
body.homepage #content
{
    width: 680px;
    float: left;
    padding: 0px !important;
    margin: 0px 0px 0px 0px !important;
    background: url(http://www.wpi.edu/Images/Templates/CDC/indexcontentbg.gif) 334px 0px repeat-y;
}
#newscol, #eventscol
{
    width: 327px;
    float: left;
    margin: 0px;
}
#newscol { padding: 0px 8px 0px 0px; }
#eventscol { padding-left: 8px; }

/* ************** */
/* Header Section */
/* ************** */
#header { background-image: url(http://www.wpi.edu/Images/Templates/CDC/headerbg.gif); }
#banner, #banner em
{
    width: 560px;
    height: 100px;
    background: url(http://www.wpi.edu/Images/Templates/CDC/banner.jpg) no-repeat;
}
#banner {
    top: 9px !important;
    left: 210px;
}
body.homepage #banner
{
    position: relative !important;
    top: 0px !important;
    left: 0px !important;
}
#endcap { display: none; }

/* ************************* */
/* Horizontal Top Navigation */
/* ************************* */
#navcontainer { height: 16px !important; }

/* *************** */
/* Side Navigation */
/* *************** */
body.homepage #nav
{
    position: relative;
    top: 0px;
}
#nav { top: 134px; }
#nav ul li a, #nav ul li#first a
{
    background-image: url(http://www.wpi.edu/Images/Templates/CDC/dot.gif);
    color: #444 !important;
}
#nav ul li a:hover, #nav ul li#first a:hover { background-image: url(http://www.wpi.edu/Images/Templates/CDC/dot.gif); }
#nav ul ul { background-image: url(http://www.wpi.edu/Images/Templates/CDC/dot.gif); }
#nav ul li#first li a:hover { background-color: #eee !important; }
#nav ul ul
{
    padding-bottom: 8px !important;
    margin-bottom: 0px;
}
#nav ul li#first li a, #nav ul li.downsub li a { width: 175px !important; }
#nav ul li#first li li a, #nav ul li.downsub li li a, #nav ul li#first li li a:hover, #nav ul li.downsub li li a:hover { width: 155px !important; }
#nav ul ul ul { padding-bottom: 0px !important; }
#nav ul li#first li li li a,
#nav ul li#first li li li a:hover,
#nav ul li.downsub li li li a,
#nav ul li.downsub li li li a:hover
{
    font-style: normal;
  width: 145px !important;
  padding: 5px 5px 5px 50px !important;
}
#nav ul li#first li li li li a, 
#nav ul li#first li li li li a:hover, 
#nav ul li.downsub li li li li a, 
#nav ul li.downsub li li li li a:hover 
{ 
    font-style: normal; 
  width: 130px !important; 
  padding: 5px 5px 5px 65px !important; 
} 
#nav ul li.related span { color: #444; }
#home1 { margin: 20px 0px 0px 10px !important; }
#home, #home2 { margin: 0px 0px 0px 10px !important; }
#home1, #home1 em, #home, #home em, #home2, #home2 em
{
    background-color: transparent !important;
    border: none; 
    width: 180px;
}
#home1, #home1 em
{
    background-image: url(http://www.wpi.edu/Images/CMS/CDC/jobfinder_01.gif);
    height: 19px;
}
#home, #home em
{
    background-image: url(http://www.wpi.edu/Images/Templates/CDC/jobfinder02.gif);
    height: 84px;
}
#home2, #home2 em
{
    background-image: url(http://www.wpi.edu/Images/CMS/CDC/jobfinder_03.gif);
    height: 19px;
}
#home em { margin-left: -10px; }
#home1 em, #home2 em { margin-left: -10px; }
#home a { background-image: none !important; }
#nav ul li.search span
{
    color: #333;
}
#nav ul li.search
{
    background: url(http://www.wpi.edu/Images/Templates/CDC/dot.gif) bottom left repeat-x;
    padding-bottom: 10px;
}
/* ************************ */
/*       Content Areas      */
/* ************************ */
#content h1 { color: #036; }
#newscol h2, #eventscol h2
{
    margin: 0px 0px 5px 0px !important;
    text-align: left !important;
    font-size: 0.9em;
    background-color: #444;
    color: #fff;
    padding: 4px;
}
#newscol h2 { margin-bottom: 10px !important; }
body.homepage h3
{
    font-size: 0.85em;
    font-weight: bold;
    color: #000;
    margin: 0px 0px 0px 0px !important;
    padding: 0px !important;
}
body.homepage h4
{
    margin: 0px 0px 7px 0px !important;
    padding: 0px !important;
}
body.homepage #eventscol img { margin-top: 3px !important; }
body.homepage #content p { padding: 0px 10px 10px 5px; }
#eventscol p { padding: 0px; }
body.homepage #content ul
{
    margin: 10px 0px 10px 20px !important;
    padding: 0px;
    text-align: left;
}#content ul li.last { padding-bottom: 0px; }
#content ul li small
{
    font-weight: bold;
    font-size: 0.95em;
    color: #666;
}
#content ul li p
{
    color: #333;
    font-weight: normal;
    font-size: 0.95em;
}
#content p.socialweb
{
    font-size: 0.60em;
    text-align: center;
    margin: 0px;
    padding-bottom: 15px;
}
 
.callout p { width: 230px; }
 
body.homepage #footer { font-size: 0.85em !important; }
#content a:visited
{
    color: #600;
    text-decoration: underline !important;
}
#content a:link:hover, #content a:visited:hover { color: #600 !important; }
 
#content table.data th.main { background-color: #444 !important; }