/* based on Project 6 from "More Eric Meyer on CSS".
	 */

	/* generic styles */
	body {
		background: #eee;
		color: #000;
		margin: 0; padding: 0;
		font: 1em/1em Verdana, Geneva, sans-serif;
		text-align: justify;
	}
/* Official Bluffton Colors per the PR office
 * Light purple - #d7ccee	
 * Dark purple - #330033	
 * Blue-grey - #9999cc		
 * Older colors from publication manual
 * The logo dark blue is rgb(47,27,87) or #2f1b57. This was replaced in the stylesheet by official dark purple.
 * The logo light blue is rgb(66,120,211) or #4278d3. This was replaced in the stylesheet by official blue-grey.
 */
	a:link {
		color: #330033; /*  */
		background: transparent;
	}

	a:visited {
		color: #9999cc; /*  */
		background: transparent;
	}
	
	a:visited:hover {
		color: #fff;
		background: #9999cc;
	}
	
	a:link:hover {
		color: #fff;
		background: #330033;
	}
	
	h1 {
		font-size: 1.7em;
	}
	
	h2 {
		font-size: 1.5em;
	}
	
	h3 {
		font-size: 1.3em;
	}
	
	h4 {
		font-size: 1.1em;
	}
	
	h1, h3 {
		font-family: Verdana, Geneva, sans-serif;
	}
	
	h2, h4 {
		font-family: Georgia, "Times New Roman", Times, serif;
	}

	h1, h2, h3, h4 {
	padding: 0.5em 0 0;
	line-height: 1em;
	text-transform: capitalize;
	text-align: left;
}

	strong {
		font-variant: small-caps;
		color: #330033;
		background-color: transparent;
	}

	p {
		margin: 0; padding: 0.5em 0;
	}
	
	table {
		width: 100%;
	}
	
	td {
		text-align: left;
	}
	
	img {
		border: 0;
	}
	
	ul {
		list-style-type: square;
	}
	
	ul ul {
		list-style-type: disc;
	}
	
	ul ul ul {
		list-style-type: circle;
	}
	
	ol {
		list-style-type: decimal;
	}
	
	ol.a {
		list-style-type: lower-alpha;
	}
	
	li {
		padding-bottom: 0.25em;
		padding-top: 0.25em;
	}
	
	dt {
		font-weight: bolder;
		font-variant: small-caps;
	}
	
	dd {
		padding-bottom: 1em;
	}
	
	blockquote {
		font-size: smaller;
	}
		
	.rightalign {
		text-align: right;
	}
	
	.centeralign {
		text-align: center;
	}
	
	.miniature {
		font-size: 0.75em;
		line-height: 1em;
		font-family: Arial, Helvetica, sans-serif;
	}
/* end generic styles */

	/* main text styles */
	div#MainText {
		margin-left: 9em; /* allows for the menu bar */
		margin-right: 110px; /* allows for the plug-in bar */
		line-height: 1.25em;
		padding: 2px 1.5em;
	}
	/* end main text styles */

	/* banner styles */
	div#Banner {
		width: 100%;
		border-bottom: 2px groove #9999cc;
		display: block;
		min-height: 100px; /* allows for the BU logo image float */
	}
	
	div#Banner * {
		padding-left: 230px; /* allows for the BU logo image float */
	}

	a#BULogo {
		position: absolute;
		top: 0; left: 0;
		margin: 0; padding: 0;
	}
	
	a#BULogo:hover {
		background: transparent;
		color: inherit;
	}

	a#BULogo img {
		border: 0; 
		margin: 0; padding: 18px;
		width: 184px; height: 48px;
	}
	/* end banner styles */

	/* begin plug-in column styles
	All dimensions in this DIV are given absolute sizes because the contents are button images */
	div#PlugIns {
		float: right;
		width: 90px; /* to accommodate 88-px-wide link buttons */
		padding: 5px;
		border: 2px dotted #9999cc;
		border-top: 0;
		border-right: 0;
	}

	div#PlugIns a {
		display: block;
		text-align: center;
		padding: 0;
		margin-bottom: 5px;
	}

	div#PlugIns img {
		border: 0;
	}

	/* end plug-in column styles */

	/* menu styles */
	div#Menu {
		float: left;
		width: 12em;
	/* because the body has an 9em left margin, and font size for this div is 75%,
	we make its width 9/0.75 = 12em */
		margin: -2px 0 0 -2px;
		background: #888; /* this is just to tell us when we're overlapping! */
		color: inherit;
		font: 0.75em Arial, Helvetica, sans-serif;
		text-align: left;
	}
	div#Menu ul {
		margin: 0;
		padding: 0;
		width: 12em; /* same as the menu width */
		color: inherit;
		background: #eee;
		border: 2px groove #9999cc;
		border-bottom-width: 0;
	}
	div#Menu li {
		position: relative;
		list-style: none;
		margin: 0;
		border-bottom: 2px groove #9999cc;
	}

	/* we specify the hover pseudo-element all the way up here so hovered links can inherit
	their background color from it! */
	div#Menu li:hover {
		color: inherit;
		background: #ccf;
	}

	/* Use the following to distinguish class submenu from normal li elements */
	div#Menu li.submenu {
		background: url(../images/closed.gif) no-repeat right;
	}

	div#Menu li a {
		display: block;
		padding: 0.25em 7px 0.25em 0.5em; /* 7 px right padding allows for closed.gif */
		text-decoration: none;
		width: 10.5em; /* 0.5em less than the menu width to prevent overlap in IE */
		cursor: default; /* keeps the cursor from becoming a hand for non-links */
	}
	/* this corrects the width for CSS2-compliant browsers */
	div#Menu>ul a {
		width: auto;
	}

	div#Menu li a:link {
		color: #330033; 
		background: transparent;
		cursor: pointer; /* we have to specify so that links will behave as expected! */
	}

	div#Menu li a:visited {
		color: #9999cc; 
		background: transparent;
		cursor: pointer; /* we have to specify so that links will behave as expected! */
	}

	div#Menu ul ul {
		position: absolute;
		top: -2px; /* equal to the border width; keeps the item from displaying with
	a 2px offset for the 2px border */
		left: 12em; /* same as the menu width! */
		display: none;
	}

	div#Menu ul.level_1 li.submenu:hover ul.level_2, div#Menu ul.level_2 li.submenu:hover ul.level_3, div#Menu ul.level_3 li.submenu:hover ul.level_4 {
		display: block;
	}
	/* end menu styles */