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

HTML BODY.popup
{
	margin: 10px;
}

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

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

BODY.university200 {
	background-image: url(http://www.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.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;
}

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

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

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(http://www.wpi.edu/Images/ckbox.gif);
	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
{
	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(http://www.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: 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
{
	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/photowidebackground.gif);
	background-repeat: repeat-y;
}

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

.photowidebottom
{
	width: 300px;
	height: 26px;
	background-image: url(http://www.wpi.edu/Images/photowidebottom.gif);
	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;
}





/* TV layout */
TABLE.frame {
	margin: 0px auto 10px auto;
}

TABLE.frame TD.tl
{
	background-image: url(http://www.wpi.edu/Images/frametl.gif);
	height: 20px;
}

TABLE.frame TD.t
{
	background-image: url(http://www.wpi.edu/Images/framet.gif);
	height: 20px;
}

TABLE.frame TD.tr
{
	background-image: url(http://www.wpi.edu/Images/frametr.gif);
	height: 20px;
}

TABLE.frame TD.bl
{
	background-image: url(http://www.wpi.edu/Images/framebl.gif);
	width: 20px;
	height: 40px;
}

TABLE.frame TD.b
{
	background-image: url(http://www.wpi.edu/Images/frameb.gif);
	height: 40px;
}

TABLE.frame TD.br
{
	background-image: url(http://www.wpi.edu/Images/framebr.gif);
	height: 40px;
	width: 20px;
}

TABLE.frame TD.r
{
	background-image: url(http://www.wpi.edu/Images/framer.gif);
	width: 20px;
}

TABLE.frame TD.l
{
	background-image: url(http://www.wpi.edu/Images/framel.gif);
	width: 20px;
}




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


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

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(http://www.wpi.edu/Images/homefff.gif); }
A.back { background-image: url(http://www.wpi.edu/Images/backfff.gif); }
A.top { background-image: url(http://www.wpi.edu/Images/topfff.gif); }
A.toc { background-image: url(http://www.wpi.edu/Images/tocfff.gif); }
A.forward { background-image: url(http://www.wpi.edu/Images/forwardfff.gif); }
A.pdf
{
	background-image: url(http://www.wpi.edu/Images/acrobaticon.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 2px 22px 2px 0px;
}

A.flash
{
	background-image: url(http://www.wpi.edu/Images/flashicon.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 2px 23px 2px 0px;
}

A.wmp
{
	background-image: url(http://www.wpi.edu/Images/wmpicon.gif);
	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;
}