HTML BODY {
    margin: 0;
    padding: 0;
}
HTML BODY.popup
{
    margin: 10px;
}
HTML BODY.nomenu
{
    margin: 10px 5em;
}
BODY.university {
    background-image: url();
    background-repeat: repeat-y;
}
BODY.university200 {
    background-image: url();
    background-repeat: repeat-y;
}
#header
{
    padding: 0px;
    margin: 0px 1px 0px 0px;
    height: 85px;
}
#wpilogo {
    position: absolute;
    top: 10px;
    left: 10px;
}
#wpihome {
    padding: 10px 0px 9px 10px;
    background-repeat: no-repeat;
}
.wpilogo
{
    background-repeat: no-repeat;
}
BODY.nomenu .wpilogo
{
    text-align: center;
}
#banner, #banner1
{
    position: absolute;
    top: 0px;
    left: 220px;
    padding: 0px;
    margin: 0px;
    border: 0px;
    overflow: hidden;
}
#banner2
{
    position: absolute;
    top: 35px;
    left: 220px;
    padding: 0px;
    margin: 0px;
    border: 0px;
    overflow: hidden;
}
IMG
{
    padding: 0px;
    margin: 0px;
    border: 0px;
}
#endcap
{
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 0px;
    margin: 0px;
    border: 0px;
    text-align: right;
    background-repeat: no-repeat;
}
#navontainer
{
    display: none;
}
#nav {
    position: absolute;
    top: 85px;
    left: 0px;
    width: 200px;
    padding: 0px;
    margin: 0px;
    border: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .75em;
    }
.menutop
{
    width: 200px;
    height: 20px;
    background-repeat: no-repeat;
}
#content {
    padding: 20px 20px 20px 220px;
    margin: 0px;
    }
BODY.nomenu #content {
    padding: 20px 0px 0px 0px;
    }
#footernav
{
    width: 50%;
    margin: 1em auto 1em auto;
    padding: 5px 0px 5px 0px;
    border-color: #ccc;
    border-width: 1px 0px 2px 0px;
    border-style: solid;
    text-align: center;
    white-space: nowrap;
    clear: both;
    font-weight: bold;
}
.spacer {
    clear: both;
    }
BODY {
    margin: -10px 0px 0px -10px;
    padding: 0px;
    color: #333;
    background-color: #fff;
}
HR {
    height: 1px;
    margin-bottom: 1em;
    clear: both;
    color: #ccc;
    background-color: #ccc;
    border: 0;
    margin-right: 10px;
}
#content P
{
    font-family: Times New Roman, Times, serif;
    color: #333;
    margin-top: 0px;
    line-height: 1.15em;
}
#content TABLE P
{
    margin-top: 3px;
    margin-bottom: 3px;
}
#content UL, #content OL, #content LI
{
    font-family: Times New Roman, Times, serif;
    color: #333;
    margin-top: 0px;
    line-height: 1.15em;
}
P SMALL {
    line-height: normal;
}
BLOCKQUOTE
{
    font-family: Times New Roman, Times, serif;
    font-style: italic;
    color: #666;
    line-height: 1.15em;
    margin-top: 0px;
}
BLOCKQUOTE.large
{
    font-family: Times New Roman, Times, serif;
    font-style: italic;
    font-size: 1.4em;
    color: #666;
    line-height: 1.15em;
    margin-top: 0px;
}
BLOCKQUOTE.author
{
    margin-top: -.5em;
    text-align: right;
    color: #666;
}
.clear {
    clear: both;
}
.clearleft {
    clear: left;
}
P.right, TD.right {
    text-align: right;
}
P.hang {
    text-indent: -10px;
    padding-left: 10px;
}
P.hangsub {
    text-indent: -10px;
    padding-left: 20px;
    margin-bottom: 6px;
}
P.hang2 {
    text-indent: -20px;
    padding-left: 20px;
}
P.selector {
    text-indent: -1.5em;
    padding-left: 1.5em;
}
P.indent, P.address {
    padding-left: 2.5em;
}
TABLE TD P
{
    font-size: 1em !important;
}
LI P
{
    font-size: 1em !important;
}
.links, TD.toplinks, P.calendarpagelinks
{
    margin-top: 9px;
    margin-bottom: 9px;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: .75em;
    font-weight: bold;
    text-align: center !important;
    clear: both;
}
.links A, TD.toplinks A, P.calendarpagelinks A
{
    white-space: nowrap;
}
P.alphanumlinks
{
    margin-top: 1em;
    margin-bottom: 1em;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: .8em;
    font-weight: bold;
    text-align: center !important;
    clear: both;
}
P.alphanumlinks A
{
    padding: 0px .25em;
}
P.small, P.fineprint {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: .75em;
}
P.footer
{
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: .75em !important;
    text-align: center;
    white-space: nowrap;
    line-height: normal !important;
}
P.release {
    margin-top: 1em;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: .9em;
    line-height: .9em;
}
P.release:first-line
{
    font-weight: bold;
}
P.searchindex
{
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: .75em;
    text-align: center;
    margin: 1em 0px;
    white-space: nowrap;
}
P.subheader, P.searchtitle
{
    margin-top: 0px;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 1em;
    line-height: normal;
    font-style: italic;
    text-transform: inherit;
}
P.subheader I, P.searchtitle I { font-style: normal !important; }
P.h2subheader
{
    margin-top: 0px;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: .9em;
    line-height: normal;
    font-style: italic;
    text-transform: inherit;
}
P.promo
{
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 1em  !important;
    font-weight: bold;
    text-align: center !important;
}
P.error {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px;
    font-weight: bold;
    color: #f00;
}
P.dates {
    font-weight: bold;
    color: #363;
    margin-bottom: 0px;
}
P.footnote
{
    font-size: .9em;
    font-style: italic;
}
P.citation
{
    text-indent: -3em;
    padding-left: 3em;
}
P.listheader
{
    font-weight: bold;
    margin-bottom: 0px;
}
P.equation
{
    text-align: center;
}
P.metadata
{
    font-weight: bold;
    margin-bottom: .5em;
}
A:visited {
    color: #555555;
    }
