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


/* *************** */
/* Homepage Layout */
/* *************** */
#layout
{
    margin: 0px auto;
    text-align: left;
}
#container
{
    background: url(http://www.wpi.edu/Images/Templates/Chemistry/background.gif) 10px 0px repeat-y;
    float: left;
    padding-bottom: 10px;
}
#layout, #container { width: 960px; }
#leftcol
{
    float: left;
    width: 217px;
    clear: both;
}
#rightcol
{
    float: left;
    width: 740px;
    margin: 3px 0px 0px 0px;
}
/* modified */
#marketing
{
    width: 724px;
    height: 160px;
    padding: 10px 0px 5px 7px;
}
#marketing img { border: 1px solid #666; }
#marketing img { margin-right: 14px; }
/* end modified */
body.homepage #content
{
    width: 710px;
    padding: 0px !important;
    margin: 0px 0px 0px 7px !important;
    background: url(http://www.wpi.edu/Images/Templates/Chemistry/indexcontentbg.gif) 355px 0px repeat-y;
}
#newscol, #eventscol
{
    width: 347px;
    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/Chemistry/headerbg.gif);
    height: 106px;
}
#banner, #banner em
{
    width: 684px;
    height: 100px;
    background-image: url(http://www.wpi.edu/Images/Templates/Chemistry/banner.jpg);
}
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 !important;
    top: 0px !important;
}
#nav { top: 134px; }
#nav ul li a, #nav ul li#first a
{
    background-image: url(http://www.wpi.edu/Images/Templates/Chemistry/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/Chemistry/dot.gif);
    color: #900 !important;
}
#nav ul ul { background-image: url(http://www.wpi.edu/Images/Templates/Chemistry/dot.gif); }
#nav ul li.related span { color: #444; }
#nav ul li.related ul li a:hover { background-image: url(http://www.wpi.edu/Images/Templates/Chemistry/fff.gif) !important; }


/* ************ */
/* Content Area */
/* ************ */
#newscol h2, #eventscol h2
{
    margin: 0px 0px 7px 0px !important;
    padding: 0px 0px 5px 0px !important;
    font-size: 1.1em !important;
    color: #900 !important;
    background: url(http://www.wpi.edu/Images/Templates/Chemistry/doth2.gif) bottom left repeat-x;
}
#newscol h3
{
    font-size: 0.95em;
    font-weight: bold;
    color: #000;
    margin: 0px;
    padding: 0px 0px 0px 0px;
}
body.homepage #content p { padding: 0px 10px 10px 0px; }
/* modified */
body.homepage #eventscol ul { padding-right: 5px; }
/* end modified */
#content
{
    padding-top: 15px !important;
    padding-left: 225px;
}
#content p.links { clear: none !important; }
#content h2
{
    color: #444;
    font-size: 1.15em;
}
#content h3 { color: #000; }
#content p.promo
{
    color: #333 !important;
    font-weight: bold !important;
    font-size: 1.15em;
    padding-top: 10px !important;
    padding-bottom: 7px !important;
    text-align: left !important;
}
#content ul ul li { font-size: 1em !important; }
#content ul ul { margin-bottom: 0px !important; }
body.homepage #content ul { margin-top: 0px !important; }
#content .callout p, #content .callout300 p
{
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 5px !important;
}
div.socialweb
{
    border-left: 1px solid #333;
    border-right: 1px solid #333;
}
DIV.callout300 div.socialweb h2.calendarheads, DIV.callout300 div.socialweb h3, p.calendarevent
{
    margin: 0px !important;
    font-size: .8em !important;
    padding: 5px !important;
    border: 0px !important;
}
DIV.callout300 div.socialweb h2.calendarheads { background-color: #666; color: #fff !important; }
DIV.callout300 div.socialweb h3 { background-color: #eee; }
body.homepage .endcode p.links, body.homepage p.fineprint
{
    text-align: center !important;
    font-weight: normal !important;
    border: 0px !important;
    margin: 0px !important;
}

/* ************* */
/* Footer Styles */
/* ************* */
body.homepage #footer { margin-left: 10px !important; font-size: 0.85em !important; }
* html body.homepage #footer { width: 633px !important; }


.callout ul li, .callout300 ul li
{
    text-indent: 0px !important;
    padding-left: 0px !important;
    padding-right: 5px !important;
}
#content p, #content ul li, #content ol li { color: #000; }
th.right { background-color: #666 !important; }