﻿body
{
    background-image: url(http://www.wpi.edu/Images/CMS/RBE/sidebar.jpg);
    background-repeat: repeat-y;
}
body.homepage
{
    background-color: #fff;
    background-image: none !important;
  text-align: center;
}

/*****************/
/* Index Layout */
/***************/
#layout
{
    width: 800px;
    margin: 10px auto 0 auto;
  text-align: left;
}
#indexlogo
{
    width: 187px;
    height: 87px;
    background-image: url(http://www.wpi.edu/Images/CMS/RBE/logobg.jpg);
    background-repeat: no-repeat;
    padding: 10px 0 0 20px;
  float: left;
}
body.homepage #banner,
body.homepage #banner em
{
    width: 593px;
    height: 97px;
  margin: 0 !important;
  float: right;
}
body.homepage #banner 
{
    margin: 0 !important;
  position: relative;
  left: 0;
}
body.homepage #banner em
{
    background-image: url(http://www.wpi.edu/Images/CMS/RBE/bannerindex.jpg);
    background-repeat: no-repeat;
}

#lowerlayout { width: 800px; }
#indexmenu
{
    width: 207px;
    float: left;
}
.indexmenutop
{
   height: 6px;
   margin: 0px;
   padding-top: 0px;
   background-image: url(http://www.wpi.edu/Images/CMS/RBE/indexmenutop.jpg);
   background-repeat: no-repeat;
}
.indexmenumiddle
{
   width: 207px;
   margin: 0px;
   padding: 0px;
   background-image: url(http://www.wpi.edu/Images/CMS/RBE/indexmenumiddle.jpg);
   background-repeat: repeat-y;
}
.indexmenubottom
{
    margin: 0px;
     padding: 0px;
    height: 21px;
    position: relative;
    top: 0px;
}
#indexrightcolumn
{
    width: 591px;
    float: right;
}
.photos
{
    width: 591px;
    height: 196px;
    background-color: #fff;
    margin: 1px 0 6px 3px;
    border: 0px;
}
#indexcontent
{
    width: 591px;
}
.indexcontenttop
{
    width: 591px;
    height: 5px;
    background: url(http://www.wpi.edu/Images/CMS/RBE/indexcontenttop.jpg) top right no-repeat;
}
.indexcontentmiddle
{
    width: 560px;
    background: url(http://www.wpi.edu/Images/CMS/RBE/fullcontentfill.jpg) bottom left no-repeat;
    margin-left: -209px;
    padding: 10px 20px 20px 220px;
}
.indexcontentbottom
{
    width: 591px;
    height: 21px;
    background-image: url(http://www.wpi.edu/Images/CMS/RBE/indexcontentbottom.jpg);
    background-repeat: no-repeat;
}
body.homepage H2
{
    padding: 10px 10px 5px 10px;
}
body.homepage p
{
    margin: 0px;
    padding: 0px 10px 15px 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.80em;
}
body.homepage .indexcontentmiddle ul
{
    margin: 0px;
    padding: 0px 10px 10px 25px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.80em;
}
body.homepage .callout p,
body.homepage .callout ul,
body.homepage .callout300 p,
body.homepage .callout300 ul
{
  padding-top: 5px;
}
body.homepage .callout ul,
body.homepage .callout200 ul,
body.homepage .callout300 ul
{
  font-size: 1em;
  list-style-type: disc;
}
body.homepage .callout ul li,
body.homepage .callout200 ul li,
body.homepage .callout300 ul li
{
  text-indent: 0;
}
#indexfooter
{
 margin: 0px auto;
 width: 800px;
 padding-top: 5px;
}
#indexfooter p
{
 border-top: 1px solid #000;
 text-align: center;
 padding-top: 0px;
}
#footer { margin: 5px 0px 0px 0px !important; }
#footer p { border: 0px !important; margin: 0px !important; }

/**************************/
/* Index Menu Attributes */
/**************************/
body.homepage #nav
{
   position: relative;
   top: 0px;
   width: 207px;
   background-image: none !important;
   margin: 0px 0px 0px 0px;
   padding: 3px 0px 0px 0px;
}
body.homepage #nav UL LI
{
    background-image: url(http://www.wpi.edu/Images/CMS/RBE/indexbuttontop.gif);
    background-color: #fff;
}
body.homepage #nav UL LI A, body.homepage #nav UL LI UL
{
    background-image: url(http://www.wpi.edu/Images/CMS/RBE/indexbuttonbottom.gif);
}
body.homepage #nav UL LI.down, body.homepage #nav UL LI.downsub
{
    background-color: #FFF;
}
body.homepage #nav UL LI:hover, body.homepage #nav UL LI LI A:visited:hover, body.homepage #nav UL LI LI A:link:hover
{
    background-color: #eee;
}
body.homepage #nav UL LI LI
{
    border-width: 0px;
    background-color: #FFF;
    background-image: url(http://www.wpi.edu/Images/CMS/RBE/indexbuttonmiddle.gif);
    background-repeat: repeat-y;
}
body.homepage #nav UL LI LI A
{
    margin-left: 2px;
}
body.homepage #nav UL.relatedbg
{
    width: 220px;
    margin-top: 10px;
    margin-left: 0px;
    padding-top: 10px;
}
body.homepage #nav UL LI.related
{
    background-color: #fff;
}
body.homepage #nav UL LI.related:hover, body.homepage #nav UL LI.related UL, body.homepage #nav UL LI.related LI
{
    background-color: #fff;
}
body.homepage #nav UL LI.related
{
    background-image: url(http://www.wpi.edu/Images/CMS/RBE/indexbuttontop.gif);
    background-color: #fff;
}
body.homepage #nav UL LI.related LI
{
    background-image: url(http://www.wpi.edu/Images/CMS/RBE/indexbuttonmiddle.gif);
    background-repeat: repeat-y;
}
body.homepage #nav UL LI.related LI A
{
    background-image: none;
}
body.homepage #nav UL LI.related LI A:hover
{
    background-color: #eee;
}


/********************/
/* Sublevel Layout */
/******************/
#header
{
    background-image: url(http://www.wpi.edu/Images/CMS/RBE/backgroundtopbar.jpg);
    height: 85px;
    background-repeat: repeat-x;
}
#wpihome { background-image: url(http://www.wpi.edu/Images/CMS/RBE/backgroundcorner.jpg); }
#endcap
{
    width: 55px;
    height: 85px;
    background-image: url(http://www.wpi.edu/Images/CMS/RBE/endcap.jpg);
    background-repeat: no-repeat;
}
#banner,  #banner em
{
    width: 542px;
    height: 85px;
    background: url(http://www.wpi.edu/Images/CMS/RBE/banner.jpg) top left no-repeat;
}
.menutop
{
    width: 220px;
    height: 20px;
    background-image: url(http://www.wpi.edu/Images/CMS/RBE/menutop.jpg);
}

/*****************************/
/* Sublevel Menu Attributes */
/***************************/
#nav
{
    background-image: url(http://www.wpi.edu/Images/CMS/RBE/menutop.jpg);
    background-repeat: no-repeat;
}
#nav UL LI
{
    background-image: url(http://www.wpi.edu/Images/CMS/RBE/subbuttontop.gif);
    background-color: #FFF;
    padding-top: 2px;
}
#nav UL LI A, #nav UL LI UL
{
    background-image: url(http://www.wpi.edu/Images/CMS/RBE/subbuttonbottom.gif);
}
#nav UL LI.down, #nav UL LI.downsub
{
    background-color: #FFF;
}
#nav UL LI:hover, #nav UL LI LI A:visited:hover, #nav UL LI LI A:link:hover
{
    background-color: #eee;
}
#nav UL LI LI
{
    border-width: 0px;
    background-color: #FFF;
    background-image: url(http://www.wpi.edu/Images/CMS/RBE/subbuttonmiddle.gif);
    background-repeat: repeat-y;
}
#nav UL LI LI A
{
    margin-left: 2px;
}
#nav UL.relatedbg
{
    width: 220px;
    margin-top: 10px;
    margin-left: 0px;
    padding-top: 10px;
}
#nav UL LI.related
{
    background-color: #fff;
}
#nav UL LI.related:hover, #nav UL LI.related UL, #nav UL LI.related LI
{
    background-color: #fff;
}
#nav UL LI.related
{
    background-image: url(http://www.wpi.edu/Images/CMS/RBE/subbuttontop.gif);
    background-color: #fff;
}
#nav UL LI.related LI
{
    background-image: url(http://www.wpi.edu/Images/CMS/RBE/subbuttonmiddle.gif);
    background-repeat: repeat-y;
}
#nav UL LI.related LI A:hover
{
    background-color: #eee;
}
#nav .search {
    margin-top: 15px;
    margin-left: 10px;
    color: #030;
    list-style: none;
}
#nav P.mark
{
    margin-top: 15px;
    padding: 0px;
}

/***************************************/
/* Sublevel Typography Customizations */
/*************************************/
H1 { color: #000; }
H2 { color: #066; }
H4 { font-family: Arial, Helvetica, sans-serif; font-size: 0.90em; }
H2.callout, H2.callout300
{
    background-color: #036;
    background-image: url();
    color: #fff !important;
    padding-top: 5px !important;
}
 
th.right { padding-top: 7px !important; }
<div xmlns="http://www.w3.org/1999/xhtml"><span style="padding: 4px 4px 4px 4px;margin-right: 8px;">Not in CMS</span><div onclick="document.body.removeChild(document.getElementById('thedivbox'));" style="font-size: .85em;top: -2px;right: 1px;position: absolute;cursor: pointer;">x</div>
