body {
	margin:0px;
    padding:0px;
	background-color:white;
        }

/* #####################
General Text styling 
##################### */

h1, h2, h3, h4 {
	font-family: Times, serif;
	color:#00021F;
	}
	
p, ul, ol, td, form {
	font-family: Arial, sans-serif;
	color:#00021F;
	font-size:12px;
	}
	
h1 {
	font-size:24px;
	margin:0px;
	padding:10px 0px 10px 0px;
	font-weight:bold;
	}

h2 {
	font-size:18px;
	margin:0 0 15px 0;
	padding:0;
	font-weight:bold;
	}

h3 { /*date and time on calendar */
	font-size:14px;
	padding:0 0 5px 0;
	margin:0;
	font-weight:bold;
	}
	
p {
	line-height:18px;
	margin:0;
	padding:0 0 20px 0;
	font-weight:normal;
    }
	
p.nopadding {
	margin:0px;
	padding:0px;
	font-weight:normal;
    }
	
img {
	padding:10px 0;
	}
	
br.clear {
	clear:right;
	}
/* Used in Calendar/Events pages */

ul.ColorKey {
	list-style-type: square;
	list-style-position: inside;
	padding:10px;
	margin:0;
	}
	
ul.ColorKey li {
	font-weight:bold;
	}

h2.Month {
	margin:0;
	padding:20px 0 5px 0;
	}

h3.Event, h3.EventShow, h3.EventFam, h3.EventSpecial, h3.EventSch, a.Event, a.EventShow, a.EventFam, a.EventSpecial, a.EventSch {
	font-size:16px;
	margin:0;
	padding:0;
	line-height:22px;
	}
	
	.EventShow, a.EventShow {
	color:#000095;
	}

	#Content a.EventShow, #Content a:link.EventShow, #Content a:visited.EventShow, #Content a:hover.EventShow, #Content a:active.EventShow {
	color:#000095;
	text-decoration:underline;
	}
	
	.EventFam {
	color:#BB3C36;
	}

	#Content a.EventFam, #Content a:link.EventFam, #Content a:visited.EventFam, #Content a:hover.EventFam, #Content a:active.EventFam {
	color:#BB3C36;
	text-decoration:underline;
	}
	
	.EventSpecial {
	color:#9E7930;
	}
	
	#Content a.EventSpecial, #Content a:link.EventSpecial, #Content a:visited.EventSpecial, #Content a:hover.EventSpecial, #Content a:active.EventSpecial {
	color:#9E7930;
	text-decoration:underline;
	}
	
	.EventSch {
	color:#006E41;
	}
	
	#Content a.EventSch, #Content a:link.EventSch, #Content a:visited.EventSch, #Content a:hover.EventSch, #Content a:active.EventSch {
	color:#006E41;
	text-decoration:underline;
	}

h4.Date {
	font-size:12px;
	line-height:18px;
	padding:0;
	margin:0;
	font-weight:normal;
	display:inline;
	font-family: Arial, sans-serif;
	}
	
h4.Gallery {
	padding:0;
	margin:0;
	font-family: Arial, sans-serif;
	font-size:12px;
	line-height 19px;
	font-weight:normal;
	font-style: italic;
	display:inline;
	padding-left: 10px;
	}

p.Event {
	padding:0 0 20px 0;
	margin:0;
	line-height:19px;
	font-size:12px;
	}

hr {
	margin:0 0 20px 0;
	}
	
/* #####################
Unordered List styling 
##################### */

ul.none {
	list-style-type: none;
	margin: 0 0 20px 0px;
	padding:0 0 0 0;
	font-weight:inherit;
	line-height:inherit;
	}

ul.collection {
	list-style-type: none;
	font-weight:600;
	line-height:15px;
	}

ul.bullets {
	list-style-image: url(assets/design/blue.jpg);
	margin:0 0 20px 0;
	padding:0 0 0 20px;
	font-weight:normal;
	line-height:inherit;
	}

/* #####################
Table styling 
##################### */
	
table {
	padding:0;
	margin:0 0 20px 20px;
	border:none;
	}
	
table td {
	padding: 0 15px 0 0;
	margin:0;
	font-weight:normal;
	vertical-align:top;
	}	

table td.money {
	text-align:right;
	}
	
table.collection {
	border:none;
	margin:0 0 0 20px;
	padding:0;
	}
	
table.collection  td {
	vertical-align:middle;
	}

table.collection p {
	line-height:12px;
	font-size:11px;
	padding:10px;
	}
	
table th {
	font-family: Arial, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-align:left;
	}

/* #####################
Education Menu styling 
##################### */	
.schoolLink, .edLink {
	padding: 0 0 0 7px;
	}

/* #####################
Div styling 
##################### */

