HTML BODY {
	margin: 0;
	padding: 0;
}

HTML BODY.popup
{
	margin: 10px;
}

HTML BODY.nomenu
{
	margin: 10px 5em;
}

BODY.university {
	background-image: url(https://www2.ece.wpi.edu/Images/sidebar.gif);
	background-repeat: repeat-y;
}

BODY.university200 {
	background-image: url(https://www2.ece.wpi.edu/Images/sidebar200.gif);
	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;
}

#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;
}

#content P
{
	font-family: Times New Roman, Times, serif;
	color: #333;
	margin-top: 0px;
	line-height: 1.15em;
}

#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.author
{
	margin-top: -.5em;
	text-align: right;
	color: #666;
}

.clear {
	clear: both;
}

P.right, TD.right {
	text-align: right;
}

P.half {
	margin-bottom: 6px;
}

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.indent, P.address {
	padding-left: 2.5em;
}

.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
{
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 1em;
	line-height: normal;
	font-style: italic;
	text-transform: inherit;
}

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: normal;
	font-variant: normal;
	font-weight: bold;
}

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;
}

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;
	}

UL.checkboxes LI {
	list-style-image: url(https://www2.ece.wpi.edu/Images/ckbox.gif);
	list-style-type: square;
	}

OL.roman {
	margin-left: 50px;
	}


TABLE.format, TABLE.archive, TABLE.calendar, TABLE.form, TABLE.data, TABLE.schedule, TABLE.chart, TABLE.directory
{
	margin: 0px 0px 1em 0px;
}

TABLE.center, TABLE.chart
{
	margin: 0px auto 1em auto;
}

TABLE.calendar, TABLE.form, TABLE.schedule
{
	width: 100%;
}

DIV.calloutpresent TABLE.calendar, DIV.calloutpresent TABLE.form, DIV.calloutpresent TABLE.schedule
{
	width: auto;
}

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
{
	color: #333;
	padding: 3px;
}

TABLE.center TD
{
	text-align: left;
}

TABLE.archive TD, TABLE.directory TD
{
	vertical-align: top;
}

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;
}

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.calendarheads
{
	font-size: .9em;
	font-weight: bold;
}

TABLE.data TH.right, TABLE.data COL.right
{
	text-align: right;
	background-color: #ccc;
}

TABLE.format TH.right, TABLE.form TH.right
{
	text-align: right;
	vertical-align: top;
	background-color: #ddd;
}

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%;
}

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, TD.tint, TD.calendartint, TABLE.schedule TR.tint TH.right
{
	background-color: #eee;
}

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;
}

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;
}

/*  */
/* 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
{
/*/*/
	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
{
	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
{
	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
{
	margin: 0px;
	padding: 2px 5px 2px 35px;
	text-decoration: none;
	display: block;
	font-weight: normal;
	border: none;
	width: 160px;
}

#nav LI.down A
{
	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;
}


/*  */
/* 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; 
}

.captionleft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	line-height: 14px;
	text-align: left; 
}

.captioncenter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	line-height: 14px;
	text-align: center; 
}

.captionphoto
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	line-height: 14px;
	text-align: right;
	margin: 0 15px 0 5px;
}

/*  */
/* 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;
}

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.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.calloutfilled H2.band, DIV.callout H2.band, DIV.callout300 H2.band, 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 H2.bar
{
	margin: 0px;
	padding: 0px;
	border-style: none;
}

DIV.callout P, DIV.callout300 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 UL, DIV.callout OL, DIV.callout300 UL, DIV.callout300 OL
{
	line-height: normal;
	border-left: #ccc;
	border-width: 0 0 0 2px;
	border-style: none none none solid;
	margin: 0px;
	padding: 3px 0px 3px 30px;
}

DIV.callout UL LI, DIV.callout OL LI, DIV.callout300 UL LI, DIV.callout300 OL LI
{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: .75em;
	margin: 0px 0px .25em 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(https://www2.ece.wpi.edu/Images/bar000000.gif);
	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: 150px;
	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.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
{
	float: right;
	width: 100px;
	padding: 0px 0px .5em 10px;
}

DIV.photoright150
{
	float: right;
	width: 150px;
	padding: 0px 0px .5em 10px;
}

DIV.photoright200
{
	float: right;
	width: 200px;
	padding: 0px 0px .5em 10px;
}

DIV.photoright250
{
	float: right;
	width: 250px;
	padding: 0px 0px .5em 10px;
}

DIV.photoright300
{
	float: right;
	width: 300px;
	padding: 0px 0px .5em 10px;
}

DIV.photoright400
{
	float: right;
	width: 400px;
	padding: 0px 0px .5em 10px;
}

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
{
	float: left;
	width: 100px;
	padding: 0px 10px .5em 0px;
}

DIV.photoleft150
{
	float: left;
	width: 150px;
	padding: 0px 10px .5em 0px;
}

DIV.photoleft200
{
	float: left;
	width: 200px;
	padding: 0px 10px .5em 0px;
}

DIV.photoleft300
{
	float: left;
	width: 300px;
	padding: 0px 10px .5em 0px;
}

DIV.photoleft100 P, DIV.photoleft200 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;
}


IMG.right, DIV.right
{
	float: right;
	padding: 0px 0px .5em 10px;
}

IMG.left, DIV.left
{
	float: left;
	padding: 0px 10px .5em 0px;
}

DIV.photoenclosed300
{
	float: right;
	width: 300px;
	padding: 0px;
	margin: 0px 0px .5em 10px;
	background-image: url(https://www2.ece.wpi.edu/Images/photowidebackground.gif);
	background-repeat: repeat-y;
}

DIV.photoenclosed300 P
{
	padding-left: 10px;
}

.photowidebottom
{
	width: 300px;
	height: 26px;
	background-image: url(https://www2.ece.wpi.edu/Images/photowidebottom.gif);
	background-repeat: no-repeat;
}


/*  */
/* Generic Styles */
/*  */

.nobreak
{
	white-space: nowrap;
}

.center {
	text-align: center !important;
}


TD.center {
	text-align: center;
}

.nowrap
{
	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; }
.currytint { background-color: #FFCB7F; }
.mango { background-color: #c60; }
.mangotint { background-color: #E5B27F; }
.mustardtint { background-color: #E5CC99; }
.khakitint { background-color: #CCB27F; }
.hazelnuttint { background-color: #CC997F; }
.skytint { background-color: #99CCE5; }
.delft { background-color: #369; }
.delfttint { background-color: #99B2CC; }
.blueberry { background-color: #036; }
.blueberrytint { background-color: #7F99B2; }
.tealtint { background-color: #7FB2B2; }
.sage { background-color: #363; }
.sagetint { background-color: #99B299; }
.evergreentint { background-color: #7F997F; }



/* 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.*/
}


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;
}

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(https://www2.ece.wpi.edu/Images/homefff.gif); }
A.back { background-image: url(https://www2.ece.wpi.edu/Images/backfff.gif); }
A.top { background-image: url(https://www2.ece.wpi.edu/Images/topfff.gif); }
A.toc { background-image: url(https://www2.ece.wpi.edu/Images/tocfff.gif); }
A.forward { background-image: url(https://www2.ece.wpi.edu/Images/forwardfff.gif); }