A:link {
    color: #990000;
    }
#content A:link:hover, #content A:visited:hover  {
    color: #990000;
    }
EM {
    font-style: italic;
    font-variant: normal;
    font-weight: normal;
}
EM.correct {
    color: #090;
}
EM.incorrect {
    color: #c00;
}
SUB {
    font-size: .75em;
}
SUP {
    font-size: .75em;
}
CODE
{
    font-family: monospace;
}
H1 {
    font-family: Times New Roman, Times, serif;
    font-size: 1.5em;
    margin: 0px 0px 3px 0px;
    color: #000;
    }
#header H1 {
    margin: 0px;
    padding: 0px;
}
BODY.nomenu H1, BODY.nomenu P.subheader
{
    text-align: center;
}
H2 {
    margin-top: 0px;
    margin-bottom: 2px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    color: #555;
    }
H2.banner {
    margin-top: 6px;
    margin-bottom: 6px;
    }
H2.big {
    margin-top: 0px;
    font-size: 24px;
    }
H3
{
    font-family: Times New Roman, Times, serif;
    margin-top: 0px;
    padding-bottom: 2px;
    margin-bottom: 0px;
    font-weight: bold;
    font-size: 1.05em;
}
H4
{
    font-family: Times New Roman, Times, serif;
    margin-top: 0px;
    margin-bottom: 2px;
    font-style: italic;
    font-weight: bold;
    font-size: 1em;
}
H5
{
    font-family: Times New Roman, Times, serif;
    margin-top: 0px;
    margin-bottom: 2px;
    font-style: italic;
    font-weight: normal;
    font-size: 1em;
}
.flowplayer
{
    background: #000;
    float: left;
    height: 400px;
    margin: 0px 15px 15px 0px;
    width: 533px;
    z-index: 1;
}
DL {
    margin-top: 0px;
    font-family: Times New Roman, Times, serif;
    color: #333;
}
DT {
    font-weight: bold;
}
DD {
    margin-bottom: 12px;
}
UL, OL {
    margin-top: 0px;
    margin-bottom: 1em;
    }
UL LI, OL LI {
    margin-bottom: .5em;
    }
UL.menu LI, OL.menu LI {
    margin-bottom: 0px;
    padding-bottom: 0px;
    }
UL.checkboxes LI {
    list-style-image: url();
    list-style-type: square;
    }
OL.roman {
    margin-left: 50px;
    }
OL.lower-alpha {
    list-style-type: lower-alpha;
    }
