body { background-image: url(http://www.wpi.edu/Images/Templates/Summer/background.gif); }
body.homepage
{
    margin: 0px auto 0px auto;
    background: url(http://www.wpi.edu/Images/Templates/Summer/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/Summer/background.gif) 10px 0px repeat-y;
    float: left;
    padding-bottom: 10px;
}
#layout, #container { width: 870px; }
* html #layout, * html #container { width: 878px !important; }
#marketing
{
    width: 633px;
    padding: 10px 0px 10px 10px;
}
body.homepage #photoholder
{
    width: 300px;
    height: 200px;
    float: left;
    background-color: #f60;
    border: 1px solid #666;
}
#thumbs
{
    width: 326px;
    height: 210px;
    position: relative;
    top: 0px;
    padding: 0px 0px 0px 5px;
    margin-bottom: 10px;
    float: left;
}
* html #thumbs { margin-bottom: 0px !important; }
#thumbs img { margin: 0px 0px 16px 15px; }
#thumbs img { border: 1px solid #666; }
#thumbs img:hover { border: 1px solid #900; }
#leftcol
{
    float: left;
    width: 217px;
    clear: both;
}
#rightcol
{
    float: left;
    width: 643px;
    margin: 7px 0px 0px 0px;
}
* html #rightcol { width: 600px; }
body.homepage #content
{
    width: 657px;
    padding: 0px !important;
    margin: 0px 0px 0px 10px !important;
    background: url(http://www.wpi.edu/Images/Templates/Summer/contentbg.gif) top left repeat-y;
}
* html body.homepage #content { width: 640px; }
#newscol
{
    width: 426px;
    float: left;
    padding: 0px;
    margin: 0px;
}
* html #newscol
{
    width: 426px;
}
#eventscol
{
    width: 199px;
    float: left;
    padding: 0px;
    margin: 0px;
}


/* ************** */
/* Header Section */
/* ************** */
#header
{
    background-image: url(http://www.wpi.edu/Images/Templates/Summer/headerbg.gif);
}
#banner, #banner em
{
    width: 310px;
    height: 92px;
    background-image: url(http://www.wpi.edu/Images/Templates/Summer/banner.gif);
}
body.homepage #banner
{
    position: relative !important;
    top: 0px !important;
    left: 0px !important;
}
#endcap { display: none; }


/* ************************* */
/* Horizontal Top Navigation */
/* ************************* */
body.homepage #navcontainer
{
    overflow: visible;
    position: relative;
    top: 0px;
    left: -16px;
}
body.homepage #navcontainer ul { height: 16px; *height: 15px; _height: 15px; }
body.homepage #navcontainer ul li a
{
    border-right: 1px solid #fff;
    border-left: 0px !important;
}
body.homepage #navcontainer ul li.first a { border-left: 1px solid #fff !important; }
#navcontainer ul li a:hover { background-color: #444 !important; }


/* *************** */
/* Side Navigation */
/* *************** */
body.homepage #nav
{
    position: relative !important;
    top: 0px !important;
}

#nav { background: url() 0px 0px no-repeat; }
#nav { _top: 141px; *top: 141px; }

#nav ul li a, #nav ul li#first a
{
    background-image: url(http://www.wpi.edu/Images/Templates/Summer/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/Summer/dot.gif);
    color: #900 !important;
}
#nav ul ul { background-image: url(http://www.wpi.edu/Images/Templates/Summer/dot.gif); }
#nav ul li.related span { color: #333; }

#nav ul li.related span { color: #444; }

#nav ul li.related ul li a:hover { background-image: url(http://www.wpi.edu/Images/Templates/Summer/fff.gif) !important; }

/* ************ */
/* Content Area */
/* ************ */
#marketing h1
{
    background-color: #666;
    color: #fff;
    padding: 4px;
    margin-bottom: 10px;
}
#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;
    width: 200px;
}
#eventscol h2 { width: 199px; }
#newscol h2.first, #eventscol h2
{
    margin: 0px 0px 0px 0px !important; 
    background-color: #666; 
    border-bottom: 5px solid #fff;
}
#newscol h2.first { margin-right: 5px !important; }
.floating
{
    float: left;
    margin-right: 0px;
}
#newscol h3
{
    font-size: 0.85em;
    font-weight: bold;
    color: #000;
    margin: 0px;
    padding: 0px;
}
body.homepage #content ul.tint { width: 188px; }
* html body.homepage #content ul.tint { width: 183px; }
body.homepage #content p { padding: 0px 10px 10px 0px; }
#eventscol p { padding: 0px; }
body.homepage #content ul
{
    margin: 0px !important;
    padding: 10px 0px 0px 20px;
}
* html body.homepage #content ul
{
    margin: 0px !important;
    padding: 10px 0px 0px 25px;
}
body.homepage #content ul li { margin: 0px 0px 0px 0px; }
#content { padding-top: 15px !important; padding-left: 225px; }



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