body
{
	margin: 0px 0px 15px 0px;
	background-image: url(Images/background.gif);
	background-position: 10px 0px;
	background-repeat: repeat-y;
}

body.homepage
{
	background-image: none;
	background-color: #fff;
}

h1, h2, h3, h4, h5, h6, p, ul, ul li, ol, ol li, dl, dt, dd
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}





/* ************** */
/* Header Section */
/* ************** */

#header
{
	width: 100%;
	height: 106px;
	margin: 8px 0px 4px 0px;
	background: url(Images/headerbg.gif) top left repeat-x;
}

#wpihome
{
	float: left;
	margin: 14px 32px 0px 19px;
}

#wpihome img { border: 0px }

* html #wpihome { margin-left: 10px; margin-right: 43px; }

#banner, #banner em
{
	width: 310px;
	height: 92px;
	background: url(Images/banner.gif) no-repeat;
}





/* ************************* */
/* Horizontal Top Navigation */
/* ************************* */

#navcontainer
{
	clear: both;
	margin: 0px 14px 0px 0px;
	width: 100%;
	overflow: hidden;
	background-color: #666;
	height: 1em;
}

#navcontainer ul
{
	padding: 1px 4px 5px 0px;
	margin: 0px 0px 0px 0px !important;
	background-color: #666;
	color: #fff;
	height: 1em;
	width: 100%;
	list-style-type: none;
	text-align: right;

}

#navcontainer ul {*padding: 1px 0px 6px 0px; _padding: 1px 0px 3px 0px; }

#navcontainer ul li
{
	display: inline;
	margin: 0px -4px 0px 0px !important;
	padding: 0px 0px 5px 0px !important;
}

#navcontainer ul li a
{
	margin: 0px !important;
}

#navcontainer ul li a
{
	font-weight: bold;
	color: #fff !important;
	text-decoration: none;
	font-size: .75em;
	padding: 3px 15px 3px 15px;
	border-left: 1px solid #fff;
	margin: 0px;
}

#navcontainer ul li a {*padding: 3px 15px 4px 15px; _padding: 3px 15px 4px 15px; }

#navcontainer ul li a:visited:hover, #navcontainer ul li a:link:hover
{
	background-color: #900;
	color: #fff !important;
}

#navcontainer ul li.issue
{
	font-size: 0.9em;
	font-weight: bold;
	float: left;
	padding: 2px 15px 1px 25px !important;
}





/* *************** */
/* Side Navigation */
/* *************** */

#nav
{
	width: 200px;
	float: left;
	margin: 0px;
	padding: 0px 10px;
}

#nav ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 0.85em;
}

#nav ul li
{
	margin: 0px;
	padding: 0px;
	background: url(Images/dotdark.gif) repeat-x bottom left;
	overflow: hidden;
	width: 200px;
}

#nav ul li a
{
	padding: 10px 0px 10px 15px !important;
	text-decoration: none !important;
	display: block;
	margin: 0px;
	color: #900;
	width: 216px;
}

* html #nav ul li a, * html #nav ul li#first a, * html #nav ul li a:hover, * html #nav ul li.first a:hover { width: 185px; }

#nav ul li#first a
{
	padding: 10px 0px 10px 15px !important;
	text-decoration: none !important;
	display: block;
	margin: 0px;
	color: #900;
	width: 216px;
}

#nav ul li a:hover, #nav ul li.first a:hover
{
	width: 209px;
	background: url(Images/dot.gif) #fff repeat-x bottom left;
	margin: 0px;
	padding: 0px;
	display: block;
}

#nav ul li.down a
{
	padding: 10px 0px 10px 15px !important;
	text-decoration: none !important;
	display: block;
	margin: 0px;
	color: #900;
	background: url(Images/dot.gif) #fff repeat-x bottom left;
	width: 216px;
}

#nav ul li.downsub a
{
	padding: 10px 0px 0px 15px !important;
	text-decoration: none !important;
	display: block;
	margin: 0px;
	color: #900;
	width: 216px;
}

#nav ul li.down a:hover
{
	width: 209px;
	margin: 0px;
	padding: 0px;
}

#nav ul li.downsub a:hover
{
	width: 209px;
	background-image: none;
	margin: 0px;
	padding: 0px;
}

#nav ul ul
{
	padding-top: 0px !important;
	padding-bottom: 12px;
}

#nav ul ul li a
{
	font-style: normal;
}

#nav ul ul ul
{
	padding-top: 0px !important;
	padding-bottom: 0px;
}

#nav ul ul ul li a
{
	font-style: italic;
	font-size: 1.05em !important;
}

#nav ul li li
{
	background-image: none;
	padding: 0px 0px 0px 15px;
	font-style: italic !important;
	margin: 0px !important;
	font-size: 1.1em !important;
}

