﻿body
{
    background-image: url(http://www.wpi.edu/Images/Templates/FPE/background.gif);
    background-position: top left;
}
body.homepage
{
    text-align: center;
    margin: 0px 0px 0px 5px;
    background: url(http://www.wpi.edu/Images/Templates/FPE/headerbg.jpg) 0px 0px repeat-x;
}

/* *************** */
/* Homepage Layout */
/* *************** */
#layout
{
    margin: 0px auto;
    width: 875px;
    text-align: left;
}
#container
{
    width: 861px;
    background: url(http://www.wpi.edu/Images/Templates/FPE/background.gif) 10px 0px repeat-y;
    float: left;
}
* html #container { width: 875px; }
#leftcol
{
    float: left;
    width: 220px;
    clear: both;
}
#rightcol
{
    float: left;
    width: 636px;
    margin: 17px 0px 0px 5px;
}
#marketing
{
    width: 636px;
    margin-top: 0px;
}
#marketing h2
{
    background-color: #222;
    color: #fff;
    font-size: 0.9em;
    margin: 0 0 5px !important;
    padding: 4px;
    text-align: left !important;
}
#marketing .flowplayer
{
    height: 242px;
    width: 322px;
    margin-top: 5px;
}
/* Old FPE Homepage Marketing Area
#marketing .photo1, #marketing .photo2, #marketing .photo3
{
    text-align: center;
    display: block;
    width: 200px;
    height: 150px;
    border: 1px solid #555;
}
#marketing .photo1, #marketing .photo2
{
    margin-right: 15px;
    float: left;
}
#marketing .photo3 { float: right; margin-right: 0px; }
#marketing .photo1 a, #marketing .photo2 a, #marketing .photo3 a
{
    width: 121px;
    height: 95px;
    padding: 43px 6px 0px 0px;
    color: #fff;
    text-decoration: none;
    display: block;
    font-size: 0.75em;
    font-weight: bold;
}
*/
body.homepage #content
{
    width: 650px;
    float: left;
    padding: 0px !important;
    margin: 15px 0px 0px 0px !important;
    background: url(http://www.wpi.edu/Images/Templates/FPE/indexcontentbg.gif) 426px 0px repeat-y;
}
#newscol
{
    width: 420px;
    float: left;
    padding: 0px 5px 0px 0px;
    margin: 0px;
}
#eventscol
{
    width: 202px;
    float: left;
    padding-left: 9px;
    margin: 0px;
}

/* ************** */
/* Header Section */
/* ************** */
#header
{
    height: 90px !important;
    margin: 0px !important;
    padding: 25px 0px 0px 0px;
    background: url(http://www.wpi.edu/Images/Templates/FPE/headerbg.jpg) 0px -2px repeat-x;
}
body.homepage #header
{
    width: 100%;
    height: 110px !important;
    margin: 0px 0px 0px 0px;
    padding-top: 0px;
    padding-left: 0px;
    background: url(http://www.wpi.edu/Images/Templates/FPE/headerbg.jpg) #fff 0px 0px repeat-x;
}
* html body.homepage #header { background-color: #f90; }
#wpihome
{
    margin-top: 0px;
    margin-left: 15px;
}
body.homepage #wpihome
{
    margin-top: 25px;
    margin-left: 25px;
}
* html body.homepage #wpihome { margin-left: 15px; }
#banner, #banner em
{
    width: 626px;
    height: 100px;
    background-image: url(http://www.wpi.edu/Images/Templates/FPE/banner.jpg);
}
#banner
{
    top: 8px;
    left: 205px;
}
body.homepage #banner, body.homepage #banner em
{
    width: 626px;
    height: 100px;
    background: url(http://www.wpi.edu/Images/Templates/FPE/banner.jpg) 0px 0px no-repeat;
    position: relative;
}
body.homepage #banner
{
    
    top: 10px;
    left: -22px;
}
* html body.homepage #banner { width: 610px; }
body.homepage #banner a { color: #fff; }
#endcap { display: none; }

/* ************************* */
/* Horizontal Top Navigation */
/* ************************* */
#navcontainer { display: none; }

/* *************** */
/* Side Navigation */
/* *************** */
#nav
{
    margin-top: 0px;
    padding: 0px 10px 0px 0px;
    background: url(http://www.wpi.edu/Images/Templates/FPE/nav.jpg) -10px 0px no-repeat;
    top: 108px;
}
body.homepage #nav
{
    margin-top: 0px !important;
    width: 210px !important;
    position: relative;
    top: 0px;
    float: left;
    background-position: 0px 0px !important;
}
#nav ul
{
    padding: 0px 0px 185px 0px;
    background: url(http://www.wpi.edu/Images/Templates/FPE/fire.jpg) bottom center no-repeat;
}
body.homepage #nav ul
{
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 185px 0px;
    font-weight: bold;
    font-size: 0.85em;
    background: url(http://www.wpi.edu/Images/Templates/FPE/fire.jpg) bottom center no-repeat;
}
#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: #555 !important;
    background-image: none !important;
}
#nav ul li.down, #nav ul li.downsub { background-color: #555; }
#nav ul li.downsub li a:hover { background-color: #111 !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;
}
#nav ul ul { background-image: none !important; padding-bottom: 0px; }

/* ************************ */
/*       Content Areas      */
/* ************************ */
#newscol h2.first, #eventscol h2.first
{
    margin: 0px 0px 5px 0px !important;
}
#newscol h2, #eventscol h2
{
    margin: 0px 0px 5px 0px !important;
    text-align: left !important;
    font-size: 0.9em;
    background-color: #222;
    color: #fff;
    padding: 4px;
}
#newscol h3
{
    font-size: 0.85em;
    font-weight: bold;
    color: #000;
    margin: 0px;
    padding: 0px;
}
body.homepage #content p
{
    padding: 0px 10px 10px 0px;
}
#eventscol p { padding: 0px; }
body.homepage #content ul
{
    margin: 10px 0px 10px 16px !important;
    padding: 0px;
}
body.homepage #content ul
{
    _margin: 10px 0px 10px 25px !important; *margin: 10px 0px 10px 25px !important;
}
#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;
}
body.homepage #footer { font-size: 0.85em !important; }