/* Site logo and link to index.html */
#Header {
/* get text-alignment with top right in IE */
	margin:0px;
	padding:10px 0 5px 20px;
	border-style:none;
	background: #AEBDD4 url(assets/design/water.jpg) top left no-repeat;
	font-family: Times, serif;
    }
	
#Header h1{
 /* "Danforth" */
 	font-family: 'Baskerville Old Face', Times, serif;
	font-size:60px;
	font-weight:300;
	line-height:45px;
	margin: 0px;
	padding: 0px;
	display:block;
    }

#Header h2 {
 /* "Museum of Art" */
 	font-family: Times, serif;
	font-style:italic;
	font-size:20px;
	font-weight:normal;
	margin:0 0 5px 0; /* tricks WinIE into adding padding below h2 */
	padding:0 0 0 105px;
	line-height:15px;
	display:block;
 	voice-family: "\"}\""; /* fixes WinIE bug related to display:inline */
 	voice-family:inherit;
	display:inline;
	margin:0;
	white-space:nowrap;
	}
	
/* "be nice to Opera" fix */	
html>body #Header h2 { 
	display:inline;
	margin:0;
	}

#Header h3 {
 /* 123 Union Avenue, Framingham, MA 01702-8291 Ñ 508.620.0050 */
	font-family: Arial, sans-serif;
	font-size:12px;
	font-weight:300;
	margin:0 0 0 0; /* use alternative layout for WinIE, address on 3rd line, left */
	padding:0;
	display:block;
 	voice-family: "\"}\""; /* fixes WinIE bug related to display:inline */
 	voice-family:inherit;
	display:inline;
	margin:0 0 0 25px;
	white-space:nowrap;
	}
	
/* "be nice to Opera" fix */	
html>body #Header h3 { 
	display:inline;
	margin:0 0 0 25px;
	}

#Header a {
	color:inherit;
	font-weight:normal;
	font-family:inherit;
	font-size:inherit;
	}
	
#Header a:link {
	font-size:inherit;
	text-decoration:none;
	color:inherit;
	}

#Header a:visited {
	color:inherit;
	text-decoration:none;
	}
	
#Header a:hover {
	color:inherit;
	text-decoration:none;
	}

/* top navigation -- table of links - changed from Times serif to fix top navigation 29Jul2009*/	
#Stripe {
	width:100%;
	margin:2px 0px 2px 0px;
	padding:0;
	background-color:#C8CFDE;
	font-family: Arial, sans-serif;
	}

#Stripe table {
	border:none;
	margin:0;
	padding:0;
    background-color:#C8CFDE;
	}

#Stripe td {
	text-align:center;
	vertical-align:middle;
	border:none;
	padding:0 30px 0 20px;
	font-family:inherit;
	white-space:nowrap;
	}

#Stripe a {
	display:block;	
	text-decoration:none;
	font-size:12px;
	margin:0;
	padding:0;
	font-weight:bold;
	color:#00021F;
	font-family:inherit;
	}
	
#Stripe a:link, a:visited {
	}
	
#Stripe a:hover {
	color:#15377A;
	text-decoration:underline;
	}

/* main content of a Form page */
#Form {
	width:590px;
	margin: 10px 0 0 20px;
	padding:0;
	}
	
#Form input { 
	display: block;
	float: left;
	margin: 0 10px 10px 0px;
	}

#Form input.text {
	width:200px
	}
	
#Form input.submit {
	margin:10px 0 20px 0;
	width:150px;
	}
	
#Form input.radio {
	margin:0 0 0 150px;
	padding:5px;
	}
	
#Form label, #CourseSelection label  {
	display:block;
	text-align: right;
	float:left;
	width:120px;
	margin: 0 20px 0 20px;
	padding:0;
	}
	
#Form br {
	clear: left;
	}
	
#Form select {
	width: 200px;
	}

#CourseSelection {
	margin:0;
	padding:0;
	}
	
#CourseSelection table {
	padding:0;
	margin:0 0 20px 20px	;
	border:none;
	}

#CourseSelection table th {
	font-size:12px;
	padding:0 0 10px 0;
	}


#CourseSelection input.text {
	width:85px;
	}
	
#CourseSelection input.textTitle {
	width:200px;
	}




.inline { 
	display:inline;
	padding: 0 20px 0 0;
	}

/* Main Content of page */
#Content {
	width:590px;
	margin-top: 2px;
	margin: 0px 0px 0px 160px;
	padding:0;
	}
	
#Content a, #Slideshow a, #Form a, a img {
	color:#15377A;
	text-decoration:none;
	font-weight:600;
	border:none;
	display:inline;
	}
	
#Content a:link, #Slideshow a:link, #Form a:link, a:link img {
	color:#15377A;
	border:none;
	display:inline;
	}