#nav ul li li a
{
	font-weight: normal;
	margin: 0px !important;
	font-style: italic !important;
	padding: 3px 0px 3px 10px !important;
}

#nav ul li li a:hover
{
	background-image: none;
	text-decoration: underline !important;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

#nav li.quote
{
	border: 1px solid #999;
	background-color: #fff;
	width: 146px;
	margin: 14px;
	padding: 12px;
	background-image: none !important;
}

#nav li.quote p
{
	margin: 0px !important;
	padding: 0px !important;
	font-size: 0.85em;
	font-weight: normal;
	line-height: 1.5em;
}

#nav li.quote p.right
{
	margin-top: 5px !important;
	text-align: right;
}





/* ************ */
/* Content Area */
/* ************ */

body.homepage #content
{
	width: 833px;
	overflow: hidden !important;
	margin: 20px auto 10px auto;
	padding: 0px 20px !important;
}

#content
{
	overflow: hidden !important;
	margin: 10px 0px;
	padding: 0px 10px !important;
}

* html #content { padding: 0px 10px 0px 220px !important; }



/* Homepage Central Content */

#display
{
	width: 830px;
	border-bottom: 1px solid #666;
	margin: 10px 0px;
	float: left;
	background: url(Images/backgroundindex.gif) bottom left repeat-y;
}

* html #display { width: 832px; }

#displayleft
{
	width: 220px;
	padding-right: 10px;
	float: left;
}

#displayleft .list
{
	width: 201px;
	background-color: #666;
	color: #fff;
	padding: 10px;
}

#displayleft .list ul
{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin: 0px 0px 4px 0px !important;
	padding: 10px 0px 0px 12px !important;
}

#displayleft .list ul li a
{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

#displayleft .list ul ul
{
	border: 0px !important;
	margin: 5px 0px -10px 25px !important;
	padding: 0px !important;
}

#displayleft .list ul li li a
{
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	font-size: 1.15em !important;
	font-weight: normal !important;
	font-style: italic;
}

#content #displayleft .list ul li a:hover
{
	text-decoration: underline !important;
	color: #fff !important;
}

#displayleft .quote
{
	width: 191px;
	color: #000;
	padding: 5px 15px 5px 15px;
	background: url(Images/fff.gif) top left no-repeat;
}

#displayleft .quote p
{
	line-height: 1.4em;
}

#displayleft .quote p.author
{
	text-align: right;
}

#displayright
{
	width: 600px;
	padding-bottom: 4px;
	float: left;
}

#displayright { _padding-bottom: 0px; *padding-bottom: 0px; }



/* Content Typography Specs */

#content h1
{
	color: #900;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

body.homepage #content h1 { margin: 0px !important; }

h2 { margin: 20px 0px 0px 0px; }

#content p
{
	font-size: 0.8em;
	line-height: 1.3em;
	margin: 10px 0px !important;
	padding: 0px !important;
}

#content p a
{
	color: #900;
	text-decoration: underline;
}

#content p a:hover, #content p a:visited { color: #600; }

#content p em
{
	font-weight: bold;
	font-style: normal;
}

#content ul
{
	font-size: 0.8em;
	line-height: 1.3em;
	margin: 5px 0px 0px 20px !important;
	padding: 0px !important;
}

#content ul li
{
	padding-bottom: 10px;
}

#content ul li a { color: #900}
#content ul li a:hover { color: #600; }

#content table td h2
{
	font-size: 0.9em;
	margin: 0px !important;
	padding: 0px !important;
}

#content table
{
	margin: 0px !important;
	padding: 0px !important;
}

#content table td img
{
	margin: 0px !important;
	padding: 0px !important;
}



/* Callout Specs */

.callout, .callout300
{
	width: 252px !important;
	float: right;
	margin: 5px 0px 15px 10px !important;
	padding: 0px !important;
	background-image: none !important;
}

.callout300 { width: 302px !important; }

#content .callout h2, #content .callout300 h2
{
	background-color: #333;
	margin: 0px !important;
	padding: 5px !important;
	color: #fff;
	font-size: 0.85em !important;
}

#content .callout ul, #content .callout300 ul
{
	width: 220px !important;
	border-left: 1px solid #333 !important;
	border-right: 1px solid #333 !important;
	margin: 0px 0px 20px 0px !important;
	padding: 10px 5px 5px 25px !important;
}

#content .callout300 ul { width: 270px !important; }

#content .callout p, #content .callout300 p
{
	width: 300px !important;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	color: #666;
	text-align: right;
}

.callout img, .callout300 img { float: right; margin-bottom: 5px; border: 1px solid #333; }



/* Photography Specs */

.photoright100, .photoright150, .photoright200, .photoright250, .photoright300, .photoright400, img.right, .right
{
	clear: right;
	float: right;
	padding: 0px 0px .5em 10px;
}

.photoright100 { width: 100px; }
.photoright150 { width: 150px; }
.photoright200 { width: 200px; }
.photoright250 { width: 250px; }
.photoright300 { width: 300px; }
.photoright400 { width: 400px; }

.photoright100 p, .photoright150 p, .photoright200 p, .photoright300 p, .photoright250 p, .photoright400 p, .photoenclosed300 p
{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: .7em !important;
	text-align: right;
	padding-right: 15px;
	padding-left: 15px;
	color: #333 !important;
	line-height: normal;
}

.photoleft100, .photoleft150, .photoleft200, .photoleft250, .photoleft300, img.left, .left
{
	clear: left;
	float: left;
	padding: 0px 10px .5em 0px;

}

.photoleft100 { width: 100px; }
.photoleft150 { width: 150px; }
.photoleft200 { width: 200px; }
.photoleft250 { width: 250px; }
.photoleft300 { width: 300px; }

.photoleft100 p, .photoleft200 p, .photoleft250 p, .photoleft300 p, .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;
}

.photoright100 img, .photoright150 img, .photoright200 img, .photoright300 img, .photoright250 img, .photoright400 img, .photoenclosed300 img, .photoleft200 img, .photoleft300 img, .photoleft150 img, .photocenter img
{
	margin-bottom: 3px;
}

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

.photoenclosed300 p
{
	padding-left: 10px;
}

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

.half
{
	width: 40%;
	float: left;
	margin-left: 60px;
}

* html .half { margin-left: 30px !important; }

.half img { border: 1px solid #000;  }



/* Table Specs */

table
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 15px 0px 1em 0px;
	width: 99%;
	
}

table td ul
{
	font-size: 1em !important;
}

table td
{
	color: #333;
	padding: 3px;
	vertical-align: top;
}

th
{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #333;
	color: #fff;
	font-weight: bold;
	padding: 4px;
}

th.right, td.right
{
	text-align: right;
	vertical-align: top;
	white-space: nowrap;
	width: 15%;
}

tr.tint td, td.tint, table.schedule tr.tint th.right
{
	background-color: #eee;
}



/* Gallery Specs */

#gallery
{
	width: 505px;
	margin: 15px auto 0px auto;
	padding: 10px;
	border: 1px solid #999;
	text-align: center;
}

#gallery img
{
	border: 1px solid #999;
}

#gallery p
{
	color: #333;
	padding-left: 2px;
}

#controls
{
	width: 505px;
	margin: 10px auto 20px auto;
	padding: 0px 0px 0px 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

#controls .back
{
	text-align: left;
	float: left;
	width: 215px;
}

#controls .next
{
	text-align: left;
	float: right;
	color: #666 !important;
}

#controls .home
{
	text-align: center;
	margin: auto;
	color: #666 !important;
	float: left;
}

#controls .back a, #controls .back a:visited, #controls .home a, #controls .home a:visited, #controls .next a, #controls .next a:visited
{
	color: #333 !important;
	text-decoration: none !important;
}

#controls .back a, #controls .back a:visited
{
	padding-left: 20px;
	background: url(Tour/Images/backarrow.gif) center left no-repeat;
}

#controls .home a, #controls .home a:visited
{
	padding-left: 30px;
	background: url(/Images/homefff.gif) top left no-repeat;
}

#controls .next a, #controls .next a:visited
{
	padding-right: 20px;
	background: url(Tour/Images/nextarrow.gif) center right no-repeat;
}

#controls .back a:hover, #controls .home a:hover, #controls .next a:hover
{
	color: #900 !important;
}





/* ************* */
/* Footer Styles */
/* ************* */

#footer
{
	clear: both;
	text-align: center;
	
	font-size: 0.9em;
	padding-top: 20px;
	margin: 0px;
}

#footer p
{
	color: #000;
	margin: 0px !important;
	padding: 0px !important;
}

#footer p.address
{
	font-weight: bold;
	margin-bottom: 0px;
	border-top: 1px solid #000;
	padding-top: 7px !important;
}

#footer p a:link, #footer p a:hover, #footer p a:visited { color: #900; }

address
{
	display: none;
}





/* ********************* */
/* Image Replace Classes */
/* ********************* */

.replace 
{ 
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	font-size: 1.2em;
}

.replace em 
{
	display: block;
	position: absolute;
	top: 0; 
	z-index: 1;
}

.replace a 
{
	cursor: hand;
	c\ursor: pointer;
}

.clear
{
	clear: both;
}