body
{
    background-image: url(http://www.wpi.edu/Images/Templates/HR/background.jpg);
    background-position: -10px 0px;
}
body.homepage
{
    margin: 0px auto 0px auto;
    background: url(http://www.wpi.edu/Images/Templates/HR/headerbg.gif) #f6f8fa 0px 10px repeat-x;
    text-align: center;
}


/* *************** */
/* Homepage Layout */
/* *************** */
#layout
{
    margin: 0px auto;
    text-align: left;
}
#indexbottom
{
    background: url(http://www.wpi.edu/Images/Templates/HR/indexbottom.jpg) bottom left no-repeat;
    float: left;
    padding-bottom: 25px;
}
#container
{
    background: url(http://www.wpi.edu/Images/Templates/HR/backgroundindex.jpg) -2px 0px repeat-y;
    float: left;
    
}
#layout, #container { width: 950px; }
* html #layout, * html #container { width: 964px !important; }
#leftcol
{
    float: left;
    width: 217px;
    clear: both;
    padding-left: 34px;
}
/* modified */
#rightcol
{
    float: left;
    width: 670px;
    margin: 0px;
    padding-top: 5px;
    background: url(http://www.wpi.edu/Images/Templates/HR/rightcolbg.jpg) top left repeat-x;
}
#rightcol
{
    _padding-top: 10px; *padding-top: 10px;
}
/* end modified */
* html #rightcol { width: 667px; }
#marketing
{
    background: url(http://www.wpi.edu/Images/Templates/HR/marketingbg.jpg) bottom left repeat-x;
    margin-left: -3px;
    padding-bottom: 45px;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 3;
    min-height: 295px;
    height: auto !important;
    height: 295px;
}
* html #marketing
{
    margin-left: -7px;
}
#marketing .photoleft
{
    width: 318px;
    height: 218px;
    background: url(http://www.wpi.edu/Images/Templates/HR/photobg.jpg) #fff top left no-repeat;
    float: left;
    margin-left: 3px;
    padding-top: 18px;
    padding-left: 18px;
}
* html #marketing .photoleft { width: 310px; height: 210px; }
/* modified */
#marketing h1
{
    color: #030;
    border-bottom: 1px dashed #aaa;
    margin: 7px 20px 10px 3px;
    padding: 7px 0px 5px 0px;
    font-size: 1.1em;
}
#marketing p
{
    margin-right: 20px;
    margin-left: 340px;
}
#marketing p.alert
{
    margin: 0px 15px 0px 14px;
    clear: both;
    border: 1px solid #bbb;
    padding: 10px;
    background-color: #eee;
}
/* end modified */
#icons
{
    width: 635px;
    background-color: #eee;
    border: 1px solid #bbb;
    margin-left: 12px;
    margin-right: 15px;
    margin-bottom: 8px;
    float: left;
    min-height: 55px;
    height: auto !important;
    height: 55px;
    padding-left: 10px;
}
#icons { _margin-right: 0px; *margin-right: 0px; }
#icons .label
{
    float: left;
    margin: 10px auto;
    border-left: 1px solid #999;
    padding: 0px 12px;
    width: 136px;
}
#icons .label { *width: auto; _width: auto; }
* html #icons
{
    margin-left: 8px;
    margin-right: 0px;
    width: 638px;
    margin-top: 3px;
}
* html #icons .label
{
    margin-right: 0px;
    padding-left: 15px;
}
#icons .first { border: 0px !important; padding-left: 0px !important; }
#icons .label img
{
    border: 0px;
    float: left;
    margin-right: 10px;
    margin-bottom: 0px;
}
#icons .label p
{
    margin-top: 10px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
}
#icons .label p a
{
    
    color: #444;
    text-decoration: none;
    font-weight: bold;
    font-size: 0.9em;
}
#icons .label p a:hover
{
    text-decoration: underline;
    color: #900;
}
#content
{
    padding-top: 2px !important;
    padding-left: 230px;
    padding-right: 15px;
}
body.homepage #content
{
    width: 657px;
    padding: 0px 0px 0px 5px !important;
    margin: 0px 0px 0px 5px !important;
    position: relative;
    top: -10px;
    left: 0px;
    z-index: 4;
}
* html body.homepage #content { width: 642px; }
#newscol
{
    width: 325px;
    padding: 0px;
    margin: 0px;
    float: left;
}
#newscol ul
{
    padding-left: 15px !important;
}
#newscol ul li.calendar
{
    text-align: center;
    list-style: none;
    background: url(http://www.wpi.edu/Images/Templates/HR/calendar.gif) top left no-repeat;
    width: 160px;
    padding-left: 37px;
    padding-top: 8px;
    margin-left: 50px !important;
}
#newscol small
{
    color: #000 !important;
    font-size: 0.95em !important;
    font-weight: normal !important;
}
/* modified */
#eventscol
{
    width: 305px;
    padding: 0px;
    margin: 0px 7px 0px 0px;
    float: right;
}
#eventscol
{
    *margin-right: 15px; _margin-right: 15px;
}
/* end modified */
* html #eventscol { margin-right: 0px; }
#newscol h2, #eventscol h2
{
    color: #030;
    border-bottom: 1px dashed #aaa;
    margin: 0px 0px 5px 0px !important;
    padding: 0px 0px 5px 0px;
    font-size: 1.1em;
}
.tabs
{
    background: url(http://www.wpi.edu/Images/Templates/HR/tabbg.gif) top left repeat-y;
    min-height: 89px;
    height: auto !important;
    height: 89px;
    border-bottom: 1px solid #bbb;
    margin-bottom: 15px;
}
.tabs h1
{
    color: #600 !important;
    font-size: 0.85em !important;
    background: url(http://www.wpi.edu/Images/Templates/HR/tabh1bg.gif) top left no-repeat;
    padding: 5px 0px 0px 7px !important;
}
.tabs p
{
    font-size: 0.7em !important;
    margin: 0px 7px 7px 71px !important;
}
.tabs img
{
    float: left;
    margin: 0px 7px 7px 7px;
    border: 1px solid #999;
}


/* ************** */
/* Header Section */
/* ************** */
#header
{
    background-image: url(http://www.wpi.edu/Images/Templates/HR/headerbgsub.gif);
    height: 112px;
}
body.homepage #header
{
    width: 910px;
    background-image: url(http://www.wpi.edu/Images/Templates/HR/headerbgdark.jpg);
    height: 104px;
    margin-bottom: 0px !important;
}
* html body.homepage #header { width: 924px; }
body.homepage #header
{
    padding-left: 40px;
    margin-top: 0px;
    padding-top: 10px;
}
#wpihome { padding-left: 5px; }
body.homepage #wpihome { padding-left: 0px; margin-right: 27px; }
#banner, #banner em
{
    width: 596px;
    height: 101px;
    background-image: url(http://www.wpi.edu/Images/Templates/HR/banner.jpg);
}
#banner
{
    top: 8px !important;
}
body.homepage #banner
{
    position: relative !important;
    top: 0px !important;
    left: 0px !important;
    height: 104px;
}
#endcap { display: none; }


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


/* *************** */
/* Side Navigation */
/* *************** */
body.homepage #nav
{
    position: relative !important;
    top: 0px !important;
    background: url(http://www.wpi.edu/Images/Templates/HR/background.jpg) -10px 0px repeat-y;
    margin-right: 0px !important;
    padding: 0px 0px;
}
#nav
{
    top: 109px;
    padding: 0px 10px 0px 0px;
}
#nav ul
{
    background: url(http://www.wpi.edu/Images/Templates/HR/navbg.jpg) 0px 0px no-repeat;
    padding: 0px 10px 0px 10px;
    width: 200px;
}
#nav ul li a, #nav ul li#first a
{
    border-bottom: 1px solid #c9c7bb;
    color: #555 !important;
}
#nav ul li a:hover, #nav ul li#first a:hover
{
    color: #555 !important;
    background-image: url(http://www.wpi.edu/Images/Templates/HR/fff.gif) !important;
}
#nav ul li.down a, #nav ul li.downsub a { background-color: #fff; }
#nav ul li#first li a:hover
{
    background-image: none !important;
    background-color: #eee !important;
}
#nav ul ul
{
    border-bottom: 1px solid #c9c7bb;
    background-color: #fff;
    background-image: none;
    padding-left: 0px;
}
#nav ul li li a, #nav ul ul ul { border-bottom: 0px !important; }
/* modified */
#nav ul ul ul ul
{
    padding-left: 15px;
    font-style: normal;
    width: 185px;
}
#nav ul li#first li li li a, #nav ul li.downsub li li li a, #nav ul li#first li li li a:hover, #nav ul li.downsub li li li a:hover { width: 140px !important; }
/* end modified */
#nav ul li.related span { color: #555; }
#nav ul li.related ul li a:hover { background-image: url(http://www.wpi.edu/Images/Templates/HR/fff.gif) !important; }
* html #nav ul li.related ul
{
    padding: 0px 0px 10px 0px !important;
    width: 200px !important;
}
* html #nav ul li.related ul li
{
    padding: 0px !important;
    width: 200px !important;
}
* html #nav ul li.related ul li a { padding-right: 0px !important; }


/* ************ */
/* Content Area */
/* ************ */
#content h1 { color: #036; }
body.homepage #content p { padding: 0px 10px 10px 0px; }
body.homepage #content ul
{
    margin: 0px !important;
    padding: 5px 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; }
table.schedule th.right, table.form th.right
{
    background-color: #666 !important;
    padding-top: 7px !important;
    font-family: Arial, Helvetica, sans-serif;
}
#content dt { color: #444; }
#content dt, #content dd { font-size: 0.80em !important; }
#content dd p { font-size: 0.95em !important; }
#content table tr th { background-color: #444; }
#content table tr th.right { background-color: #666; padding: 10px; } 


/* ************* */
/* Footer Styles */
/* ************* */
body.homepage #footer
{
    margin-top: 0px !important;
    margin-left: 10px !important;
    padding-top: 0px !important;
    width: 647px;
    font-size: 0.85em !important;
}
body.homepage #footer p
{
    color: #222;
}
#footer p.address
{
    border-top: 1px solid #999;
}
.callout300 img { padding: 0px 10px 15px 0px !important; }
#content ol ol {    padding-top: 10px; } #content ol li ol li {    font-size: 1em; }