#Content a:visited, #Slideshow a:visited, #Form a:visited, a:visited img {
	color:#07a;
	border:none;
	display:inline;
	}

#Content a:hover, #Slideshow a:hover, #Form a:hover, a:hover img {
	text-decoration: underline;
	border:none;
	display:inline;
	}
	
/* WinIE looks disregards a elements within the div, this rule
keeps the header the right color and font weight */
a {
	color: #00021F;
	font-weight:300;
	}
	
/* List of images inside Content div */
#ImageBar {
	float:right;
	width: 160px; 
	height:100%;
	margin-left:10px;
	padding: 5px 5px 0 5px;
	background: url(assets/design/sidebargrad.jpg) left top repeat-x;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	padding:0px;
	}

/* "be nice to Opera" fix */	
html>body #ImageBar { 
  	padding:0;
	}
	
#ImageBar img { /* Maximum size for images: 150px -- messes up formatting otherwise */
	padding:0;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	padding:5px 0px 0px 5px;
	}
	
/* "be nice to Opera" fix */	
html>body #ImageBar img{ 
	padding:5px 0px 0px 5px;
	}

/* Floating images used in Calendar pages */
#ImageFloatLeft, #ImageFloatRight {
	width:160px; 
	margin:0 0 5px 0;
	border:none;
	text-align:center;
	}
	
#ImageFloatLeft { 
	float:left;
	padding:5px 10px 0px 0px; 
	}
#ImageFloatRight { 
	float:right;
	padding: 5px 0 0 10px; 
	}

#ImageFloatLeft img, #ImageFloatRight img { /* Maximum size for images: 150px */
	padding:0px;
	}

#ImageFloatLeft p, #ImageFloatRight p {
	line-height:12px;
	font-size:11px;
	padding:0;
	margin:0;
	}
	
/* Container div for side navigation -- holds both #Search and #Menu  - changed from Times serif to fix side navigation 29Jul2009 */
#Sidebar {
	position: absolute;
	left:0;
	width:140px;
	height: 75%;
	margin: 0;
	padding:0;
	font-family:Arial, sans-serif;
	background: url(assets/design/sidebargrad.jpg) left top repeat-x;
	height:500px
	}
	
/* holds search bar under menu in side navigation */
#Search {
	margin:0 0 0 5px;
	padding:20px 0 10px 0;
	}

/* unordered list of links for side navigation */
#Menu {
	padding:10px 10px 10px 20px;
	margin:0 0 0 0;
	background-color: transparent;
	}

#Menu ul {
	list-style-type: none; /* doesn't LOOK link a list */
	margin:0;
	padding:0;
	font-family:inherit;
	}
	
#Menu li {
	padding-bottom: 15px; /* space between links */
	margin:0;
	}

#Menu a { /* formats font of links */
	text-decoration:none;
	font-size:12px;
	font-family:inherit;
	margin:0;
	padding:0;
	font-weight:bold;
	color:#00021F;
	}
	
#Menu a:link, a:visited {
	}
	
#Menu a:hover {
	color:#15377A;
	text-decoration:underline;
	}
	
/* Content section of index.html -- looks like a slideshow */
#Slideshow {
	padding:20px 20px 0 20px;
	}
	
#SlideshowContainer {
	background-color:#DADBDE;
	width:100%;
	margin:2px 0px 0px 0px; /* adds white "stripe" above container */
	}

#Slideshow img {
	width:400px; /* for horizontal images ONLY */
	padding:0px 20px 0px 0px;
	}

#Slideshow table { /* changes formatting of content inside "slideshow" */
	margin:0;
	padding:0px;
	border:none;
	}

#Slideshow table p { /* all text inside "slideshow" */ }


/* IMM 09.10.05: Added style to show "Danforth Museum of Art" in non-header */
#DMALogo {
/* get text-alignment with top right in IE */
	margin:0px;
	padding:0px 0 0px 0px;
	border-style:none;
	font-family: Times, serif;
    }

#DMALogo h1{
 /* "Danforth" */
 	font-family: 'Baskerville Old Face', Times, serif;
	font-size:50px;
	font-weight:300;
	line-height:45px;
	margin: 0px;
	padding: 0px;
	display:block;
    }

#DMALogo h2 {
 /* "Museum of Art" */
 	font-family: Times, serif;
	font-style:italic;
	font-size:16px;
	font-weight:normal;
	margin:0 0 5px 0; /* tricks WinIE into adding padding below h2 */
	padding:0 0 0 105px;
	line-height:15px;
	display:block;
 	voice-family: "\"}\""; /* fixes WinIE bug related to display:inline */
 	voice-family:inherit;
	display:inline;
	margin:0;
	white-space:nowrap;
	}