TABLE.format, TABLE.archive, TABLE.calendar, TABLE.form, TABLE.data, TABLE.schedule, TABLE.chart, TABLE.directory, TABLE.shifts, TABLE.quiz
{
    margin: 0px 0px 1em 0px;
}
TABLE.center, TABLE.chart
{
    margin: 0px auto 1em auto;
}
TABLE.calendar, TABLE.form, TABLE.schedule
{
    width: 100%;
    clear: both;
}
DIV.calloutpresent TABLE.calendar, DIV.calloutpresent TABLE.form, DIV.calloutpresent TABLE.schedule
{
    width: auto;
    clear: none;
}
TABLE.format TD, TABLE.form TD, TABLE.data TD, TABLE.schedule TD, TABLE.searchresults TD, TABLE.chart TD, TABLE.directory TD, TABLE.center TD, TABLE.archive TD, TABLE.quiz TD
{
    color: #333;
    padding: 3px;
}
TABLE.shifts TD
{
    white-space: nowrap;
    padding: 0px;
}
TABLE.shifts TH
{
    white-space: nowrap;
    padding: 3px 3px;
}
TABLE.shifts TD SPAN
{
    width: 40px;
    float: left;
    text-align: center;
    margin: 0px 1px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .75em;
    padding: 1px;
}
TABLE.shifts TD SPAN EM
{
    color: #f00;
    width: 50px;
}
TABLE.shifts TD SPAN.available
{
    border-color: #000;
    border-width: 1px;
    border-style: solid;
    width: 38px;
}
TABLE.center TD
{
    text-align: left;
}
TABLE.archive TD, TABLE.quiz TD
{
    vertical-align: top;
}
TABLE.directory TD
{
    vertical-align: top;
    padding-bottom: 1em;
}
TABLE.calendar TD
{
    vertical-align: top;
    width: 14.28%;
    height: 5em;
    padding: 3px;
}
TABLE.schedule TD, TABLE.searchresults TD
{
    vertical-align: top;
}
TABLE.searchresults TD.searchcounter
{
    text-align: right;
    font-weight: bold;
}
TABLE.searchresults TD A
{
    font-weight: bold;
}
TABLE.searchresults TD SMALL
{
    color: #666;
}
TABLE.chart TD {
    font-family: Arial, Helvetica, sans-serif;
    font-size: .75em;
    text-align: center;
}
TD.top {
    vertical-align: top;
    text-align: left;
}
TH
{
    font-family: Arial, Helvetica, sans-serif;
    background-color: #ccc;
    font-size: .75em;
    font-weight: bold;
    padding: 3px;
}
TH.main
{
    background-color: #bbb;
    font-size: .9em;
    font-weight: bold;
}
TH.highlight {
    background-color: #bbb;
}
TH.calendarheads
{
    font-size: .9em;
    font-weight: bold;
}
TABLE.data TH.right, TABLE.data COL.right, TABLE.shifts TH.right
{
    text-align: right;
    background-color: #ccc;
}
TABLE.format TH.right, TABLE.form TH.right, TABLE.data TH.right
{
    text-align: right;
    vertical-align: top;
    background-color: #ddd;
}
TABLE.quiz TH.right
{
    font-family: Times New Roman, Times, serif;
    font-size: medium;
    background-color: transparent;
    text-align: right;
    vertical-align: top;
    white-space: nowrap;
}
TABLE.schedule TH.right
{
    font-family: Times New Roman, Times, serif;
    font-size: medium;
    background-color: transparent;
    text-align: right;
    vertical-align: top;
    white-space: nowrap;
    width: 15%;
}
TABLE.form TH.right
{
    width: 15%;
}
SPAN.required
{
    color: #930;
}
TH.rightnoshade
{
    text-align: right;
    vertical-align: top;
    background-color: #fff;
}
TH.big {
    vertical-align: top;
    font-size: 1.2em;
    }
