body { background-image: url(http://www.wpi.edu/Images/Templates/LEGO/background.gif); }
body.homepage
{
    margin: 0px auto 0px auto;
    background: url(http://www.wpi.edu/Images/Templates/LEGO/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/LEGO/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;
}
#marketing
{
    width: 720px;
    height: 160px;
    padding: 10px 0px 5px 7px;
}
#marketing img { border: 1px solid #666; }
#marketing img.leftphoto { margin-right: 14px; }
body.homepage #content
{
    width: 710px;
    padding: 0px !important;
    margin: 0px 0px 0px 7px !important;
}
#newscol
{
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0px;
}
#eventscol
{
    display: none;
}
/* ************** */
/* Header Section */
/* ************** */
#header
{
    background-image: url(http://www.wpi.edu/Images/Templates/LEGO/headerbg.gif);
    height: 106px;
}
#banner, #banner em
{
    width: 657px;
    height: 100px;
    background-image: url(http://www.wpi.edu/Images/Templates/LEGO/banner.jpg);
}
body.homepage #banner
{
    position: relative !important;
    top: 0px !important;
    left: -25px !important;
}
#banner
{
    left: 200px !important;
}
#endcap { display: none; }
/* ************************* */
/* Horizontal Top Navigation */
/* ************************* */
#navcontainer { height: 16px !important; }
/* *************** */
/* Side Navigation */
/* *************** */
body.homepage #nav
{
    position: relative !important;
    top: 0px !important;
}
#nav { 0px 0px no-repeat; top: 134px; }
#nav ul li a, #nav ul li#first a
{
    background-image: url(http://www.wpi.edu/Images/Templates/LEGO/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/LEGO/dot.gif);
    color: #900 !important;
}
#nav ul ul { background-image: url(http://www.wpi.edu/Images/Templates/LEGO/dot.gif); }
#nav ul li.related span { color: #444; }
#nav ul li.related span { _background: url(http://www.wpi.edu/Images/Templates/LEGO/dot.gif) top left repeat-x !important; *background: url(http://www.wpi.edu/Images/Templates/LEGO/dot.gif) top left repeat-x !important; }
#nav ul li.related ul li a:hover { background-image: url(http://www.wpi.edu/Images/Templates/LEGO/fff.gif) !important; }
#nav ul li#home
{
    display: block;
}
#nav ul li.replace, #nav ul li.replace a
{
    margin: 0px;
    padding: 0px;
    border: 0px;
}
#nav ul li.replace a:visited:hover, #nav ul li.replace a:link:hover
{
    background-color: transparent !important;
    text-decoration: none;
}
#home
{
    padding: 0px 0px 5px 15px !important;
    border: 0px;
    overflow: hidden;
    background: url(http://www.wpi.edu/Images/Templates/LEGO/dot.gif) bottom left repeat-x !important;
}
#home, #home em
{
    width: 185px;
    background-repeat: no-repeat;
    margin: 0px !important;
}
#home a
{
    text-decoration: none;
    display: block;
    font-weight: bold;
    background-color: none;
    height: 150px;
    
}
#home, #home em
{
    background-image: url(http://www.wpi.edu/Images/Templates/LEGO/homemark.gif);
    height: 160px;
}
#home em
{
    background-position: 0px 10px;
}
#home
{
    background-position: 15px 10px;
}
/* ************ */
/* Content Area */
/* ************ */
#newscol h2
{
    margin: 0px !important;
    padding: 0px 0px 5px 0px !important;
    font-size: 1.35em !important;
    color: #900;
}
#newscol h3
{
    font-size: 1em;
    font-weight: bold;
    color: #000;
    margin: 0px;
    padding: 0px 0px 5px 0px;
}
body.homepage #content p { padding: 0px 10px 10px 0px; }
#content
{
    padding-top: 15px !important;
    padding-left: 225px;
}
#content p.links { clear: none !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 #content .callout ul, body.homepage #content .callout300 ul 
{
    border-left: 0px !important;
    border-right: 0px !important; 
}
body.homepage .endcode p.links, body.homepage p.fineprint {
    text-align: center !important;
    font-weight: normal !important;
    border: 0px !important;
    margin: 0px !important; 
} 
#content h2
{
    color: #600;
    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; }
.callout ul li, .callout300 ul li
{
    text-indent: 0px !important;
    padding-left: 0px !important;
    padding-right: 5px !important;
}
/* ************* */
/* Footer Styles */
/* ************* */
body.homepage #footer { margin-left: 10px !important; width: 708px !important; font-size: 0.85em !important; }