TH.left
{
    text-align: left;
    vertical-align: top;
}
TH SMALL, P.links SMALL
{
    font-weight: normal;
}
TD.number
{
    text-align: right;
}
TD.total
{
    border-color: black;
    border-width: 1px 0 0 0;
    border-style: solid;
    font-weight: bold;
    text-align: right;
}
TD.sans, P.sans, TABLE.sans TD {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: .75em;
}
.sanscentered
{
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: .75em;
    text-align: center;
}
TD.sans P {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: .75em;
}
TD.sans TD {
    font-size: .75em;
}
TD.sans TH {
    font-size: .75em;
}
TR.tint TD, TR.tintdim TD, TD.tint, TD.calendartint, TABLE.schedule TR.tint TH.right, TABLE.quiz TR.tint TH.right
{
    background-color: #eee;
}
TR.dim TD, TR.tintdim TD, TR.dim TD A:link, TR.tintdim TD A:link, TR.dim TD A:visited, TR.tintdim TD A:visited, SPAN.dim, TD.dim {
    color: #999;
}
TD.searchstats
{
    text-align: right;
    vertical-align: top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 13px;
    white-space: nowrap;
}
TD.search
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    white-space: nowrap;
    background-color: #eee;
}
.searchresults EM
{
    background-color: #FFF0C1;
    padding: 0px 2px;
    color: default;
}
.searchresults A EM
{
    text-decoration: underline;
}
P.calendareventgrouped {
margin-left: 20px;
}
ADDRESS
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: .6em;
    font-style: normal;
    text-align: right;
    clear: both;
    color: #666;
    padding: 1em 0em .5em 0em;
}
FORM
{
    margin-top: 0px;
    margin-bottom: 0px;
}
TEXTAREA.fullwidth
{
    width: 100%;
}
/*  */
/* Menu Formatting */
/*  */
#nav P
{
    padding: 2px 5px 2px 10px;
    margin: 0px;
}
#nav FORM
{
    padding: 2px 5px 2px 10px;
}
#nav P.heading
{
    font-weight: bold;
    margin-top: 1em;
}
#nav P.menu1, #nav P.menu1down
{
    font-weight: bold;
    border-top: 1px solid #999;
    padding: 4px 5px 4px 10px;
}
#nav P.menu1norule, #nav P.menu1noruledown, #nav P.menu1first
{
    font-weight: bold;
    padding: 4px 5px 4px 10px;
}
#nav P.menu1big, #nav P.menu1bigdown
{
    font-weight: bold;
    border-top: 1px solid #999;
    font-size: 1em;
    padding: 4px 5px 4px 10px;
}
#nav P.menu2, #nav P.menu2down
{
    padding-left: 15px;
}
#nav P.menu3, #nav P.menu3down
{
    padding-left: 25px;
}
#nav P.menu4, #nav P.menu4down
{
    padding-left: 35px;
}
#nav A:link, #nav A:visited
{
    text-decoration: none;
    color: #990000;
}
#nav A:link:hover, #nav A:visited:hover
{
    text-decoration: underline;
}
#nav P.menu1down, #nav P.menu1noruledown, #nav P.menu1bigdown, #nav P.menu2down, #nav P.menu3down, #nav P.menu4down
{
    background-color: #FFE599;
}
#nav UL, UL.none
{
/*/*/
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    border: 0px;
/* NN4 Hidden CSS End */
}
#nav UL LI
{
    margin: 0px;
    padding: 0px;
    border: 0px;
}
#nav UL LI A, #nav UL LI SPAN
{
    margin-bottom: 0px !important;
    padding: 4px 5px 4px 10px;
    text-decoration: none;
    display: block;
    font-weight: bold;
    width: 185px;
    border-top: 1px solid #999;
}
#nav UL LI A.first, #nav UL LI.home A
{
    border-top: none;
}
#nav UL LI A:visited:hover, #nav UL LI A:link:hover
{
    background-color: #ddd;
    text-decoration: none;
}
#nav UL LI LI A, #nav UL LI LI SPAN
{
    margin-bottom: 0px !important;
    padding: 2px 5px 2px 15px;
    text-decoration: none;
    display: block;
    font-weight: normal;
    width: 180px;
    border: none;
}
#nav UL LI LI LI A, #nav UL LI LI LI SPAN
{
    margin: 0px;
    padding: 2px 5px 2px 25px;
    text-decoration: none;
    display: block;
    font-weight: normal;
    width: 170px;
    border: none;
}
#nav UL LI LI LI LI A, #nav UL LI LI LI LI SPAN
{
    margin: 0px;
    padding: 2px 5px 2px 35px;
    text-decoration: none;
    display: block;
    font-weight: normal;
    border: none;
    width: 160px;
}
#nav UL LI LI LI LI LI A, #nav UL LI LI LI LI LI SPAN
{
    margin: 0px;
    padding: 2px 5px 2px 45px;
    text-decoration: none;
    display: block;
    font-weight: normal;
    border: none;
    width: 140px;
}
#nav LI.down A, #nav LI.down SPAN
{
    background-color: #ddd;
}
#nav UL LI.related
{
    margin-top: 2em;
    padding: 4px 5px 4px 10px;
    font-weight: bold;
}
#nav UL LI.related UL
{
    margin-left: -10px;
}
#nav UL LI.home
{
    margin-top: 2em;
    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;
    text-decoration: none;
}
#nav UL LI.replace
{
    margin-top: 1em;
}
#home, #home2
{
    padding: 0px;
    margin-top: 1em;
    border: 0px;
    overflow: hidden;
}
#home, #home em, #home2, #home2 em
{
    width: 200px;
    height: 48px;
    background-repeat: no-repeat;
}
#home A, #home2 A
{
    text-decoration: none;
    display: block;
    font-weight: bold;
    width: 185px;
}
#first
{
    width: 200px;
    padding-top: 20px !important;
    background-repeat: no-repeat;
}
/*  */
/* Old style captioning - Try to remove from site when we have free-time */
/*  */
.caption {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666;
    line-height: 14px;
    text-align: right; 
}
/*  */
/* Callout Treatments */
/*  */
DIV.box
{
    padding: 0px 0px .5em 0px;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
    margin: 0px 0px 1em 0px;
}
DIV.callout
{
    float: right;
    width: 250px;
    padding: 0px 0px .5em 10px;
    clear: right;
}
DIV.quarter DIV.callout, DIV.half DIV.callout, DIV.third DIV.callout, DIV.threequarter DIV.callout, DIV.twothird DIV.callout
{
    float: none;
    width: auto;
    padding: 0px 0px .5em 0px;
}
DIV.callout300
{
    float: right;
    width: 300px;
    padding: 0px 0px .5em 10px;
}
DIV.callout200
{
    float: right;
    width: 200px;
    padding: 0px 0px .5em 10px;
}
DIV.calloutfilled
{
    float: right;
    width: 250px;
    padding: 0px 0px .5em 0px;
    margin: 0px 0px 1em 10px;
    background-color: #eee;
}
DIV.calloutfilled H2
{
    margin: 0px;
    padding: 6px 10px 0px 10px;
    font-size: 1em;
}
DIV.calloutfilled H3
{
    margin: 0px;
    padding: 6px 10px 0px 10px;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: .8em;
}
DIV.box H2
{
    margin: 0px;
    padding: 3px 10px 3px 10px;
    font-size: .9em;
    background-color: #000;
    color: #fff;
    border-style: none;
}
DIV.callout H2, DIV.callout300 H2
{
    border-left: #ccc;
    border-width: 0 0 0 2px;
    border-style: none none none solid;
    margin: 0px 0px 0px 0px;
    padding: 6px 0px 0px 10px;
    font-size: 1em;
}
DIV.callout H3, DIV.callout300 H3
{
    border-left: #ccc;
    border-width: 0 0 0 2px;
    border-style: none none none solid;
    margin: 0px 0px 0px 0px;
    padding: 6px 0px 0px 10px;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: .8em;
}
DIV.callout P, DIV.callout300 P, DIV.callout200 P, DIV.callout TABLE, DIV.callout300  TABLE, DIV.callout FORM, DIV.callout300  FORM, DIV.callout DL
{
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: .75em;
    line-height: normal;
    border-left: #ccc;
    border-width: 0 0 0 2px;
    border-style: none none none solid;
    margin: 0px;
    padding: 3px 0px .5em 10px;
}
DIV.callout FORM TABLE, DIV.callout300 FORM TABLE, DIV.callout FORM P, DIV.callout300 FORM P
{
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 1em !important;
    line-height: normal !important;
    border-style: none !important;
    margin: 0px !important;
    padding: 0px !important;
}
DIV.callout FORM TABLE TH, DIV.callout300 FORM TABLE TH, DIV.callout TABLE TH
{
    font-size: 1em !important;
}


DIV.callout OL, DIV.callout300 OL, DIV.callout UL, DIV.callout300 UL
{
    padding: .25em 0px .25em 30px;
    margin: 0px;
    border-left: #ccc;
    border-width: 0 0 0 2px;
    border-style: none none none solid;
    width: 86%;  
}
DIV.callout UL, DIV.callout300 UL { list-style-type: none; }
DIV.callout OL LI, DIV.callout300 OL LI
{
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: .75em;
}
DIV.callout UL LI, DIV.callout300 UL LI
{
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: .75em;
    text-indent: -20px;
}
DIV.callout UL.bullets { list-style-type: disc; }
DIV.callout UL.bullets LI
{
    margin: 0px;
    padding: 0px;
    border: 0px;
    text-indent: 0px;
}

DIV.calloutfilled P, DIV.box P
{
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: .75em;
    line-height: normal;
    margin: 0px 0px 0px 0px;
    padding: 3px 10px 3px 10px;
}
DIV.callout P.hang, DIV.calloutfilled P.hang
{
    padding-left: 20px;
}
DIV.callout DD
{
    margin-left: 10px;
}
DIV.callout P.author
{
    text-align: right;
    line-height: 1.2em;
    font-style: italic;
}
DIV.callout P SMALL, DIV.callout300 P SMALL, DIV.calloutfilled P SMALL, DIV.box P SMALL,  P.fineprint SMALL
{
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: .9em;
}
DIV.box LI {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: .75em;
}
H2.callout
{
    background-color: #000;
    background-image: url();
    color: #FFF;
    background-position: left top;
    background-repeat: no-repeat;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: .75em !important;
    text-transform: uppercase;
    letter-spacing: .1em;
    padding: 3px 10px 3px 12px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    border-style: none !important;
    font-weight: bold;
}
/*  */
/* Photo Treatments when used with and without captions */
/*  */
DIV.album DIV
{
    float: left;
    width: 150px;
    height: 170px;
    margin: 5px;
}
DIV.album DIV IMG
{
    text-align: center;
    vertical-align: middle;
    display: block;
    margin: auto;
    border-width: 0px;
}
DIV.albumportrait DIV
{
    float: left;
    width: 120px;
    height: 200px;
    padding: 0px 5px 10px 5px;
    text-align: center;
    vertical-align: top;
}
DIV.albumlandscape DIV
{
    float: left;
    width: 170px;
    height: 200px;
    padding: 0px 5px 10px 5px;
    text-align: center;
    vertical-align: top;
}
DIV.albumlarge DIV
{
    float: left;
    width: 300px;
    height: 250px;
    padding: 0px 5px 10px 5px;
    text-align: center;
    vertical-align: top;
}
DIV.albumlarge DIV P, DIV.albumportrait DIV P, DIV.albumlandscape DIV P, DIV.album DIV P
{
    text-align: center;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: .75em;
    color: #000;
    line-height: normal !important;
    margin-top: 3px !important;
}
DIV.photocenter
{
    margin: 1em auto 1em auto;
    text-align: center;
}
DIV.photocenter P
{
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: .75em;
    text-align: center;
    padding-right: 15px;
    margin-top: 3px;
    color: #666;
    line-height: normal;
}
DIV.photoright100, DIV.photoright150, DIV.photoright200, DIV.photoright250, DIV.photoright300, DIV.photoright400, IMG.right, DIV.right, img.rightnotreatment
{
    clear: right;
    float: right;
    padding: 0px 0px .5em 10px;
}
DIV.photoright100 { width: 100px; }
DIV.photoright150 { width: 150px; }
DIV.photoright200 { width: 200px; }
DIV.photoright250 { width: 250px; }
DIV.photoright300 { width: 300px; }
DIV.photoright400 { width: 400px; }
DIV.photoright100 P, DIV.photoright150 P, DIV.photoright200 P, DIV.photoright300 P, DIV.photoright250 P, DIV.photoright400 P, DIV.photoenclosed300 P
{
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: .75em;
    text-align: right;
    padding-right: 15px;
    padding-left: 15px;
    color: #666 !important;
    line-height: normal;
}
DIV.photoleft100, DIV.photoleft150, DIV.photoleft200, DIV.photoleft250, DIV.photoleft300, IMG.left, DIV.left
{
    clear: left;
    float: left;
    padding: 0px 10px .5em 0px;
}
DIV.photoleft100 { width: 100px; }
DIV.photoleft150 { width: 150px; }
DIV.photoleft200 { width: 200px; }
DIV.photoleft250 { width: 250px; }
DIV.photoleft300 { width: 300px; }
DIV.photoleft100 P, DIV.photoleft200 P, DIV.photoleft250 P, DIV.photoleft300 P, DIV.photoleft150 P
{
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: .75em;
    text-align: left;
    padding-right: 15px;
    margin-top: 3px;
    color: #666 !important;
    line-height: normal;
}
DIV.photoright100 IMG, DIV.photoright150 IMG, DIV.photoright200 IMG, DIV.photoright300 IMG, DIV.photoright250 IMG, DIV.photoright400 IMG, DIV.photoenclosed300 IMG, DIV.photoleft200 IMG, DIV.photoleft300 IMG, DIV.photoleft150 IMG, DIV.photocenter IMG
{
    margin-bottom: 3px;
}
DIV.photoenclosed300
{
    float: right;
    width: 300px;
    padding: 0px;
    margin: 0px 0px .5em 10px;
    background-image: url(http://www.wpi.edu/Images/CMS/News/photowidebackground.gif);
    background-repeat: repeat-y;
}
DIV.photoenclosed300 P
{
    padding-left: 10px;
}
.photowidebottom
{
    width: 300px;
    height: 26px;
    background-image: url();
    background-repeat: no-repeat;
}

/* Photo Switcher Style Sheets */
DIV.photoswitcher
{
    float: right;
    margin-left: 10px;
}
DIV.photoswitcher IMG
{
    margin: 0px !important;
    padding: 0px !important;
}
DIV.photoswitcher DIV.photocolumn
{
    margin: 0px;
    padding: 0px;
    float: left;
    width: 64px;
}
DIV.photoswitcher DIV.photocolumn IMG
{
    margin: 0px 0px 0px 0px;
    padding: 0px;
    border: 1px solid #000;
    clear:both;
}
DIV.photoswitcher DIV.largephoto
{
    margin: 0px;
    padding: 0px;
    float: left;
    width: 250px;
}
DIV.photoswitcher DIV.virtualtour
{
    margin: 0px;
    padding: 0px;
    float: left;
    width: 314px;
    clear: left;
}
DIV.photoswitcher DIV.virtualtour IMG
{
    margin: 0px;
    padding: 0px;
    border: 1px solid #000;
}
DIV.photoswitcher DIV.largephoto IMG
{
    margin: 0px;
    padding: 0px;
    border: 1px solid #000;
}

/*  */
/* Generic Styles */
/*  */
.center {
    text-align: center !important;
}
TD.center {
    text-align: center;
}
.nowrap, .nobreak
{
    white-space: nowrap;
}
.inline
{
    display: inline;
}
DIV.half
{
    width: 50%;
    float: left;
}
DIV.third
{
    width: 33%;
    float: left;
}
DIV.twothird
{
    width: 66%;
    float: left;
}
DIV.quarter
{
    width: 25%;
    float: left;
}
DIV.threequarter
{
    width: 75%;
    float: left;
}
DIV.half P, DIV.third P, DIV.quarter P, DIV.threequarter P, DIV.twothird P, DIV.half LI, DIV.third LI, DIV.quarter LI, DIV.threequarter LI, DIV.twothird LI, DIV.half H3, DIV.third H3, DIV.quarter H3, DIV.threequarter H3, DIV.twothird H3  {
    margin-right: 20px;
}
DIV.half H2, DIV.third H2, DIV.quarter H2, DIV.threequarter H2, DIV.twothird H2  {
    margin-right: 10px;
}
/*  */
/* Colors */
/*  */
.white { background-color: #fff; }
.black { background-color: #000; }
.butter { background-color: #fc3; }
.buttertint { background-color: #FFE599; }
.curry { background-color: #f90; }
.currymid { background-color: #ffb74c; }
.currytint { background-color: #FFCB7F; }
.mango { background-color: #c60; }
.mangotint { background-color: #e0a366; }
.mustard { background-color: #c93; }
.mustardtint { background-color: #ebd6ad; }
.khaki { background-color: #960; }
.khakitint { background-color: #d1ba8c; }
.hazelnut { background-color: #930; }
.hazelnutmid { background-color: #b7704c; }
.hazelnuttint { background-color: #CC997F; }
.sky { background-color: #39c; }
.skymid { background-color: #70b7db; }
.skytint { background-color: #99CCE5; }
.delft { background-color: #369;  color: #fff !important;}
.delft A { color: #fff !important;}
.delfttint { background-color: #99B2CC; }
.blueberry { background-color: #036; color: #fff !important;}
.blueberry A { color: #fff !important;}
.blueberrytint { background-color: #7F99B2; }
.teal { background-color: #066;   color: #fff !important;}
.teal A { color: #fff !important;}
.tealmid { background-color: #4c9494;}
.tealtint { background-color: #7FB2B2; }
.sage { background-color: #363;  color: #fff !important;}
.sage A { color: #fff !important;}
.sagetint { background-color: #99B299; }
.evergreen { background-color: #003300;  color: #fff !important;}
.evergreen A { color: #fff !important;}
.evergreenmid { background-color: #4c704c;}
.evergreentint { background-color: #7F997F; }
.grape { background-color: #639;  color: #fff !important;}
.grape A { color: #fff !important;}
.grapemid { background-color: #9470b7;}
.grapetint { background-color: #d1c1e0;}
.plum { background-color: #636;  color: #fff !important;}
.plum A { color: #fff !important;}
.plummid { background-color: #947094;}
.plumtint { background-color: #c2adc2;}
.chocolate { background-color: #630;  color: #fff !important;}
.chocolate A { color: #fff !important;}
.chocolatemid { background-color: #94704c;}
.chocolatetint { background-color: #c2ad99;}



/* Frame for video streaming */
TABLE.frame {
    margin: 0px auto 10px auto;
}
TABLE.frame TD.tl
{
    background-image: url(http://www.wpi.edu/Images/Templates/University/frametl.gif);
    height: 20px;
}
TABLE.frame TD.t
{
    background-image: url(http://www.wpi.edu/Images/Templates/University/framet.gif);
    height: 20px;
}
TABLE.frame TD.tr
{
    background-image: url(http://www.wpi.edu/Images/Templates/University/frametr.gif);
    height: 20px;
}
TABLE.frame TD.bl
{
    background-image: url(http://www.wpi.edu/Images/Templates/University/framebl.gif);
    width: 20px;
    height: 40px;
}
TABLE.frame TD.b
{
    background-image: url(http://www.wpi.edu/Images/Templates/University/frameb.gif);
    height: 40px;
}
TABLE.frame TD.br
{
    background-image: url(http://www.wpi.edu/Images/Templates/University/framebr.gif);
    height: 40px;
    width: 20px;
}
TABLE.frame TD.r
{
    background-image: url(http://www.wpi.edu/Images/Templates/University/framer.gif);
    width: 20px;
}
TABLE.frame TD.l
{
    background-image: url(http://www.wpi.edu/Images/Templates/University/framel.gif);
    width: 20px;
}



/* General IR statements */
.replace { 
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    font-size: 1.2em;       /* Choose a font-size here that will keep the headline small enough to fit completely under the span. */
}
.replace em {
    display: block;
    position: absolute;
    top: 0; 
/*
left: 0;
*/
    z-index: 1; /* for opera5 (?) and o6/mac */
}
.replace a {
    cursor: hand;           /* for ie5.x/win, invalid */
    c\ursor: pointer;       /* reset for other browsers */
}
/* General IR statements for IE5.x mac only */
* html>body .replace { 
    position: static;
    overflow: visible;
    font-size: 10px;
/* Since overflow: hidden doesn'twork with ie5.x/mac, we choose a font-size here that will keep the headline small enough to fit completely under the span.*/
}
* html>body .replace em  { 
    position: static;
}
* html>body .replace a {
    text-decoration: none; /* ie5.0-5.1.x/mac must have this value or the underline shows through the image. */
}
* html>body #banner em {    /* for ie5.x/mac only */
    margin-bottom: -85px;   /* Required to bring text underneath image. Use the negative height of the image here.*/
}
* html>body #banner1 em {    /* for ie5.x/mac only */
    margin-bottom: -35px;   /* Required to bring text underneath image. Use the negative height of the image here.*/
}
* html>body #banner2 em {    /* for ie5.x/mac only */
    margin-bottom: -50px;   /* Required to bring text underneath image. Use the negative height of the image here.*/
}
* html>body #home em, * html>body #home2 em {    /* for ie5.x/mac only */
    margin-bottom: -48px;   /* Required to bring text underneath image. Use the negative height of the image here.*/
}
p.footerlinks
{
    width: 65%;
    margin: 1em auto 1em auto;
    padding: 17px 0px 10px 0px;
    border-color: #ccc;
    border-width: 1px 0px 2px 0px;
    border-style: solid;
    text-align: center;
    clear: both;
    font-weight: bold;
    text-transform: inherit;
    white-space: nowrap;
}
#footer
{
    text-align: center;
    width: 100%;
    border-top: 1px solid #000;
    font-size: 0.85em;
    padding: 10px 0px 20px 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 20px;
    font-family: Arial, Helvetica, sans-serif !important;
}
#footer P
{
    color: #333;
    margin-top: 1px;
    padding: 0px !important;
    text-align: center;
    font-size: 0.85em;
    font-family: Arial, Helvetica, sans-serif !important;
}
#footer P.address
{
    font-weight: bold;
    margin-bottom: 5px;
    font-family: Arial, Helvetica, sans-serif !important;
}
p.footerlinks A:link, p.footerlinks A:visited
{
    text-decoration: none;
    color: #990000;
    padding: 15px 8px 0px 8px;
    background-position: center top;
    background-repeat: no-repeat;
}
p.footerlinks A:link:hover, p.footerlinks A:visited:hover
{
    text-decoration: underline;
}
A.wpi
{
    font-size: 2em;
    padding: 0px 8px 0px 8px !important;
}
A.home { background-image: url(); }
A.back { background-image: url(); }
A.top { background-image: url(); }
A.toc { background-image: url(); }
A.forward { background-image: url(); }
A.pdf
{
    background-image: url();
    background-repeat: no-repeat;
    background-position: right top;
    padding: 2px 22px 2px 0px;
}
A.flash
{
    background-image: url();
    background-repeat: no-repeat;
    background-position: right top;
    padding: 2px 23px 2px 0px;
}
A.wmp
{
    background-image: url();
    background-repeat: no-repeat;
    background-position: right top;
    padding: 2px 23px 2px 0px;
}
#photoholder
{
    background: #fff;
    height: 200px;
    overflow: hidden;
    width: 300px;
    position: relative;
}
.hidden
{
    display: none;
}
 

DIV.note, DIV.caution, DIV.references, DIV.tip, DIV.related, DIV.why, DIV.goals
{
    background-repeat: no-repeat;
    margin: 1em 0px;
    padding: 3px 10px 3px 60px;
    position: relative;
    min-height: 50px;
}
DIV.note P, DIV.caution P, DIV.references P, DIV.tip P, DIV.related P, DIV.why P, DIV.goals P, DIV.note LI, DIV.caution LI, DIV.references LI, DIV.tip LI, DIV.related LI, DIV.why LI, DIV.goals LI
{
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: .75em;
}
DIV.note H2, DIV.caution H2, DIV.references H2, DIV.tip H2, DIV.related H2, DIV.why H2, DIV.goals H2, DIV.note H3, DIV.caution H3, DIV.references H3, DIV.tip H3, DIV.related H3, DIV.why H3, DIV.goals H3
{
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 1.05em !important;
    color: #333 !important;
}
DIV.note
{
    background-color: #CEF2F2;
    background-image: url(http://www.wpi.edu/Images/Templates/IT/notebg.gif);
}
DIV.caution
{
    background-color: #FFE5CC;
    background-image: url(http://www.wpi.edu/Images/Templates/IT/cautionbg.gif);
}
DIV.references
{
    background-color: #FFF2CC;
    background-image: url(http://www.wpi.edu/Images/Templates/IT/referencesbg.gif);
}
DIV.tip
{
    background-color: #FFEBCC;
    background-image: url(http://www.wpi.edu/Images/Templates/IT/tipbg.gif);
}
DIV.related
{
    background-color: #CFE5CF;
    background-image: url(http://www.wpi.edu/Images/Templates/IT/relatedbg.gif);
}
DIV.why
{
    background-color: #D9E1E8;
    background-image: url(http://www.wpi.edu/Images/Templates/IT/whybg.gif);
}
DIV.goals
{
    background-color: #D6EBF5;
    background-image: url(http://www.wpi.edu/Images/Templates/IT/goalsbg.gif);
}